WordPress 記事タイトルにHTMLタグを使用する方法

Last Updated: 2017 年 04 月 11 日 댓글

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 カスタムフィールド

WordPressで提供する「カスタムフィールド」をそのまま使用してもよい。

もう少し便利にカスタムフィールドを管理するには、 高度なカスタムフィールド プラグインを使用することができます。

WordPress カスタムプラグイン

ACFは、次のように値を取得することができます。

get_field('sub_heading')

出力しようとする場合は、次のようにthe_field()形式を使用します。

<?php the_field('sub_heading'); ?>

もっと詳しく ACFホームページを参照してみてください。


コメントを残す

コメント