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: Maria Keays
[WordPress]投稿日付と時間の表示を変更する。あと投稿者名を削除する方法(Hueman)

スポンサーリンク [WordPress]投稿日付と時間の表示を変更する。 あと投 …

By: Elliott Brown
[WordPress]フッターのトップへ戻るボタンの位置を変更する方法(Hueman)

スポンサーリンク [WordPress]フッターのトップへ戻るボタンの位置を変更 …

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

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

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

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

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

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

By: Linus Bohman
[WordPress]プロフィールをサイドバーに載せるプラグイン4つを試してみた

スポンサーリンク [WordPress]プロフィールをサイドバーに載せるプラグイ …

pagetop
[STINGER5]トップへ戻るのボタンを好きな画像に変更する方法「PageTop」

スポンサーリンク [STINGER5]トップへ戻るのボタンを好きな画像に変更する …

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

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

stinger5
STINGER5の文字サイズを変更する方法

つい先日、今頃になって気がついたのですけどね、 「なんか、うちのブログ、文字小さ …

By: Travis Isaacs
[ワードプレス]手動でcssやphpのバックアップをとるアナログな方法

[ワードプレス]cssやphpのバックアップをとる方法 ワードプレスのHowto …