WordPress 記事タイトルにHTMLタグを使用する
ポストタイトルに直接HTMLタグを使用することができますが、この場合、問題が発生することができます。 例えば、RSSフィードで問題になります。 この場合、次のカスタムフィールド(カスタムフィールド:Custom Field)を使用する方法があります。
まず、HTMLタグがなく、一般的な方法で文のタイトルを入力します。
そのタイトルについてHTML_titleカスタムフィールドを作成し、HTMLタグが含まれている文章のタイトルを入力します。
その後、次のHTMLタグが含まれている文章のタイトルをページに表示するように使用されている WordPress テーマソースファイルを変更します。 (この作業を進める前に必ずチャイルドテーマを作ってください。チャイルドテーマの作り方は」ワンクリックで簡単にチャイルドテーマを作成する「記事を参考にしてください。子供のテーマを作成せずに進む場合、今後のテーマの更新時に修正が消えることになるので注意が必要です。)
たとえば、ほとんどのテーマでは、文のタイトル(Post title)が次のようなコードで表示されます。 このブログで使用されている Diviテーマを見てみると single.php ファイルに以下のようなコードになっていますね。 クラスは、テーマによって多少異なる場合があります。
<h1 class="entry-title"><?php the_title(); ?></h1>
これにより、上記のようなコードを以下のように変更します。
<?php $html_title = get_post_meta($post->ID, "HTML_title", true); if ($html_title) { ?> <h1 class="entry-title"><?php echo $html_title; ?></h1> <?php } else { ?> <h1><?php the_title(); ?></h1> <?php } ?> // Source: livexp.net
カスタムフィールドを追加する
ちなみにCustom Fieldは、各ポスト編集画面で本文の下に見ると、新しいCustom Fieldを追加することができるセクションがあります。
WordPressで提供する「カスタムフィールド」をそのまま使用してもよい。
もう少し便利にカスタムフィールドを管理するには、 高度なカスタムフィールド プラグインを使用することができます。
ACFは、次のように値を取得することができます。
get_field('sub_heading')
出力しようとする場合は、次のようにthe_field()形式を使用します。
<?php the_field('sub_heading'); ?>
もっと詳しく ACFホームページを参照してみてください。
コメントを残す