1. WordPress のタグ情報

WordPressにはタグという機能があり、通常は記事にタグを付与する事で、ページのグループ化を行ったりSEO対策として活用したりしています。

今回はタグ情報にfont awsomeの情報を書き込む事で、タグ情報に連動し、font awsomeの絵文字を表示してみます。

2. 操作例

font awsomeのタグを表示したい箇所を出力するphpファイルに、以下の様なphpを記載します。タグのdescriptionを用いています。

/*記事に紐づけられたタグ配列情報を取得*/
$tags = get_the_tags();

/*タグ情報が空かどうかを確認*/
if ( !empty( $tags ) ) {
  /*タグ情報が設定されている場合は、1つ目のタグ情報を読み取り、
    fontawsomeのタグを構成し、出力する　*/
  echo '
' . $tags[0]->name . '
';
}else{
  /*タグ情報の設定がない場合は、fa-laptop-code の絵文字を出力*/
  echo '
' . $tags[0]->name . '
';
}

gist

このブログラムを動作させるには、タグのdescriptionに別途、font awesomeのiタグで指定するclassの名前の組を予め記載しておく必要があります。