mail2

賢威の背景を画像に変える方法や作り方は?カラーの変更は超簡単!

岩田です、

今回は賢威テンプレートを
使っている際のサイト自体の背景を
変更する方法をお伝えします。

色を変える方法や背景に画像を
設定する方法、背景画像の作り方を
紹介していくので参考にしてください。

賢威の背景カラーの変更方法

まずは簡単なカスタマイズから
紹介していきます。

賢威の背景カラーを変更するのは
とても簡単です。

初期の状態ではこのように背景が
白いですよね。

賢威 背景

ダッシュボードの
外観⇒テーマの編集⇒design.CSSを選択。

賢威 画像 はみ出る

一番上の項目「サイト全体の背景設定」の
カラーコードを好きなカラーに変更。

コードはこちらを参考にしてください。
HTMLカラーコード
※おすすめはカラーピッカーです。

賢威 背景 カラー変更

変更したらファイルを更新し、
確認してみましょう。

賢威 背景 カラー

色が変更されました。

が、

これではものすごく見づらいですよね。

賢威はコンテンツのところが白ではなく
透明に設定されているので背景のカラーを変更すると
このように字がみにくくなってしまうのです。

そこで、背景を画像にするのをおすすめします。

賢威の背景を画像に変える方法

画像に変更するとこのような形に
することができます。

賢威 背景 画像 作り方

背景と区別がつくようになりますね。

背景を画像にするには先程の
サイト全体の背景設定に追記します。

まず、背景にしたい画像をアップロードします。

画像をアップロードすると
URLが生成されるのでそのURLをコピーします。

賢威 ヘッダー

違う画像ですが気にしないでください。
こんな感じでURLをコピーしてください。

そして、ダッシュボードから
テーマの編集⇒design.CSSを選択して
サイト全体の背景設定の部分を確認してください。

以下の記述がありますね?

この記述の「; }」の部分を消します。
その後ろに下記を記述してください。

画像のURLの部分はアップロードした画像の
URLを記述してください。

記述後はこのような感じになります。

記述前

賢威 背景 画像

記述後

賢威 背景 画像 変更

これで設定は終わりですが、
画像の場合もちょっと細工をしなければ
このようになります。

賢威 背景 作り方

これでは普通にカラー変更したときと
なにも変わりませんよね。

そこで、背景に設定する画像を
加工する必要があるのです。

背景画像の作り方

私のサイトの場合は1920×3000という
画像サイズにしています。

これは大きければどんなモニターでも
対応できるだろうと思ったからです。

背景をスクロールさせないとか
固定とかも設定できるので
気にしなくてもいいです。

それで、どのように加工するかというと
賢威の場合はコンテンツ部分が透明と
先程お伝えしました。

これはサイドバーも同じです。

ですので、サイドバーの部分とコンテンツ部分を
白い背景にすればいいのです。

つまり、背景に設定したい画像の
中心部分を白く加工するのです。

こんな感じに

4背景

このようにした画像を背景に設定すれば
背景とコンテンツの区別ができるようになります。

これで背景の設定は終わりです。
お疲れ様でした。

それでは、これで。
最後までお読み頂きありがとうございました。

突然ですが、金儲けに興味ありますか?

『お金を稼ぐ方法』を知りたいですか?

● 4日間で165,500円稼いだ秘密...
● 大学生が初月で50万円以上稼げたワケ
● 主婦でも毎月5万円が入金される在宅ワーク
● 芸能人のようにブログで稼ぐ仕組みの作り方
● 60歳のジジイが1日で12,000円稼いだ方法
● 家族に見捨てたれたサラリーマンの起死回生法
● あなたの私生活からお金を生み出す思考法
● 夫婦仲、恋愛にも役立つ人心掌握術
● 会社にバレずにこっそり稼げる副業ビジネス
● 脱サラして家族とずっといれる時間を作る方法
● あなたの夢を現実とする究極の目標設定

など、

インターネットで稼ぐために
必要な情報をふんだんに詰め込んだ
最強のバイブルを僕のメルマガに
登録してくれた方にプレゼントします。

現在、まとめの段階に入っているため、
近いうちに配布することができます。

が、

配布したあとの反響によっては
有料で販売するかもしれません。

そのつもりで作っているので、
無料で手に入れられるのは

"イマ"登録した人だけになるかもです。

ですから、僕の作った最強のバイブルに
興味があり、ネットで稼ぐ情報が

『欲しい!!』

という方は今のうちに登録だけでも
済ませておいてください。

ブログで書いてしまうと、
僕が積み上げてきたノウハウが
パクられてしまいます。

そうなると僕の儲けが減ってしまって、
おいしい思いができなくなる可能性が
出てくるので、メルマガ読者だけに
公開していこうと思います。

メルマガに登録してくれる人数なんて、
日本の人口からすれば、微々たるものですし、
僕の稼ぎに影響を与えることはありません。

下に表示されるメルマガ登録フォームに

※名前(性)
※メールアドレス(普段使っているもの)

を入力して「今すぐ"登録"する!」ボタンを
クリックしてください。



*お名前(姓)
*メールアドレス

注) 登録いただく名前・メールアドレスは
最先端のセキュリティシステムを使って、
プライバシー保護しますので、ご安心ください。



すぐに折り返し、自動返信メールが
送られてきますので、登録したメールアドレスの
受信ボックスを確認してください。

僕のメルマガではかなり
"強烈なコトバ"を使ったりしているので、
迷惑メールに振り分けられるかもしれません。

万が一、受信ボックスにメールがない場合は
迷惑メールフォルダも確認してみてください。

今後、僕からのプレゼント情報などを
確実に受け取るために、メールの受信設定も
しておいてくださいね!

設定方法はこちらのサイトに
詳しく書かれているので、参考にしてください。

⇒ http://46mail.net/

Facebookへのコメント

mail2