君も、ヒーローにならないか?

〜感謝されながら、同じ価値観の仲間と共に創るヒーロー・ビジネス物語〜

Read Article

ルレアで背景画像を引き伸ばす方法

  • このエントリーをはてなブックマークに追加

今回の記事はルレアでサイト作成をされている方に向けた内容です。

サイト作成をする中で、他サイトとの差別化は欠かせません。

情報が溢れている現代社会、少しでもライバルサイトと差をつけて
サイト訪問者がまた見に来てくれるようなサイトを目指す方が良いでしょう。

そこで、まず誰でも実践できるのがデザインです。

当サイトは「ルレア」を使用してサイト設計をしているのですが、
他のサイトと少し違ったデザインをしていると思いませんか?

これは背景画像を引き伸ばして使っているのです。

ただしルレアの純正の機能の中にはこの方法はありませんので、
自分でアレンジして設定する必要があります。

ただし、とても簡単なのでルレアを使っていて
背景画像を引き伸ばしたい場合は参考にして下さい。

まず、

ワードプレスの管理画面で「メディア」⇒「新規追加」と進み、
背景に設定したい画像を選びサイトにアップロードしましょう。

ワードプレスデザイン

 

 

 

 

 

 

 
そしてアップロードしたファイルのURLをコピーして、
メモ帳に保存して下さい。

次に、再度ワードプレス管理画面の「外観」⇒「custom.css」へ進み、
下記のコードを入力しましょう。

body {
background: url(背景画像のURL) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

※この際、「背景画像のURL」の箇所に、
先ほどコピーしたファイルのURLを入れて下さい。

これで保存すれば背景画像を引き伸ばす事ができますので、
ぜひ試してみて下さいね!

もし分からないところなどあれば
お気軽にお問い合わせからメッセージを下さい。

URL :
TRACKBACK URL :

LEAVE A REPLY

*

COMMENT ON FACEBOOK

Return Top