はこぶブログはこぶWEB3.0・アフィリエイト・ブログなどを愛する中学生ブロガーです。小5でビジネスを学習→小6からブログを1年継続→月間1.7万PV・収益5桁を達成。普段はWEB3.0を学びつつ、ブログを運営しています。今回は、Cocoonテーマでサイドバーのアーカイブをカスタマイズする方法を解説します。「カスタマイズが難しい...」という方へCocoonのアーカイブをカスタマイズする方法それでは、アーカイブを以下の4つのようにカスタマイズします。文字をカスタマイズ上線&囲線を追加するそれではこの4つを順番に解説します。サイドバーにアーカイブを表示するまずは、サイドバーにアーカイブを表示しましょう。[外観➡︎ウィジェット]を開いてください。下にスクロールし、[アーカイブ➡︎サイドバー➡︎ウィジェットを追加]の順でクリック。すると、以下のような画面が追加されると思います。👇ここに、タイトルや投稿数の表示を設定しましょう。アーカイブを固定(スクロール追従)させたい方は[外観➡︎ウィジェット]を選択。次に[アーカイブ➡︎サイドバースクロール追従➡︎ウィジェットを追加]の順でクリックしましょう。あとは先ほどと同じように設定してください。これで、サイドバーにアーカイブを追加する作業は完了です。ドロップダウンで表示する↑これは先程のアーカイブの設定画面です。『ドロップダウンで表示』にチェックを入れると、以下のように表示されます。短く表示したい方におすすめですね。カスタマイズがしづらく、手間も増えるので個人的にはおすすめしません。文字をカスタマイズする続いて、アーカイブの文字をカスタマイズする方法を解説します。[外観➡︎テーマエディター]を開いてください。style.cssを選択し、好きなとこに以下のコードを追加しましょう。1.5;/*行の高さ*/}設定する必要がないところは削除してください。上線&囲線を追加する最後は、以下のような上線&囲線を追加する方法を解説します。それでは、先ほどと同じように[外観➡︎テーマエディター]からstyle.cssを開きます。好きな場所(もしくは一番下)に以下のコードを追加してください。#333333;/*上線の種類&色*/}「カスタマイズが難しい...」という方へCocoonはカスタマイズが必要なので、エラーの対処やCSSの学習しなければいけません。「Cocoonでは収益化は難しいな...」という印象です。僕もCocoonのWEBデザインに3ヶ月ほどかかってしまい、収益化まで遠回りしてしまいました。そこで、「カスタマイズが難しい...」という方はAFFINGER6の導入がオススメです。僕もAFFINGER6でサイトを運営しており、13歳で月収5桁を達成しました。AFFINGER6は、それなりに稼ぐアフィリエイターから大人気のテーマなので、詳しくチェックしておきましょう。続きを見る「収益化するにはCocoonでいいの?」という方は、以下の記事で「僕が有料テーマをオススメする理由」をすべて解説しているので、参考にしてください。続きを見るPostShareHatenaLINE-ブログ-Cocoonauthor関連記事ブログ【5日で完了】「WordPressのカスタマイズが難しい」の解決策このような方の疑問に答えます。ネタバレですが、カスタマイズ性の高いWordPressテーマに移行すれば解決できます。この記事を書いている僕はブログを初めて3ヶ月間をカスタマイズに使いました。け】このような疑問に答えます。...ブログ【結論】Shutterstockが最強のフリー素材サイト【画像10枚と4,000円を無料でGET!】このような疑問に答えます。WINGをiPadで始める方法【コノハウィング】このような疑問に答えます。解説】中学生がブログで稼ぐ5つの手順【月収5桁達成】このような疑問に答えます。...ブログ【本質】仮想通貨ブログの書き方を3ステップで解説する【有益です】このような疑問に答えます。【コピペOK】CSSで目次のデザインをカスタマイズする【Cocoon】はこぶWEB3.0・アフィリエイト・ブログなどを愛する中学生ブロガーです。小5でビジネスを学習→小6からブログを1年継続→月間1.7万PV・収益5桁を達成。普段はWEB3.0を学びつつ、ブログを運営しています。>当サイトはリンクフリーです当サイトへのリンクは許可なく貼ることができます。スクリーンショットも引用元のURLを貼っていただければ問題なしです。記事にPRが含まれてる場合があります。