AP*DesignFactory

BLOG

wordpressの固定ページのタイトルをスラッグを利用して装飾する

2020.3.3 wordpress

いわゆるサブタイトル付きのページタイトルです。
前提として、ページタイトルには「お知らせ」、
ページスラッグは「information」と設定した場合の例です。

自分の作業用のメモとしてまとめました。

サブタイトルがすべて小文字の場合

表示イメージ

テンプレートファイル(PHP)

<?php
	$page = get_post( get_the_ID() );
	$slug = $page->post_name;
?>
<h1><?php the_title_attribute(); ?><span><?php echo $slug; ?></span></h1>

実際のhtml構造はサイトに合わせてください。

サブタイトルがすべて大文字の場合

表示イメージ

テンプレートファイル(PHP)

<?php
	$page = get_post( get_the_ID() );
	$slug = $page->post_name;
	$subtitle = strtoupper($slug);
?>
<h1><?php the_title_attribute(); ?><span><?php echo $subtitle; ?></span></h1>

サブタイトルの頭文字だけ大文字の場合

表示イメージ

テンプレートファイル(PHP)

<?php
	$page = get_post( get_the_ID() );
	$slug = $page->post_name;
	$subtitle = ucfirst($slug);
?>
<h1><?php the_title_attribute(); ?><span><?php echo $subtitle; ?></span></h1>

PHPの記述はこちらのサイトを参考にしました。
他にも単語ごとの頭文字を大文字にする構文、大文字を小文字に変換する構文など紹介されています。

http://www.flatflag.nir87.com/strtoupper-519