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

SPONSORED LINK

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

ぼく

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

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

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

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

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

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

参考ページ	カテゴリー

手順

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

ぼく

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

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

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

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

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

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

↓

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

<?php
/*
Template Name:カテゴリー一覧
*/
?>
<?php get_header(); ?>
	<div id="content"<?php column_class();?>>

		<div id="inner-content" class="wrap cf">

			<main id="main" class="m-all t-2of3 d-5of7 cf">

				<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
			       <article id="entry" <?php post_class('cf'); ?>>
			            <header class="article-header entry-header">
							<?php if(is_front_page()) : ?>
								<h2 class="page-title"><?php the_title(); //タイトル ?></h2>
					        <?php else : ?>
					        	<?php breadcrumb(); //ぱんくず?>
					            <h1 class="page-title"><?php the_title(); //タイトル ?></h1>
					        <?php endif ?>  
			                <?php if (has_post_thumbnail()): //アイキャッチ?>
				                <p class="post-thumbnail">
				                	<?php the_post_thumbnail('large');?>
								</p>
				       		 <?php endif; ?>
			            </header>
									<section class="entry-content cf">
										<div class="cat-list cf">
											<ul>
												<?php $args = array(
												'title_li' => '',
												); ?>
												<?php wp_list_categories($args); ?>
											</ul>
										</div>
			            </section>
			            <footer class="article-footer">
			                <aside>
			                	<div class="footer-contents">
				                	<?php insert_social_buttons();?>
				                </div>
			                </aside>
			             </footer>

						<?php insert_json_ld();//構造化データ ?>
			        </article>		
				<?php endwhile; ?>
				<?php else : ?>
					<?php get_template_part('content', 'not-found'); ?>
				<?php endif; ?>
			</main>
			<?php get_sidebar(); ?>
		</div>
	</div>
<?php get_footer(); ?>