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

参考ページ	タグ

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

子テーマの「functions.php」にタグ一覧を表示してくれる関数を記述

①：子テーマ「sango-theme-child」フォルダの中にある「functions.php」にタグ一覧を表示する関数を記述します。

↓記述する関数（コード）は以下の通り

//theme_list_tags（固定ページ「タグ」で使用）
function theme_list_tags ( $args ) {
  $current_url = $_SERVER['REQUEST_URI'];
  $tags = get_tags( $args );
  $html = '<div class="taglist">';
  foreach ($tags as $tag){
    $tag_link = get_tag_link($tag->term_id);
    $html .= "<li class='tag_item {$tag->slug}";
    
    if(  substr($tag_link, -strlen($current_url) ) === $current_url ) {
        $html.=" current-tag"; 
    }
    $html .= "'><a href='{$tag_link}'>";
    $html .= "{$tag->name}";
    
    if( $args['show_count'] == true) {
        $html .= " (".$tag->count.")";
    }
    
    $html .= "</a></li>";
  }
  $html .= '</div>';
  echo $html; 
}

//theme_list_tags（固定ページ「タグ」で使用）

function theme_list_tags ( $args ) {

$current_url = $_SERVER['REQUEST_URI'];

$tags = get_tags( $args );

$html = '<div class="taglist">';

foreach ($tags as $tag){

$tag_link = get_tag_link($tag->term_id);

$html .= "<li class='tag_item {$tag->slug}";

if( substr($tag_link, -strlen($current_url) ) === $current_url ) {

$html.=" current-tag";

}

$html .= "'><a href='{$tag_link}'>";

$html .= "{$tag->name}";

if( $args['show_count'] == true) {

$html .= " (".$tag->count.")";

}

$html .= "</a></li>";

}

$html .= '</div>';

echo $html;

}

↓

②：コードを記述したら、ファイルを保存します。

「page.php」をコピーしてソースコードを編集。名前を「page-taglist.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 theme_list_tags($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(); ?>