STEP6-7.WordPressテーマELEPHANTでフルワイドなランディングページでフルワイドな画像を使う方法

 

この記事を書いている人 - WRITER -
JUNICHI

ELEPHANT SINGLEの開発者。得意なのはブログ集客・SNS活用法・SEOライティング。 ※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。

詳しいプロフィールはこちら

今回は、2017/2/13にアップデートしたELEPHANT2.4.2のバージョンで追加した新機能をご紹介します。

 

今までランディングページのフルワイド機能は、背景色のみ対応をしていました。

今回、「画像もフルワイドで使いたい」というご要望をいただきましたので、新しく以下のようなページができるようになります。

イメージしづらいと思うので、まずはデモページをご覧ください。

 

このような感じで、画像を横幅目いっぱい使えるようにしました。

手順1:固定ページを「ランディングページ」で作成

まずは、固定ページを作るときは、必ず「テンプレート」を『ランディングページ』で作るようにしてください。

 

手順2:フルワイド画像を使いたい部分に以下のコードを入れてください

↓以下のコードを使って(ここに画像を入れる)という部分に画像を入れてください。

注意点:ある程度横幅が大きい画像でないとフルワイドになりません。推奨サイズ(横幅2000px)

 

 

 

この記事を書いている人 - WRITER -
JUNICHI

ELEPHANT SINGLEの開発者。得意なのはブログ集客・SNS活用法・SEOライティング。 ※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。

詳しいプロフィールはこちら




Copyright© ELEPHANT SINGLE , 2017 All Rights Reserved.