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. インターネットで情報発信!

コメントを残す

メールアドレスが公開されることはありません。

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