私のブログはWordPressで書いているのだけど、テーマはなるべくシンプルなものが好きなので「First」を使っている。

ただあまりにシンプルすぎるので、記事を枠で囲むことに。

 

まずはページ全体を囲むには「設定」「外観」「テーマエディター」と進み赤で書いた文字を追記します。
「waku」はご自分のわかる文字で結構です。 ファイルは「index.php」「page.php」「style.css」の３ファイルです。

1.まずはメインインデックスのテンプレート　index.phpに以下の赤文字を追記

<div class=”waku”>
<?php get_template_part( ‘content’, get_post_format() ); ?>
</div><!-waku->
<?php endwhile; ?>

---

2.個別投稿ページ　page.phpに以下の赤文字を追記

<div class=”waku”>
<?php get_template_part( ‘content’, ‘single’ ); ?>

<中略>

</div><!-waku->
<?php endwhile; // end of the loop. ?>

---

3.スタイルシートstyle.cssの最下行に以下の文字を追記

div.waku{border:solid 1.5px silver;
padding:18px;
margin:0px 0px 20px 0px ;}

以上の３ファイルに追記することで記事を枠で囲むことができます。