Twenty Thirteenで記事に枠を表示

記事に枠を表示すると、記事が見やすくなる場合があります。枠が効果的な特定の記事のみに枠を表示します。

はじめに

「Twenty Thirteen」で必要な記事のみに枠を表示します。

記事に枠を表示

枠を表示する記事毎に、枠のスタイルをCSSで指定した「div」タグで、記事の内容を囲みます。

<使用例>※本稿のように表示されます。

<div style="padding: 3px 28px 15px; border:2px solid #209020; border-radius: 8px;">
~記事内容~
</div>

おわりに

枠を付けることによって見やすくなる場合がありますが、「Twenty Thirteen」では、デフォルトの記事の幅が狭く、使いずらい気がします。

関連記事(Twenty Thirteenの各部個別の表示をカスタマイズ)

  1. Twenty Thirteenのメニューから検索フォームを削除
  2. Twenty Thirteenのフッターにコピーライトを表示
  3. Twenty Thirteenで見出しのデザインを変更
  4. Twenty Thirteenで記事に枠を表示
  5. Twenty Thirteenでリストマーカーに画像を設定
  6. Twenty Thirteenでサイトのロゴをヘッダーに表示

関連記事(目次)

  1. インターネットで情報発信!

コメント記入欄

※メールアドレス(任意入力)は非公開です。コメントはお気軽にどうぞ!

内容を確認して、「コメント送信」ボタンを押してください。

post date*

※日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)