2022.01.22Cocoonは非常に便利なWordPressのテーマで、そのまま使用しても非常にお洒落ですっきりしたデザインに仕上がっています。これにさらに自分の個性を少しだけプラスするだけで、更にカッコイイサイトにすることができます。今回はCocoonテーマのアーカイブ欄をカスタマイズする方法を紹介します。記事数に枠をつけてみるマウスを重ねると項目をずらして着色させる参考:CSSの種類(プロパティ)マージンとパディング記事数に枠をつけてみる通常は記事数の数字が記載されているだけですが、この数字に囲をつけてみましょう。次のコードをCSSに追加(コピー&ペースト)します。1.0);/*枠線の赤緑青の色指定、透明度*/}ナビゲーションメニューの[外観]の中の[カスタマイズ]をクリックします。下のような画面になったら、メニューから[追加CSS]をクリックします。なんらかのカスタマイズをしている場合は、カスタマイズ用に記述したCSSコードが表示されます。何もカスタマイズしていない場合は、何も表示されません。先ほどのコードをコピー&ペーストすると、アーカイブ欄の記事数に枠が表示されるようになります。マウスを重ねると項目をずらして着色させるアーカイブの項目にマウスを重ねると、項目をずらして着色されるようにしてみましょう。ナビゲーションメニューの[外観]の中の[カスタマイズ]をクリックし、メニューから[追加CSS]をクリックします。次のコードをCSSに追加(コピー&ペースト)します。アーカイブの項目にマウスを重ねると、項目がずれてオレンジに着色されます。8px;/*ずらす量*/}参考:CSSの種類(プロパティ)マージンとパディングマージンとはボックスの外側の余白のことで、パディングとはボックスの内側の余白のことです。非常に便利なCocoonですが、使っていると、全体的にもう少し文字サイズを大きくしたい、もしくは小さくしたいと思うようになります。ここでは投稿や固定ページの文字の大きさを変更する方法をご紹介します。SEO、カスタムCSS、カスタムJavascriptを非表示にするCocoonで、SEO、カスタムCSS、カスタムJavascriptの設定欄を非表示にする。AdSenseの審査用コードの貼り付け場所を紹介します。CocoonCocoonサイドバー文字サイズの変更Cocoonのサイドバーの文字サイズを変更してみましょう。標準では備わっていないので、CSSで指定します。モバイル表示をプレビューしてみるCocoonを使用している時のモバイル表示のプレビュー方法をご紹介します。ブログ歴はごくわずか。Python・Cocoon・WordPress.メニューCocoonXcodeWordPressMacPythonお問い合わせホーム検索トップサイドバ。