PART5今回はタイトル上のカテゴリ表示を丸角の枠線で修飾したいと思います。『この記事の続きを読む』をクリックして表示されるページのほうには、記事を書いた製作者名が表示されるのに対し、抜粋表示では表示されないという違いがあり、私はこれをどちらも表示しない設定で、揃えることにします。比較図1比較図2親テーマのスタイルシートを確認するまずは、親テーマのスタイルシートで、これら情報がどう表示されているのか確認します。管理画面の〈外観〉ー〈テーマ編集〉をクリックして、右側のメニューーから、『編集するテーマを選択』を親テーマフォルダにして、style.cssをクリックします。EntryMeta』という項目があります。このなかのcat-linksがカテゴリ表示のスタイルになっています。これらの設定を変えることで、cat-linksを好きなデザインに変えられます。#41a62a;}子テーマのスタイルシートを編集するそれでは、実際に子テーマのスタイルシートを編集していきます。管理画面の〔テーマ編集〕-〔編集するテーマを選択〕で子テーマが選択されていることを確認します。右側のテンプレート一覧から、スタイルシートを選択します。white;}1文字の太さ変更しませんでした。親テーマの設定では、大文字表記が指定されていますが、私は自分がカテゴリを作ったときの文字設定がそのまま反映されるよう変換を解除します。3背景色を追加するbackground-colorで背景色を指定します。4角を丸くする指定を追加する丸角を指定します。CSS3の草案では上手く表示されないブラウザヴァージョンを考慮して、複数の指定を記述しています。5余白の指定をします枠のようになっている背景と文字の上下左右の余白の設定をします。値を1つ指定した場合:指定した数値が[上下左右]をさす。値を2つ指定した場合:記述した順に[上下][左右]をさす。値を3つ指定した場合:記述した順に[上][左右][下]をさす。値を4つ指定した場合:記述した順に[上][右][下][左]をさす。6文字色を指定する白抜きにします。私はWhiteとカラーネームで書いてしますが、#fffまたは(#ffffff)でも同じことです。7結果を確認する結果確認1丸角白抜き文字で修飾できました。製作者名の表示、非表示を切り替える筆者の表示、非表示を切り替える設定も、親テーマの同じ部分のスタイルシートに指定があります。inline;}抜粋表示の記事一覧ではデフォルトで『none』、製作者が非表示になっています。実際の記事部分は、『inline』指定になっています。両方表示しないという設定にしたいので、シングルページの指定を『none』に書き換えます。none;}2結果を確認する記事全体が表示されるシングルページでも、製作者の表示が消えました。結果確認2長くなりましたので、今回はここまで。これで、『コンテンツエリアの見ばえをよくする』シリーズは、終了となります。次回は、3カラムにしている構成の幅を考えてみたいと思いますが、そのあとのシリーズでは、サイドバーやコンテンツバーの設定パートが続く予定です。『BIOS/UEFI(EFI)』って何だ?関連コンテンツよろしくお願いします(*^_^*)訪問ありがとうございます。