ヘッダー部分をスッキリさせよう

こんにちは、明人です。


私のブログにお越しいただき、
ありがとうございます。

今回は、ヘッダー部分をスッキリさせて、
独自のヘッダーへとバージョンアップしましょう。

ということで、
オリジナルのヘッダー画像を作って、
それを貼り付けるには、
今あるタイトル説明文が邪魔になるよね。

ということで、取っちゃいましょう。

まずは、タイトルです。

title01

では、いつものように、
「外観→テーマ編集」をクリック。

もうここは何回もやってるので、
慣れたもんですね。

次に、右側の項目から、
「ヘッダー(header.php)」をクリック。

真ん中よりちょっとしたくらいに、
<!–▼ヘッダー–>って所を探してください。

header04

この所の、
<p class=”header-logo”>で始まる1行を、
丸々消去します。

あとはいつものように、
「ファイルを更新」をクリック。

これだけです。
簡単でしょ。

では、さらに説明文も消しちゃいましょう。

タイピング01

「権威の設定→権威の設定」をクリック。

「サイトの簡単な説明」の所を消去しますね。
そして、「変更を保存」をクリック。

これでも消えます。
でも、これじゃダメなんです。

この部分は、
SEOとしても非常に重要な部分なので、
ここには、しっかりと書いておきましょう。

タイトルと説明文には、
自分のターゲットとする人が、
検索するであろうキーワードで、
上位表示するよう、
しっかりと書こう。

ということで、
ここではなく、

また、「外観→テーマ編集」をクリック。

「テーマ(header.php)」をクリック。

真ん中よりちょっとしたくらいに、
<!–▼ヘッダー–>って所を探してください。

header08

<div id=”header-text”>
<p><?php echo the_excerpt_keni(); ?></p>
</div>


この3行を全て消去してください。

「ファイルを更新」をクリック。

これで、表示が消えます。

でも、先ほどの説明文は残っていますので、
ご安心を。

これで、独自のヘッダーに改造する第一歩が
完了です。

いかがですか?

そんなに難しいことはなかったでしょ。

正直、HTMLやCSSって覚えちゃえば簡単!
なんですが、
ローマ字ばかりで、ちんぷんかんぷんですよね。

だから、最初はコピペで、
どんどん自分好みに改造していきましょう。

追々、覚えたい方は覚えて、
自分で思い通りに改造できるようになれば、
また、差別化できて、
コンテンツを作ることもできます。

是非、挑戦してみましょう。

分からなくなったら、いつでもご相談ください。
解決できるまで、お手伝いさせていただきます。


よろしくお願いします。


では、今日はこの辺で・・・


最後までお付き合いいただき、
ありがとうございます。

コメントを残す

サブコンテンツ

プロフィール

お気軽にご質問ください!



わからないことやお困りのことがあれば、お気軽にご相談ください。

このページの先頭へ