[投稿(記事ページ)]この記事は約3分で読めます。賢威6.1の投稿部分は他の背景と同色になっています。投稿部分はサイト・ブログのメインとなるコンテンツ部分なので目立たせたいです。そこで、投稿部分に枠をつけて目立たせる方法を説明します。投稿部分のみに枠を設定するには「post」に対するスタイルを追加します。テーマ編集」から「design.css」を開き、1番下に以下のスタイルを追加します。#fff;」で背景色を設定できます。例では白背景にしています。背景色は変更せずに枠線のみつけることも可能です。その場合は、以下のスタイルを追加します。#ccc;」で枠線のスタイル(solid)、太さ(1px)と色(#ccc)を決めています。「border」の詳細は、以下のページをご覧ください。実践だけでなく、点線なども可能です。HTMLクイックリファレンストップページの最新投稿にも枠がつくここでひとつ注意したいのは、この設定を追加するとトップページにも影響が出ます。初期設定の場合、トップページで記事の抜粋を表示していますが、その記事部分にも同様の枠が表示されます。トップページの投稿部分です。投稿の個別ページと同様の枠が表示されます。投稿枠のデザインを浮かせたり、角丸にしてみる背景色や枠線で囲むだけでもだいぶ印象は違いますが、さらにデザインをちょっと変更してみます。背景色を浮き出した枠にする背景色を付けるだけでなく、その枠を少しだけ浮かしたイメージにします。先ほどの背景色のスタイルに「box-shadow」を以下のように追加します。1.0em;}枠の右側と下側が少し浮いた感じで表示されます。詳しくは、以下のサイトを参考に数値などをサイトイメージに合わせてください。HTMLクイックリファレンス枠線を角丸にする次に枠線を角丸にする方法です。先ほどの枠線のスタイルに「border-radius」を以下のように追加します。5px;}上下左右の枠線が角丸になります。「border-radius」のピクセルを変更することで、角丸のサイズを変更できます。PMはじめまして、検索より訪問させて頂きました。これ、ずっとやってみたかったんですけど自分にはムリだろうと思ってました。こちらで分かりやすく説明なさっていたので簡単に変更することがで、とても喜んでいます。見出しのデザイン変更とコメント欄のメールボックスの非表示も参考にさせて頂きました。ありがとうございます!!今後も記事の公開、楽しみにしています。カスタマイズ情報は、いつもの『賢威カスタマイズ研究所』のこの記事です。[...]返信コメントを残す返信をキャンセルする。Reserved.このページの先頭へ。