BLOG

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

wordpress
Posted : 2020.3.3
Update : 2020.3.3

いわゆるサブタイトル付きのページタイトルです。
前提として、ページタイトルには「お知らせ」、
ページスラッグは「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

WEBサイトのコーディング・
WordPress構築案件の
ご相談承ります。
コンタクトフォームより、
お気軽にお問い合わせください!

CONTACT FORM