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

公開日: : 最終更新日:2013/10/01 Stinger3, WordPress

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ソフトを使いサーバーへアップし完了です。

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

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

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

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

スポンサードリンク

  • このエントリーをはてなブックマークに追加
  • Pocket

関連記事

st3

今話題のSEOに強いWordPressのテーマ「Stinger3」をカスタマイズしてみる

SEOに強い「Stinger3」というテーマをカスタマイズしようと考えていおります。

記事を読む

stinger3カスタマイズ区切り線

「Stinger3カスタマイズ」トップページを見やすく!記事と記事の区切り線を追加する方法

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカス

記事を読む

LOGO

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

WordPress無料のテーマである、「Stinger3」のカスタマイズを行いました。 今回は

記事を読む

st3

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

Stinger3がアップデートされた際の、差分インストール方法をご紹介致します。 St

記事を読む

stingerカスタマイズ「続きを見る」

「Stinger3カスタマイズ」続きを見る(続きを読む)を右側へ移動させる方法

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカス

記事を読む

Stinger3カスタマイズ、SNSボックス

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

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタ

記事を読む

WordPressビジュアルリッチテキスト表示されない

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

さあブログを書いてアップしよう!と思ったら、ビジュアルリッチエディターが表示されないというち

記事を読む

Stinger3カスタマイズ、マウス続きを読む

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

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタ

記事を読む

スポンサードリンク

Message

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


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

スポンサードリンク

写真 2016-05-29 12 23 33
超簡単!MacでBluetoothスピーカーに接続する方法

MacにBluetoothポータブルワイヤレススピーカーに接続

写真 2016-05-29 13 10 57
MacBookと相性抜群!BluetoothスピーカーのオススメはSONY「SRS-X55」で決まり!

SONY「SRS-X55」   どうもこ

wraplus for Macbook Air
ノートPCにオススメ!おしゃれなMacBookAir&Proケース10選

MacBook AirやProは、シルバーカラーのスタイリッシュな

MacBookステッカー
MacBookAirと一緒に買うと良いオススメアイテム5つ紹介!

こんにちは!メインPCをWindowsからMacに変えてからも

退職したい
退職したい人の背中を押すための記事

  ある検索キーワードで私のブログを訪れる方た

→もっと見る

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


    follow us in feedly
PAGE TOP ↑