SANGOカスタマイズ – フッターにカテゴリーを追加し、登録しているカテゴリーを一覧表示させる方法

SANGOカスタマイズ_カテゴリー一覧を固定ページに追加

WordPressのテーマを「SANGO」に変更し、最近は”せっせ”とカスタマイズにいそしんでいます。

ぼく
以前はOPENCAGEの「ハミングバード 」を利用していました。

カスタマイズは大変ですが、人気のテーマということもあり、ブロガーさんによる記事がとにかく豊富!

なので、それほど苦もなく理想の形に近づけることができました。

なにより「公式サイト」の情報の充実っぷりがすごい。

ただ、いくつか「あれっ、これどうすればいいんやろ!!?」的な問題にも直面しましたので、忘備録も兼ねて記事に残します。

第一弾は「固定ページにカテゴリーの一覧を追加し、フッターに表示させる方法」について。


カテゴリー一覧ページをフッターに反映

参考ページカテゴリー

手順
  1. SANGOの「page.php」をコピーしてソースコードを編集。名前を「page-catlist.php」に。
  2. 子テーマ「sango-theme-child」フォルダに「page-catlist.php」を追加。
  3. 固定ページのテンプレートに「カテゴリー一覧」が追加される為、選択。これにて「カテゴリーの一覧ページ」が完成。
  4. 外観 → メニューからフッターメニューを作成。カテゴリの一覧ページをフッターに追加する。

ぼく
反映にはファイルの送受信を行う「FTPソフト」とソースコードを編集する「テキストエディタ」が必要です。

FTPソフト(無料)FFFTP(Windows)
Cyberduck(Mac)
テキストエディタ(無料)サクラエディタ(Windows)
Sublime Text(Mac)

 

それでは、詳しい手順を書いていきます。

まずは、PHPファイルの編集から。

「page.php」をコピーしてソースコードを編集。名前を「page-catlist.php」に。

①:親テーマ「sango-theme」フォルダの中にある「page.php」をコピーします。

page.phpをコピー

②:コピーした「page.php」のソースコードを以下の内容に変更します。

③:ファイルの名前を「page-catlist.php」に変更して保存します。

page.phpをpage-catlist.phpに変更

 

子テーマ「sango-theme-child」フォルダに「page-catlist.php」を追加。

④:先ほど作成した「page-catlist.php」を子テーマのフォルダ「sango-theme-child」にアップロードします。

 page-catlist.phpを子テーマに追加。

これで、PHPファイルの編集は完了です。

続いては、WordPress側での設定について。

 

固定ページのテンプレートに「カテゴリー一覧」が追加される為、選択。

⑤:固定ページ → 固定ページ一覧 → 「新規追加」ボタンをクリック。

固定ページから新規追加を選択

⑥:テンプレートから「カテゴリー一覧」を選択し、タイトルとパーマリンクを決め、「公開」ボタンをクリックします。

カテゴリー一覧を選択し、公開。

 

外観 → メニューからフッターメニューを作成。カテゴリの一覧ページを追加する。

⑦:外観 → メニュー → 新規メニューを作成 →メニュー名を入力し、「メニューを作成」ボタンをクリックします。

フッターナビを作成

⑧:「カテゴリー」にチェックをつけ、「メニューに追加」ボタンをクリックします。

カテゴリーをメニューに追加

⑨:フッターメニュー(ページ最下部)にチェックをつけ、「メニューを保存」ボタンをクリックします。

フッターメニューを追加

⑩:完成。下記画像の様に「カテゴリー」がフッターに追加されます。

カテゴリー一覧ページがフッターに反映される

ぼく
カテゴリーを追加すると、こちらのページにも自動的に反映されます。

手順まとめ
  1. SANGOの「page.php」をコピーしてソースコードを編集。名前を「page-catlist.php」に。
  2. 子テーマ「sango-theme-child」フォルダに「page-catlist.php」を追加。
  3. 固定ページのテンプレートに「カテゴリー一覧」が追加される為、選択。これにて「カテゴリーの一覧ページ」が完成。
  4. 外観 → メニューからフッターメニューを作成。カテゴリの一覧ページをフッターに追加する。

 

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください