WordPressテーマ「Stinger for FANS」のブログタイトル部をヘッダー画像に変更してみる

ブログにとってブログタイトルは超重要な項目です。先日ブログタイトルを「TENSBLOG」から「ほりさげ」に変更しましたが、普通のフォントで「ほりさげ」と表示されてもなんか味気ないものです。

そこでブログタイトル部分を、筆文字フォントを使用したロゴ画像に変更してみました。

意味不明な英文タイトルより、覚えやすく意味の通ったタイトルに変更して個人的には大満足。これで当ブログのファンが少しでも増えてくれると嬉しいのですが。

ちなみに「ほりさげ」にはいろんな物事を掘り下げて紹介していこうという意味を込めています。

ブログタイトルを画像に変更

通常Stingerテーマでは、bloginfo関数で”name”を呼び出しているため、「ダッシュボード」→「設定」のサイトタイトルで入力したテキストがh1(大見出し)として表示されます。

そこでheader.phpを編集します。下のコードで言うと6行目の部分です。

</pre>
<div id="header">
<div id="header-in">
<div id="h-l">
<a href="<?php echo home_url(); ?>/">
<!--?php bloginfo('name'); ?-->
</a>

ここを下記のコードに変更します。画像データを呼び出すわけですね。ちなみに下記コードでは/images/rogo.pngとなっていますので

テーマフォルダ内→imagesフォルダ→rogo.pngファイル

を表示させる設定なので、フォルダ名やファイル名は適所変更してください。

</pre>
<div id="header">
<div id="header-in">
<div id="h-l">
<a href="<?php echo home_url(); ?>/">
 <img alt="" src=""<?php" />/images/rogo.jpg"/>
 </a>

これでタイトルテキストが任意のイメージファイルに置き換えられました。

今回はiPhoneなどのスマートフォンでも画像が見切れず表示されるように、横幅300ピクセルで作成したものを使用しました。

ブログタイトルは超大事!

以前のタイトル「TENSBLOG」なんて全くもってただの自己満足でした。覚えにくいし意味不明だし。

それに日本語のタイトルの方がなんか親しみやすいですよね。僕自身衝撃を受けたブログタイトルに

クソログ ごーみ

というブログがありまして、その清いまでの自虐感に胸を打たれると同時に、このブログタイトルが脳裏に焼き付いたわけです。

僕はそこまで自虐的にはなれませんが、この新しいタイトル「ほりさげ」で、皆さんに覚えてもらえるよう頑張ります!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です