Cocoonカスタマイズ 〜HARU channelを作ってみよう〜【その4:固定ページ】

アイキャッチ画像 Cocoonカスタマイズ

WordPressの無料テーマ「Cocoon(コクーン)」。

それを使って、私が当サイト「HARU channel」をどのようにカスタマイズしてきたのか、その過程をご紹介しています。


前回は、ナビゲーションメニューを作成したところまで進みました。

HARU channelトップページ

これを最終的に、以下の状態にまでカスタマイズしていきます。

HARU channel トップページ

今回は、

  • 固定ページ

について、説明していきます。

固定ページとは

固定ページ

固定ページとは、どのカテゴリーにも属さない、独立したページのことです。

当サイトでは、フッター(ページの一番下)の部分に表示しています。



固定ページの考え方を図で表すと、以下のようになります。

HARU channel サイトマップ

緑色の部分が固定ページです。
「独立したページ」だというイメージが掴めましたでしょうか。


続いて、固定ページの作成方法について説明します。

固定ページの作成方法

固定ページの作成方法は、基本的に投稿を作成する場合とほぼ同じです。

  • STEP1
    固定ページの作成画面へ
    新規固定ページの追加

    固定ページ→新規追加」をクリックします。

    (デフォルトでもいくつかページが作成されていますので、これらを編集しても構いません。)


  • STEP2
    入力
    新規固定ページの追加
    1. タイトル【必須】
    2. 文章
    3. URLスラッグ
    4. アイキャッチ画像を設定

    など、タイトル以外はできる範囲で入力しましょう。

    入力方法は、投稿の作成を参考にしてください。

    右上の「公開」をクリック、確認画面が出てくるのでもう一度「公開」をクリックすると固定ページを公開することができます。



この要領で、必要な固定ページを作成していきます。
追加・削除はいつでも行うことができます。)

当サイトの固定ページ一覧は以下のようになっています(2022/01時点)。

固定ページ一覧

固定ページの表示方法

固定ページは、投稿のように作成すれば自動的に表示されるわけではありません。

カテゴリーと同様、どこに表示させるかを設定しなければなりません
(表示方法も、カテゴリーの場合とほぼ同じです。)

  • STEP1
    新しいメニューの作成画面へ
    新規固定ページの追加

    管理画面の「外観→メニュー」に移動します。

    新しいメニューを作成しましょう」をクリックします。


  • STEP2
    メニューを作成
    固定ページをフッターメニューに追加

    メニュー名」を入力します。
    名前は何でもOKです。
    (ここでは分かりやすいように、「メニューの位置」で選択している「フッターメニュー」と同じ名前にしておきます。)

    メニューの位置の「フッターメニュー」にチェックを入れます。

    メニューを作成」をクリックします。


  • STEP3
    作成した「フッターメニュー」の中に、固定ページを追加
    固定ページをフッターメニューに追加

    左側「メニュー項目を追加」の欄より、「固定ページ→すべて表示」のタブをクリック。
    表示させたい固定ページにチェックを入れて、「メニューに追加」をクリックして固定ページを追加します。


  • STEP4
    (マウス操作で順番を入れ替え、)メニューを保存
    固定ページをフッターメニューに追加

    固定ページが追加されました。
    追加した固定ページは、マウス操作で順番を入れ替えることもできます

    最後に「メニューを保存」をクリックします。


以上のカスタマイズをして、サイトは以下のような状態になりました。

HARU channelトップページ

分かりにくいですが(笑)、フッター部分(サイト下部)に固定ページが追加されましたね。


次回は、

  • サイドバー(ウィジェット)
  • プロフィール

について解説します!

コメント

タイトルとURLをコピーしました