スティンガー8について
スティンガー8はワードブレスの無料テーマで余計な機能の入っていない極めてシンプルなテーマです。
有料テーマとは違いこのスティンガー8の素っ裸の状態がブログを作っているという達成感とやりがいが感じられるテーマなので気に入っていて別ブログで使っています。(このブログは LION MEDIA という別のテーマです。)
そんなスティンガー8は、使っている方も多く情報も多いのですが、唯一フッターのタイトルロゴを画像にする方法が探しても見当たりませんでしたので、記録方々書いておきたいと思います。
ちなみにヘッダーロゴを画像する方法は沢山ありますのでヘッダーを変えたい方は、ほか方が運営されているブログを参考にしてください。
ヘッダーとフッターとは
その言い回しのとおりですが、
ヘッド(head)→頭の部分
フット(foot)→足の部分 です。
スティンガー8では、そのフッター部分がデフォルトで文字のタイトルロゴが入るようになりますのでそれを画像にするということになります。
別に運営しているブログのフッター部分になりますが、ヘッダータイトルがそのまま反映されるようになっているのでこんな感じのフッターになっていると思います。
このタイトルロゴを画像にしていきたいと思います。
では説明していきます。
footer.phpの子テーマ作成
フッター(footer.php)の子テーマが必要ですのでまだ作成されていない方はそれを作成する必要があります。(既に作成済の方は読み飛ばしてOKです。)
footer.phpの子テーマの作成方法をロリポップFTPで作成する場合で説明します。
1)ロリポップFTPを開きます。
2)[自分のブログドメイン] → [wp-content] → [themes] → [stinger8-child] をクリック赤枠の[作成]をクリックします。ファイル名は、親テーマと同じ[footer.php]がいいと思います。
3)子テーマのファイル名を入力したら、ワードプレスのメニューにから[外観] → [テーマエディター] →[stinger8] → [footer.php]を丸々コピーします。
4)そこに3)でコピーしてきた親テーマ[footer.php]のコードを貼りつけます。
5)[保存]するをクリックして完了です。
これで、子テーマの[footer.php]が完成でしましたので次のステップです。
画像のアップロード
事前準備としてタイトルロゴ部分に差し込む画像を準備してください。
画像の作成はここでは省略させていただきます。
タイトルロゴに入れ替える画像をサーバーにアップロードしておく必要があります。
ロリポップFTPを使ってロリポップサーバにアップロードする場合で説明しますが、エックスサーバなど他のレンタルサーバにアップロードする場合もフォルダの構成は同じですので、それぞれの方法で対応してください。
1)ロリポップFTPを開きます。
2)[自分のブログドメイン] → [wp-content] → [themes] → [stinger8-child] →[imag]をクリック赤枠の[アップロード]をクリックし[ファイルを選択する]から画像データを選択し[アップロードする]で保存します。
これで、フッターに設置する画像の準備が完了しました。
次のステップです。
フッターのタイトルロゴを画像に変更する手順(方法)
先ほど作った子テーマの [footer.php]を開きます。
子テーマ内の <?php echo esc_attr( get_bloginfo( ‘name’ ) ); ?> を探してください。
赤下線で示した部分です。そこのコードを
に置き換えてください。
●●●●●●の部分は、ロリポップFTP(FTPソフト)でアップロードしたときのファイル名になります。
このコードを[更新]し保存すれば完成です。
こんな感じでロゴ用の画像に変わりました。
以上になりますが、作業は自己責任でおねがいします。
必ず作業の前には必ずバックアップをとりましょう。
最後までお読み頂きありがとうございます。