はてなブックマーク

WordPressの段落ブロックに枠線（囲み線）を付ける方法をご紹介します。段落ブロックには、クリックだけで枠線を付与してくれるような便利機能は用意されていません。CSSなどを使って付与する必要があります。 今回は、段落ブロックの「高度な設定」機能を使って、CSSで段落ブロックに枠線を追加します。いくつかCSSのデザインサンプルを載せています。よろしければコピペしてご利用ください。 段落ブロックに枠線を付ける方法 STEP１：「高度な設定」にCSSクラスを追加する 枠線を付けたい段落ブロックを選択します。画面右側に「高度な設定」が表示されます。「追加 CSS クラス」に好みのクラス名を追加します。 今回は「waku」と付けています。 参考 ソースで見ると、段落<p>のタグが<p class="waku">に変更されます。 STEP２：スタイルシートを追加する 先ほど付けたクラス名に対するス