Parajumpers Jakke pass4sure exams primeprom.com online Nikon Lens Mug

ランディングページもWordPressで作る

デジプレスDigipress ESCENA(WordPressテーマ)で印象的なヘッダー画像のスマホ対応サイトを作る

Digipress ESCENA

個人的に全WordPressテーマの中で最も使い慣れていて、かつ

お気に入りのDigipressシリーズからニューバージョンESCENAがリリースされました。

デジプレス利用者に先行販売があったため早速購入しました。

Digipress ESCENAの特徴

iPhone対応

プロモーション用の説明文などこのようなアイコンフォントをCSSにてタイプ、カラーをおこのみで

Android対応

大画面のデスクトップでもモバイル端末でも印象の変化を抑えたフラットデザインを採用

Windows8対応

今までのDigipressと同様HTMLタグやショートコード<を全て管理画面で操作利用できます。

Icon 自由自在

このようなフラットデザインのアイコンを専用のHTMLタグやショートコードで利用できます。

AttractiveとMatureが一番使い勝手がいいのでelplanoよりも先述の2つをメインに使ってるのですが、今回のESCENAは最近のiPhoneアプリやアメリカ西海岸発のWEBサービスなんかが使うランディングページの雰囲気によく似たCSSデザインが採用されています。

UIにこだわる米国西海岸のサイトの雰囲気を手軽にWordPressで味わえるテンプレートです。

ヘッダー部分はメニューになりスクロールで常時表示されるタイプなのでMatureのように常時サイトナビゲーションメニューを表示出来る仕様です。

2014-04-05_20-56-27

この大きな画像も編集画面ではヘッダーと位置づけられているので、他のデジプレス同様に所定のサイズで写真などをアップすれば洗練された雰囲気をランディングユーザーへ与えることが出来ます。

ESCENAの雰囲気

個人的にESCENAはサイトやサービスのテーマを持ったサイトで使いたいと思ってます。

2014-04-05_20-57-17

トップページはマガジンタイプやポートフォリオ形式で表示パターンを変更できるのでブログというよりニュースサイトのような雰囲気に仕上げることも可能です。

もちろん、従来通り1カラムページも作成可能

トップページや記事ページ、固定ページをそれぞれ1カラムのページとして個別設定することが可能です。サイト全体のデザインと変わらない雰囲気を維持しつつ上質なテキストエリアに好きなだけ文章を書き込めるテンプレートDigipress.

  • web制作会社の自社サイトなんかに使ったり
  • iPhoneアプリのティザーサイトに
  • アプリの公式サイトなんかに

写真事務所なんかのホームページ用にもマッチしそうです。

webサイトに写真を使うのが楽しくなります。

当然スマホ対応レスポンシブウェブデザイン

WordPressというブログシステムがベースですからスマホ対応はレスポンシブウェブデザインで対処するのがベストでしょう。

デジプレスのスマホ対応※デジプレスESCENA作成サイトのトップページヘッダー画像はこのような雰囲気になる

デジプレスはPC用の記事を書けばそのページのテキストや画像が自動的にスマホサイズリサイズされて表示されるレスポンシブウェブデザインを採用しています。

閲覧者にも見やすい装飾用CSSが豊富ですから個人ブログに使えばより一層読者を”おもてなし”できることでしょう。

ESCENA注目の新機能Tips

2014-04-05_20-59-40

今回のデジプレスではヘッダー画像に対してブラー(ぼかしガウス処理)をかけたりドットやストライプのフィルターをかけることで大判の写真にレトロな雰囲気を出したりすることが出来ます。

これもHTML5とCSSによる最近のトレンドですね。

Photoshopなんかで雰囲気出すのに苦労するので個人的にこのフィルターのグレースケールやぼかし機能は率先して使っていきたいと思います。

2014-04-05_21-01-31

ヘッダーエリアにはこのようにWordPressにあるウィジェットのHTMLで画像を表示させたりさまざまな雰囲気の変化を楽しむことも出来ます。

細かなサイト内の設定は従来のデジプレスと同様です。

デジプレスの使い方や魅力はこちらを参照ください、

2014-04-05_21-03-14

ダウンロードはこちらから
スマートフォン対応カスタマイズ型WordPressテーマ「ESCENA」ビギナーズパッケージ

 

※筆者が運営する稼ぐサイトで使うテンプレートはこちら
WordPress派におすすめ賢威テンプレート

これはすごいテンプレート、、いや、システムです!


簡単操作でランディングページも作成可能なWindows8対応ソフト
WordPressではなくインストール型のソフトをご希望の方へ
こちらアフィリエイト用のLP作成ツールをお探しの方に人気です。
アフィリエイト専用の最強LP&HP作成ソフト
ページを編集しながらボタンやアイコンなどの画像作成も可能です
Return Top