KASABUTA-ENDLESS

*

STINGER5のヘッダーをカスタマイズしますよ。

   

cropped-stinger5.png
ヘッダーは超重要だと思いませんか?

人に例えると「顔」にあたると個人的に思っています。

『顔が良ければすべて良し』というコトワザもあったようななかったようなというような具合でございます、はい。

面食いの私ですので、ちょこっとばかりヘッダーをカスタマイズしてかっこ良くなっちゃおう!という話。

顔面整形みたいな感じ?

スポンサーリンク

1,ブログのタイトルをロゴ画像に変えます

なにもイジってない、デフォルトの状態だとこんな感じ。

burogutaitoru

いや、STINGER5製作者のENJIさんをディスるわけではないのですが、デフォルトのままというのも寂しいですよね。

まずは、ブログのタイトル文字を画像に置き換えてみます。

左上の KASABUTA-ENDLESS 特に意味は無い。 書いてあるトコロです。

ダッシュボード、トップページの「サイトをカスタマイズ」をクリック。

kasutama

左メニューのロゴ画像をクリック。

hidari

【画像なし】右の▼をクリック。

「ここにファイルをドロップするかファイルを選択してください。」からタイトルに代わるバナー画像を選択してください。

私の場合はこんな感じになりました!

rei

「特に意味は無い」というキャッチフレーズ?ブログの説明の部分が余計だと感じるので、
「サイトタイトルとキャッチフレーズ」のキャッチフレーズ部分を空欄にしました。

re2

うん、こっちのほうがスッキリしてていい感じ。

2,ヘッダー画像を変える

次は、ヘッダーの画像を変えましょう。

さっきのロゴ画像は眉毛部分で、バナー画像は目鼻口とかかな?

イケメン度合いを量るうえで重要な要素となる部分です。

左メニューのヘッダー画像をクリック。

「新規画像を追加」をクリック。

banatuika

あとはヘッダーに置きたい画像を選択するだけです。

デフォルトの画像のサイズが980×250なので、それに合わせて作成するといいと思います。

私は、こんな感じになりました~よ。

hedda

おぅ、とっても素敵じゃないですか~!

こういう画像作ってる時とか凄く楽しいよね~。自己満自己満。

「ヘッダ画像はいらないよ」「必要なし!」という方も結構おられるみたいですが、そういう方は「画像を非表示」という設定も簡単にできるので良いですね。

ヘッダ画像が何枚かある方も、ランダム表示が可能らしいので設定してみたらいかがでしょうか?

これから画像が増えていったら、私もランダム表示にしてみたいと思っております。

 

 - WordPress, 使い方

336adosensu

336adosensu

Message

メールアドレスが公開されることはありません。

  関連記事

By: Waiting For The Word
WordPressインデックスされない!原因と理由は?

スポンサーリンク WordPressブログがインデックスされない原因と理由を調査 …

By: bluesbby
ワードプレスの記事中にソースコードを表示させる簡単な方法

スポンサーリンク ワードプレスの記事中にソースコードを表示させる簡単な方法 前回 …

By: JD Hancock
人気ブログになるためのプロフィールの書き方

スポンサーリンク 人気ブログになるためにアルファブロガーのブログのプロフィール欄 …

By: loomingy1
[STINGER5]カテゴリーでの親子階層の段差を表示する方法

スポンサーリンク STINGER5カスタマイズ…カテゴリーの親子で階層表示の段差 …

By: jeffreyw
助けて!ワードプレスのビジュアル編集のレイアウトぐっちゃぐちゃ\(^o^)/

スポンサーリンク 助けて!ワードプレスのビジュアルモードでの編集で画像をいれると …

By: Shannon Kringen
[WordPress]子テーマ作成の一番手軽で簡単な方法!プラグイン『Duplicate Theme』

ブログの文字サイズを大きくしようかと思い、子テーマのCSSをいじろうかとしたら、 …

By: Brantley Davidson
[WordPress]オシャレなSNSボタンをサイドバーウィジェットに追加するプラグイン「Lightweight Social Icons」

スポンサーリンク [WordPress]オシャレなSNSボタンをサイドバーウィジ …

dnserror
エラー105「DNS ルックアップでエラーが発生したため…」の解決方法

DNS ルックアップでエラーが発生したため、kasabuta-endless.n …

stinger0003
スマホにも強い!STINGER5のインストール手順

先日、大人気のワードプレステーマ「STINGERシリーズ」作者のENJIさんが新 …

By: Paul Gallo
[WordPress]フッターのクレジット表記の位置を変更する方法

スポンサーリンク [WordPress]フッターのクレジット表記の位置を変更する …