WordPressでは様々なテーマを使ってお気に入りのサイトを作ることができます。
テーマのみでも充分機能性とデザイン性を持ったサイトになるのですが、ずっと使っていると「ここに色付けたいな・・・」「フォント変えたいな・・・」など自分でカスタマイズしたくなってきますよね。
そこで、今回は子テーマを使って自分好みにカスタマイズするために必要な子テーマの利用手順を紹介していきます。
筆者が利用しているテーマは有名な『Cocoon』になるのですが、今回は『Cocoon』の子テーマ『Cocoon Child』を使っていきます!
前提
・CSSを記述することができる。
・WordPress構築済み
・『Cocoon』と『Cocoon Child』インストール済み
子テーマ記述までの手順
手順は以下の通りです。
①「ダッシュボード」をクリック
②「外観」下の「テーマエディター」をクリック
③Cocoon Child:スタイルシート(style.css)のエディターにCSSを記入
※CSSの要素(body ,p , .クラス名など)は検証ツールの「Elements」で確認する。
実際の例
「文字のフォントを変える」
①Cocoon Child:スタイルシート(style.css)のエディターに以下を追加
body{ font-family: Helvetica , "游ゴシック", sans-serif; }
②「ファイルを更新」ボタンを押す
![](https://chiii-blog.com/wp-content/uploads/2021/05/スクリーンショット-321.png)
③結果
![](https://chiii-blog.com/wp-content/uploads/2021/05/S__49283076-1-1024x262.jpg)
もっと様々なカスタマイズ方法を知りたい方は「りこさん」の記事がくわしかったのでご参考に~
![](https://chiii-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/86e8c81dabffc722552951ed0af81297.jpg)
『Cocoon』細かいカスタマイズ(まとめ&備忘録)CSSコピペでOK!
ワードプレス無料テーマ『Cocoon』の細かいところをカスタマイズした記録です。メニューにFont Awesomeアイコンを入れたり、目次を中央配置にして背景色の変更をしたり、カテゴリーのラベルを非表示にしたりなど、自己満足的に?細かく変更した箇所などの備忘録です。徐々に増えていく予定!