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

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

  関連記事

tableの枠線が消えない。border:noneが効かない。楽天アフィリエイトの枠線…

どうも。 久々にワードプレスカスタマイズ記事です。 このブログを作った初期にやっ …

アクセス数の激減。cocoonに変更直後から。もとに戻して確認してみる

どうも。 先日、衝撃のメールが届きました。 グーグルアナリティクスからアクセス解 …

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

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

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

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

パーマリンクのカスタムURLは日本語の記事タイトル名じゃあかんのや!!

スポンサーリンク ワードプレスの記事をツイートボタンからツイートしてもらったとき …

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

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

KASABUTA-ENDLESS(かさぶたエンドレス)について

スポンサーリンク KASABUTA-ENDLESS運営者のプロフィール プロフィ …

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

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

アキネイター:アナタの考えは見透かされてますよ。

アキネイターってサイト、もしくはアプリ知ってます? なんとなくは知ってたんですけ …

[WordPress]コメント欄、ムダを削除して反応率を上げたいねん

スポンサーリンク [WordPress]コメント欄、ムダを削除して反応率を上げた …