[WordPress] Understrap のカスタマイズ あれこれ

WordPressのテーマで、カスタマイズに最適なUnderstrapをカスタマイズする覚書です。
「wordpress　Understrap Childをカスタマイズする」 の続編です。実際に私がやってみた、各パーツの初心者でも出来るカスタマイズ法をご紹介します。応用も少しづつ書き足して行きます。

カスタマイズの共通事項

カスタマイズ用のテーマ[Understrap Child]を使用する事が前提です。

子テーマ内に無いファイルは、親テーマからコピーしてから使います。
くれぐれも、親テーマをカスタマイズしない様に注意して下さい。親テーマをカスタムしてしまうと、アップデートの際に上書きされ、初期状態になってしまいます。

テンプレートファイルについて

テンプレートファイルは、スラッグで使い分ける事も出来ます。末尾に-（ハイフン）スラック名とすればOKです。

ファイル構成

Understrapでは、ループさせるテンプレートは/loop-templates/の中にあります。例：content.php

ループを表示している外枠ページの部分はフォルダの外にあります。例：archive.php　また、個々の投稿の側のページはsingle.phpです。

footerのカスタマイズ

デフォルトの
[Proudly powered by WordPress | Theme: UnderStrap by understrap.com.]を書き換えます。年号は自動で書き変ります。

c 2021 サイト名. All rights reserved.

footer.phpを修正

<div class="site-info">
<?php understrap_site_info(); ?>
</div><!-- .site-info -->

を書き変えます。

<div class="site-info">
c <?php echo date('Y'); ?><a href="'.home_url().'">サイト名</a>. All rights reserved.
</div><!-- .site-info -->

サイト名を直接書かない場合は、下記のコードを書いて下さい。一般設定のサイト名に入力した内容が反映されます。

<?php bloginfo( 'name' ); ?>

前の記事、次の記事の削除

<　前の記事 / 次の記事　>　が不要ならは、single.phpを編集します。

まるまる削除又は、今後の為にコメントアウトする事で非表示できます。

<?php understrap_post_nav(); ?>　//削除
<?php /*understrap_post_nav(); */?>　//コメントアウト

抜粋の[・・・]と[続きを読む…]の編集

Understrapでは、the_excerpt()に[・・・]と[続きを読む…]が一緒になっている様です。(涙）やっと見つけたので修正方法ご紹介します。

親テーマ/inc/setup.phpをカスタマイズします。子テーマ内にincフォルダを作成し、setup.phpをコピーしてきます。（親テーマをいじってはダメですよ）

ページの下の方にある、add_filter( ‘wp_trim_excerpt’, ‘understrap_all_excerpts_get_more_link’ );～という部分を見つけます。

function understrap_all_excerpts_get_more_link( $post_excerpt ) {
		if ( ! is_admin() ) {
			$post_excerpt = $post_excerpt . ' [...]<p><a class="btn btn-secondary understrap-read-more-link" href="' . esc_url( get_permalink( get_the_ID() ) ) . '">' . __( 'Read More...',
			'understrap' ) . '</a></p>';
		}
		return $post_excerpt;
	}
}

を書き換えます。好みでOKです。この場合は、classも書き換えました。後は好みにデコって下さい。

function understrap_all_excerpts_get_more_link( $post_excerpt ) {
		if ( ! is_admin() ) {
			$post_excerpt = $post_excerpt . ' ...<p><a class="read-more" href="' . esc_url( get_permalink( get_the_ID() ) ) . '">' . __( '続きを読む',
			'understrap' ) . '</a></p>';
		}
		return $post_excerpt;
	}
}