サイドバーにはNEW POSTがあります。
この背景やデザインを変えて見やすくします。
サイドバー新着記事一覧のデザイン変更
サイドバーは時々目が行くところなので、
できるだけデザインにはこだわりたいです。
見やすく、キレイに仕上げましょう。
Stinger5では、サイドバーにNEW POSTがあります。
元々のテーマに含まれています。
私はサイトの背景に画像を使っていて、
これとNEW POSTが重なるととても見えにくいのです。
なので、NEW POSTの記事ひとつひとつに背景をつけ、
より見やすくしました。
ついでにデザインも色々いじってみました。
CSSを変更します。
スタイルシートから
#kanren dl
を検索。
その周辺のコードを修正します。
#kanren dl {
padding: 10px;
margin: 10px;
background: white;
border: 1px solid;
border-radius: 10px;
box-shadow: 4px 4px 4px rgba(1,0,0,0.5);
}
他、
#kanren dl
#kanren dd h5
を、サイドバーの幅や高さに合わせて調整して下さい。
サイドバーがあまりに目立ちすぎるのはよくないので、
ナチュラルに馴染むようにします。
ただし、見やすいようにします。
参考にしたサイト
サイドバーのNEW POSTの変更
stinger5 トップページ記事一覧をカード化して見やすくした
こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。
当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。
必ずデータは最新のバックアップを取っておいて下さい。
WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。
当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。
詳細はWordPressヘルプを参照下さい。
ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
（わからんから）
スポンサードリンク