WordPress初心者:リンクのタイトル属性にはthe_titleではなくて、the_title_attributeを使ってますか?

WordPressのテンプレート関数で、the_title_attribute()という関数があります。
みなさんご存知ですか?

使い方はこんな感じです。

[php] <a title="<?php the_title_attribute(); ?>" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
[/php]

記事の詳細ページへのリンクを貼る時のtitle属性に設定します。
まぁ、title属性に出力されるのは記事のタイトルだから『the_title()』でもいいんじゃないか?と思うところなんですが、、、

実はWordPressの記事のタイトルにはHTMLタグを入れることが出来るって知ってました?

例えばこんな感じです。

スナップショット 12:11:14 14:01

これを表示するとこんな感じです。

スナップショット 12:11:14 14:02

ってことは『the_title()』を使うとそのまま<br />も出力されてしまうことになります。
そうなるとaタグのtitle属性には、『<a href=”xxxxxx” title=”タイトルがちょっと長いから改行したいな〜〜!<br />っていうタイトルです。” ・・・・・・・>』っていう感じにtitle属性にも<br />タグが入って変な感じになりますよね・・・

the_title_attribute()を利用するとHTMLタグは削除されてタイトルの文字だけが出力されます。出力されるソースコードはこんな感じです。

スナップショット 12:11:14 14:10-2

<br />タグが削除されています。

もし、aタグのtitle属性にthe_title()を使っているなら、the_title_attribute()に変更することをオススメしますよ〜!ヽ(´ー`)ノ

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

「エンジニアのためのWordPress開発入門」を執筆しました!

WordPressを使った開発案件は依然多く、それに携わるWebエンジニアも多数存在します。ただし、モダンな開発手法に慣れたWebエンジニアがWordPressに初めて触れたとき、その独特のアーキテクチャやシステムの構成に戸惑いを感じることがあるかもしれません。だが、WordPressは、それらを補ったうえにさらに強力なメリットを持ち合わせています。本書は、PHPプログラマがWordPressで開発する際に必要な基礎知識から、現場で役立つ具体的なカスタマイズ手法や開発のポイントについて詳しく解説しています。

この記事を書いた人

NPO法人のHP制作(WordPress)やkintoneを使った業務システムの構築をしています。サイボウズ株式会社公認kintoneエバンジェリスト/CoderDojo西宮と梅田のチャンピオン/認定NPO法人宝塚NPOセンター理事/NPO法人SEIN理事/

コメント

コメント一覧 (1件)

コメントする

目次
閉じる