2020.05.19Cocoonのトップページをサイト型にカスタマイズする方法いつも『コクーンのトップページをサイト型に変更するにはどうすればいいんだろう』と悩んでいませんか?この記事で紹介する『Cocoonのトップページをカスタマイズする方法』を実践すると、誰でも簡単に魅力的なサイト型のトップページができます。私自身もコクーンを使っていて、すごく簡単だったのでご紹介します。この記事では、『カラムの配置の仕方』や『様々なショートコードの使い方』などをご紹介して、実際の完成図までご紹介します。この記事『Cocoonのトップページをカスタマイズする方法』を読み終えると、今後トップページで悩むことは一切なく、読者にたくさんの記事をスムーズに読んでもらうことができます。設定していきましょう。固定ページをトップページに指定する固定ページをWordPressに適用する記事のカテゴリーをカラムに表示する設定カラムの枠線や表示件数を変更するCocoonのトップページをカスタマイズする方法【あとがき】Cocoonのトップページをカスタマイズする方法まずはCocoonのトップページを制作していきましょう。サイトのトップページは固定ページで作ります。クリック「固定ページ新規投稿」画面タイトルに仮のタイトルを入力します。本文にカラムを入力します。カラムとはホームページ上に区切られたスペースのことです。ここでは2カラムで左に新着記事、右に人気記事を作ってみます。本文上部のツール『タグ』をクリックし、『2カラム』を選択します。本文内にベタ塗りのエリアが2つ表示されます。(カラムの色は編集時のみです)各カラムにタイトルを入力します→左のカラムに『新着記事』、右のカラムに『人気記事』と入力カラムのタイトルの下にショートコードを挿入します。選択カラム内にショートコードが挿入されます(同様に右カラムに人気記事一覧)画面上部のURLアドレスに表記されている固定ページID「post=●●●●」の「●●●●(数字)」をメモしておきます。タイトルを消去し、画面右上の『更新』をクリック固定ページをトップページに指定する固定ページをトップページに指定するには以下のコードをコピーして、追加CSSに貼ります。none;}※「post=●●●●」の「●●●●(数字)」には先ほどメモした固定ページIDを入れてください。入力欄にペーストします。『公開』をクリック※テーマエディターからCSSを開いて貼ることもできますが、カスタマイズから貼ったほうが安全なので、初心者の方は上記の方法をおすすめします。固定ページをWordPressに適用する最後に固定ページをトップページとしてWordPressに設定します。画面左下の『変更を保存』をクリック完成です。トップページが作成した2カラムのページに変わっていると思います。記事のカテゴリーをカラムに表示する設定カラムにカテゴリーページ一覧を表示させたい場合は「新着記事一覧」で本文に表示されたコードの「cats=”all”」の「all」をカテゴリーIDに変更します。右側のカテゴリー一覧から記載したいカテゴリー名にカーソルを当て、表示されるメニュー『編集』をクリックカテゴリー内容編集画面に画面上部URLに表記されている「tag_ID=○○○○」の数字がカテゴリーIDになります。カラムの枠線や表示件数を変更するカラムの枠に線を入れたり、表示される記事件数を変更するにはカラム内に表示されたショートコードの内容を変更します。複数の場合は「,」で区切る。いかがでしたでしょうか。この記事『Cocoonのトップページをカスタマイズする方法【サイト型】』によって、トップページ変更の仕組みや設定方法を理解し、実践されたと思います。一ツ柳天之介トップページというのはサイトの顔ですので、様々なカスタム方法がありますが、今後も読者にわかりやすいトップページに改善していってください。トップページを改善した後は、投稿ページや固定ページのさらなる簡単な整理方法がありますので、ご確認ください。『WordPress投稿の仕方と簡単で便利なおすすめ基本設定!』それではまたお会いしましょう。予約投稿するだけで驚くほどの利点が待っています。みなさんは好きなアイドルはいますか?もしくは応援してる俳優さんとかいますでしょうか。