STEP5-6.フルワイドのランディングページを作ってみよう

2018年12月17日

2019年1月11日

WRITER

アミ

　

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

アミ

デジタルマーケッターのジュンイチっていうおっさんにこき使われて、WordPressテーマ『SEAL』を作りました。 シンプルに使いやすくバージョンアップさせました。一生懸命作ったので是非気に入ったら使ってみてね。

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

SEAL ver.1.5では、画面横いっぱいのフルワイドのランディングページを作ることができます。

今回は、その方法を解説します。

フルワイドのランディングページを作ってみよう

フルワイドのLPを作るには、『固定ページ』⇒『新規追加』で、作ります。

その後「ページ属性」を「ランディングページ」にしてください。

あとは、フルワイド系のショートコードを組み合わせていけば作れます。

フルワイドカラーブロック

[lpwide2 color="#ffffff"]
カラーコードの部分は好きなコードを入れることができます。
[/lpwide2]

フルワイド画像

背景画像が動かないパターン

[tob backimg="ここに画像のURLを入力" height="数字"]
ここに画像の上にのせたい文字やボタンなどを。
[/tob]

背景画像が動くパターン

[tob2 backimg="ここに画像のURLを入力" height="数字"]
ここに画像の上にのせたい文字やボタンなどを。
[/tob2]

詳しくは、以下の動画でも詳しく解説しています。

次のページ
『STEP6-1.サイトの高速化・パフォーマンス改善をしよう！』