賢威6.2,プリティ版,カスタマイズ,h3

50代でも初心者でも大丈夫!自宅で月10万ネット収入計画

『賢威6.2』プリティ版カスタマイズ実践記⑤サイドバーの見出しを変更!

読了までの目安時間:約 4分

 

このシリーズ、ちょっとお久しぶりでした。

 

 

地味~に進めております。

ようやく、サイドバー編集突入です。

 

 

ここで、賢威のテンプレート特有言い方がでてきました。

左サイドバーの事は『サブコンテンツ』

右サイドバーの事は『サイドバー』といいます。

 

 

 

 

今回は、サイドバーやサブコンテンツに配置するh3タグをカスタマイズします。

 

今のところ、賢威で作成しているサイトのテーマカラーは緑です。

なので、h3もそれをベースにしていきたいのです。

 

カスタマイズ前の状態です。

 

 

image

 

 

 

 

desaign.cssを開くと

 

image

 

 

2行目の

「bg-sub-h3.png」のファイルの内容を変更するとサイドバーの画像が変更になるはずです。

 

ちなみに、はじめてのカスタマイズなので

画像サイズは、初期設定と同じ

「189×35」にしていきます。

 

 

 

それに合わせて、見出しの文字の色を変更してみるという手順で・・・。

 

 

画像が準備できたら

FTPソフトを使用して、画像をアップロードしましょう(^^)/

 

 

 

アップロードする場所とファイル名は

ブログのURL/wp-conntent/themes/keni62_wp_pretty_xxxx/images/title/bg-sub-h3.png

 

 

変更しなければならない場所が増えるので、ファイル名は変更しない方が、よいと思います。

 

 

 

FTPソフトを使用してアップロードしましょう。

 

 

image

 

 

 

あとは、文字の色を白にしたい。

image

 

 

 

ちなみに、カラーコードと検索をかけるとカラーコードのページが色が、出てきます。

 

 

白のカラーコードは『#ffffff』です。

 

 

私のサイトではこんな感じにしてみました。

 

 

image

 

 

 

せっかくだから、下のボーダーの色も変更してみます。

 

 

 

どんな色があうかわからない場合は、サイトをGooglechromeで開いて

変更したい部分で右クリックして

「要素の検証」をクリックして

いろいろ試してみるのもよいと思います。

 

 

ブラウザ上で試したものは、適用になりませんので

どんどん試してみましょう(^^)/

 

 

 

試している様子を動画にしていますので

よかったらご覧くださいネ!

↓  ↓  ↓

 

 

 

 

image

 

 

 

 

変更してみました。

 

 

image

 

 

 

 

 

 

ピンクバージョンからかなり変わってきましたね~(^^)/

 

 

 

 

賢威6.2カスタマイズ    コメント:0

この記事に関連する記事一覧

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: