PR

WordPressテーマCocconをカスタマイズ~カテゴリー・メニュー編~

PR

※ 当サイトではアフィリエイト広告を利用しています。

WEB

前回の記事では、
・ヘッダーロゴの変更方法
・ヘッダー背景画像の変更方法
・スキンの設定方法
についてお伝えいたしました。

今回の記事では、サイトの中身を作っていくための下準備、 「カテゴリー」「メニュー」に関する編集・追加方法をお伝えしたいと思います。

▼前回記事▼

WordPressテーマCocconをカスタマイズ~ヘッダー・スキン編~
前回の記事ではシン・レンタルサーバーでサブドメインを設定する方法と、WordPressのインストール方法についてお伝えいたしました。 今回の記事ではWordPressのテーマ「Cocoon」をオリジナルにカスタマイズする方法を解説していきた...

▼りのんずにて利用しているレンタルサーバーはこちら▼

これまで色んなレンタルサーバーを使用してきましたが、
解説しているユーザー数も多く、求めている知りたい情報へたどり着きやすい為、
初心者にもおすすめのレンタルサーバーです♪

最終完成デザインはこちら

コンテンツを作っていく為の下準備をする

サイトの見た目を作りこんでいく前に、サイトのコンテンツを作る下準備を進めていきます。

投稿カテゴリーの作成

先ず、コンテンツのメインである記事の「カテゴリー」を設定します。
後に作成する固定ページの中に表示する、
カテゴリーごとの新着記事一覧を作成する為にも
サイトを公開するタイミングで掲載予定の記事のカテゴリーを先に登録してしまいます。

※今後公開予定、アップロードしていきたいというカテゴリーに関しては随時の作成が良いと思います。
理由は単純に投稿記事のカテゴリーを選ぶ際に、チェックボックスがたくさん表示されると選択ミスなどが発生する可能性があるからです。

サイトを公開する時点で記事をアップロード出来るカテゴリーを作ってしまいましょう。

左メニューバーの「投稿」をクリックし、表示された「カテゴリー」を選択します。

右の画面に表示された新規カテゴリーの「名前」に追加したいカテゴリー名を、
スラッグ」にURLへ表示させたい言葉を入力してください。
日本語を入力すると、自動で変換され長い文言になってしまう為、半角英数字で指定する方が良いです。

(例)
「都道府県」
∟大阪
∟東京

のようにメインカテゴリーから派生するカテゴリー分けを作成したい場合は「親カテゴリー」で派生元のカテゴリーを選択します。

最後に「新規カテゴリーを追加」ボタンを押せば、追加完了です。

必要なカテゴリーを制作し、こんな感じになりました。

これでカテゴリーの追加は完了です。

メニューバーの設定

続いて、先ほど追加したカテゴリーをメニューへ設定していきます。

外観」→「メニュー」を押すと、上記の図のような画面が表示されます。

③のメニュー名には好きな名前を入力してください。
メニューを表示する箇所を複数作る予定がある方は、ヘッダーメニュー・フッターメニューなどどこに表示するメニューかを記載しておくと便利です!

メニュー設定から、新しく作るメニューはサイト内のどこに表示するメニューかを選択します。
ここでは先ずは、ヘッダーバナーの下に表示する「ヘッダーメニュー」を作成します。

メニューを作成」ボタンを押すと、下の画像のように左の選択画面が操作できる状態になります!

この画面が出来たら、メニューバーへ表示していきたい項目を選択し、どんどん追加していきます。

※次の記事で作り方をお伝えするトップ画面の固定ページの枠を既に制作している為、
私は既に「トップページ」という言葉が固定ページのプルダウン内に表示されていますが
記事の順番通りに作ってくれている方はまだトップページを制作していない為表示されていません。
トップページ制作後、メニューへ追加してください。

トップページに表示させたい項目へチェックを入れ、
メニューに追加」ボタンを押します。

③の箇所に追加したメニューが表示されます。

追加したメニューの表示順番を変更したい場合は、▼マークをクリックし、

移動から順番を変更します。

順番の変更が完了したら「メニューを保存」ボタンを押して保存しましょう。

サイトを確認し、メニューバーが表示されていれば完成です!

お疲れ様でした。

次の記事では固定ページのカスタマイズ方法をお伝えします。

コメント

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