【Xeory base】簡単にヘッダー画像を挿入する方法・ワードプレス

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

私のサイトではWP(ワードプレス)のテーマをXeory Baseに設定しています。

Xeory Baseの初期設定の状態だと、とてもシンプルでヘッダーの部分は真っ白で黒文字でサイトタイトルが書いてあるだけですね。

私個人的にはその真っ白な状態も好きなのですが、画像を入れたい人も多いと思いますので、今回はXeory Baseのヘッダー部分に簡単に画像を入れる方法を紹介します。

これがXeory Baseの初期設定の状態です。カスタマイズを表示してもヘッダーに画像を挿入するという項目そのものがありません。

 

カスタマイズの一番下の項目の『追加CSS』からも画像を挿入することは可能なんですが、どうやらgifアニメとかは挿入されないようなので、もっと確実で簡単な方法を紹介します

 

Xeory Baseでヘッダーに画像を挿入する方法

 

ダッシュボード→外観→テーマの編集

 

テーマヘッダー(header.php)を選択します

 

 57行目と58行目の間に下記のコードを挿入してください。

 

 

するとこのようになります。

58行目に画像のコードが挿入されました。

 

※注意※上の画像のコードは私のサイトのヘッダーの画像URLが入っているのでちゃんとご自身の画像のURLを挿入してくださいね。

あなたが挿入したい画像のURLを取得して『入れたい画像のURL』の部分と入れ替えます。

 

☑画像の入れ替え方

ダッシュボード→メディア→新規追加

 

ヘッダーに挿入したい画像を追加→追加した画像を選択

右側にURLと書いてあるボックスがあります。その中にあるURLが画像のURLです。

 

そちらのURLを右クリックして『すべて選択』→もう一度右クリックして『コピー』

 

58行目のコードの『入れたい画像のURL』を消して、先ほどコピーしたあなたの画像のURLを貼り付けて、最後にファイルを更新をクリックします。

 

ちゃんと編集が完了したら成功です。

 

サイトのヘッダーを確認してみてください。

私のサイトはこのようになりました。

 

ちなみに私の画像はgifアニメなのでキラキラ動いています。

 

私のサイトの文字みたいなテキストならこちらで簡単に作れますよ
→無料で簡単にデコ文字作成

SNSでもご購読できます。

〈PR〉Youtube稼げなくなってきたと勘違いしてませんか?

今おすすめ



コメントを残す

*