【賢威カスタム】その1 ヘッダーテキスト変更関連

1.ヘッダーのブログ説明文をカスタマイズする


ワードプレスのダッシュボードから、
『外観』→『テーマ編集』→『headertext.php』を選択

この中にある、以下の部分を変更します。
※クリックで画像拡大します。



これ、一応タグね。

<div id="header-logo">
<p id="logo-text"><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/common/logo.png" width="500" height="135" alt="<?php bloginfo('name'); ?>" /></a></p>
</div>
<div id="header-text">
<p>過酷なブラック企業に疲れ果て・・・</p>
<p>派遣のワーキングプアに病み・・・</p>
<p>30歳まであとちょっと。転職先も決まらない・・・</p>
<p>そんな迷える若者のためのネットビジネス起業ノウハウ!</p>
<p>さぁ!君も、起業しようよ!</p>
</div>

2、ブログ説明文のフォントの色を変更する


実は、このテキスト、デフォルトでは『白色』だったものを、
後から黒く変更しています。(背景色を変更したため)

背景色変更は、ちょっと後回しにして、色変更だけやってみるね。


ワードプレスのダッシュボードから、
『外観』→『テーマ編集』→『cool-orangeg○.css』を選択
この『cool-orangeg○.css』は、作成したテンプレごとに名前が違うので注意!

ここで、ヘッダーに関するスタイルを指定している部分を探します。
※クリックで画像拡大します。



まず、「ヘッダー」エリアのすぐ下にある赤い下線部分。
ここを変更します。



次に、「ヘッダーロゴテキスト」の中の、真ん中2個。

ここを変更します。

カラーコード一覧へ


>>>賢威カスタマイズ一覧に戻る

>>>賢威についてもっと詳しく!

あわせて読みたい関連記事


もりりんコンテンツのご案内

初心者コーナー

当ブログの歩き方

サポート対象商品

デザインブログ

ご購入者様専用

無料プレゼント

これからネットで起業するために知らなきゃいけない
webマーケティングの基礎講座ネットで稼ぐ秘訣
メールセミナーでお届けします。今なら無料!

※は必須項目です



2 Responses to “【賢威カスタム】その1 ヘッダーテキスト変更関連”

  1. […] そこを変えていくんだけど、ヘッダーはすでにこちらで書いたので参考に。 あとはパンくずナビの色だね。 […]

サブコンテンツ

このページの先頭へ