LP作成ソフトほか|LPKIT for WordPress

WordPressでLP(ランディングページ)作成できる便利なテンプレートやホームページ作成ソフトなど


DigipressカスタマイズCSSを追加してランディングページを華やかにする方法とヘッダー画像無料配布

投稿日:

Digipressカスタマイズ

春なのでこのブログのトップページも桜色な風景を背景画像にしてみました。

このサイトはWordPressテンプレートDigipress Attractive(デジプレス)を使ってます。

Matureでも同様のカスタマイズが可能です。

DigipressのオリジナルCSSサンプルコードをこちらで紹介します。

Digipressメインバナー部分の背景を画像にする方法

まず、サイトを公開しているサーバーへFTP接続

サーバー内の好みの階層へ背景に使う画像をアップロードします。

2014-03-29_12-50-22

今回の例ではドメイン直下に/imgというフォルダを作りました。

そのimgフォルダに使いたい画像をアップロード

2014-03-29_12-51-14

使用する画像サイズは横幅1600px 縦500pxにしています。

Digipress Attractiveはデフォルトでこのバナー表示エリアの高さ(div#site_banner_container )は420pixになっていますが、なんとなく大きめの画像をエリアの中心に配置するよう調整してみました。

 

サンプルコード

div#site_banner_container {
background-image: url("https://あなたのドメイン/img/画像ファイル名.jpg");
background-repeat: no-repeat;
background-position: center center;
}

このコードをDigipressデザイン編集画面でコピペするだけです。

2014-03-29_12-52-02

これでサイトのトップページの雰囲気がガラリと変わりますね。

※デジプレスのversionによっては誤作動を起こしますので利用の際はバックアップの上自己責任で行ってください。

今流行の少しぼかしをいれた風景写真んあかを背景にすると洗練された雰囲気が出たりしますので是非お試しください。

 

サンプル背景画像を無料配布

2014-03-29_12-52-02今回はこちらの桜の写真を使ってます。

個人的に趣味で撮影したものですのでお好きに使って頂いて大丈夫です。
(再配布は禁止です)

2014-03-29_12-52-02

 

2014-03-29_12-52-02

 

2014-03-29_12-52-02

 

2014-03-29_12-52-02

 ややファイルサイズが大きくなりますが加工していただいてもOKです。

クリックして拡大の上、右クリック→画像を保存

などでPCに保存した上でご利用ください。
(このURLへの直リンク使用はご遠慮ください)

LP作りやすいテーマ3選

WordPressテーマをインストールするだけで、1カラムのLPが作りやすい人気のテーマ一覧です。こちらの3つが特に使いやすいです。

カラフルColourfulの煽り機能で顧客へ売り込む

LP作成専用として使うならこれ。カウントダウンタイマーや目立ちすぎるほどの見出しデザインなどが予め用意されており、初心者でも威力のあるLPを作りやすいロングセラーの人気テーマ。

ペラプレートProでシンプルLPを量産する

シンプルな操作性と低価格が魅力のLP専用WordPressテーマ。こちらもロングセラー人気テーマです。よく使うボタンや目立つ見出しなどあらかじめインストールされたショートコードの使い勝手は随一。とても便利なテーマです。

WING(AFFINGER5)でブログもLPも同時運営

既存のWordPressサイトの好きなページを1カラムにしたりヘッダーのないLPにしたり、そのままSEOに有効な記事ページにしたりと自由自在のテーマ。個別の投稿ページも固定ページもどのページもLPにできて同時に他のページでブログも運営できる「非常に優れたWordPressテーマ」です。

-Tips, WordPress
-, , ,

Copyright© LP作成ソフトほか|LPKIT for WordPress , 2018 All Rights Reserved.