「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマLUXE:ヘッダーロゴを使用時にもサイトのキャッチフレーズを表示させる

Q.ヘッダーロゴ使用時にキャッチフレーズを表示させたい

ヘッダーロゴを設定した際に「外観」→「サイトタイトルとキャッチフレーズ」で設定したキャッチフレーズがh1タグに表示されません。

A.下記のphpファイルの該当箇所を編集することでヘッダーロゴ使用時もh1タグにキャッチフレーズを補完できます

キャッチフレーズについてテーマの仕様では、以下のようになっています。
【ヘッダーロゴ未設定の場合】
h1タグはサイトタイトルでキャッチフレーズはh2タグを用いて表示される

【ヘッダーロゴ設定の場合】
ロゴ画像に対してh1タグが使用され、キャッチフレーズは非表示

下記はh1タグ内で使用するロゴ画像のalt属性及びtitle属性としてキャッチフレーズを設定するための変更です。

編集するファイル:header-logo.php
編集する箇所:

    echo '<h1 id="logo" style="top:' . $option['logotop'] . 'px; left:' . $option['logoleft'] . 'px;"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></h1>' . "\n";

    ↓

    echo '<h1 id="logo" style="top:' . $option['logotop'] . 'px; left:' . $option['logoleft'] . 'px;"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $tagline . '" title="' . $tagline . '" /></a></h1>' . "\n";

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事