Leeway's Life Log

札幌でWebデザイナーしてます。Mac、ガジェット情報など好きなこと書いていきます。

Stinger3 WordPress

「Stinger3カスタマイズ」サイト名をテキストから画像へ変更

投稿日:2013年9月22日 更新日:

stinger3カスタマイズ画像

WordPress無料テーマである、「Stinger」シリーズの「Stringer3」のカスタマイズを行いました。

今回カスタマイズしたところは、サイト名をテキストから画像へ変更!

画像へ変更と言っても、テキスト画像なのでわかりにくいかもしれませんが、ロゴが出来たら再度変更するつもりです。

参考にしたサイト

参照:[凛]Stinger2をカスタマイズ!初心者編。画像でブログタイトルを飾ろう!|りんろぐ。

 

Stinger3カスタマイズ手順

カスタマイズ手順を紹介致します。
※バックアップは必ず行ってください。

1.修正するファイルを開く

ファイル名:head.php
「head.php」をテキストエディタで開きます。

2.head.phpを修正する

こちらがhead.phpの修正するソースの場所です。

■修正前

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

 

■修正後

<div id="header"><br /><div id="header-in"><br /><div id="h-l"><p class="sitename"><a href="<?php echo home_url(); ?>/"><img src="画像のURL alt="" title="" width="" height=""></a></p>

<?php bloginfo(‘name’); ?>」の部分を削除し、「<img title=”” alt=”” src=”画像のURL alt=” width=”” height=”” >」を追加しております。

「width」「height」は表示させる画像の「横」「縦」になりますので画像サイズの数値を入れてくださいね。

少しわかりづらいかもしれませんね。一つでも消す文字が足りなかったりすると、サイトが崩れる可能性がありますので、注意が必要です。

 

3.FTPソフトを使い、修正したソースファイルをアップする

修正したソースを、FTPソフトを使いサーバーへアップし完了です。

※何度も言いますが、バックアップは必ず取ってください。

これで、サイトのトップにテキストではなく、画像で表示されます。

ちなみに、参考サイトの「りんろぐ。」様の方が詳しく、そしてわかりやすく丁寧に書いております。至れり尽くせりです。

以上、私のカスタマイズ方法でした。参考程度にどうぞ。

スポンサーリンク

-Stinger3, WordPress

執筆者:


comment

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

*

関連記事

WordPress初心者にたまにある「ビジュアルリッチエディタ」が表示されなくて焦った

さあブログを書いてアップしよう!と思ったら、ビジュアルリッチエディターが表示されないというちょっとしたアクシデントが発生しました。   現在使用しているリッチテキストエディターのプラグインは …

「Stinger3カスタマイズ」ブログのシンボルであるファビコン(favicon)を変更する方法

WordPress無料のテーマである、「Stinger3」のカスタマイズを行いました。 今回は、サイトのシンボルであり顔である、ファビコンを変更してみました。 Stinger3の初期のファビコンは、W …

「Stinger3カスタマイズ」続きを見るの上にマウスを置いたら変化するようにしてみた

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタマイズ記事です。 どこをカスタマイズしたかというと、「続きを読む」ボタンです!トップページなどにある「続 …

Stinger3をカスタマイズしている私が、テーマをアップデートされた際の差分インストール方法を紹介

Stinger3がアップデートされた際の、差分インストール方法をご紹介致します。 Stinger3のカスタマイズを行っている方はやはり気になるんではないでしょうか。私は他の方がどうやっているのかすごく …

「Stinger3カスタマイズ」画面下へ付いてくる、SNSボックスを削除する方法

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタマイズ記事です。修正した内容は、画面下部へ付いてくるSNSボックスを削除するように修正致しました。 SN …

@LEEWAY

@leeway

はじめまして。当ブログ管理人のLeewayと申します。
20台後半の元サラリーマンです。現在はフリーで活動中。 書きたいことを自由に書いております。
更新情報などつぶやきますので、よかったらフォローお願いします。


follow us in feedly