【STORK(ストーク)】見やすいランディングページを作るための3つのヒント

どうも、あらやんです。

今回はWordPress用テーマ「STORK(ストーク)」をお使いの方向けに、
見やすいランディングページを作るための3つのヒントを
紹介していきます。

STORK(ストーク)の優れているところの一つに

「ランディングページ(LP)作成機能」

があります。

普通こういった機能のついていないテンプレートを
お使いの方がLPを作る際にはサイト作成ツール
(SIRIUS等が有名ですね)を使う場合が多いそうです。

ただ、サイト作成ツールを買うにもお金がかかるので
そういった面ではLP作成機能が標準でついている
STORK(ストーク)は非常にお買い得と言えます。

今回はSTORKを使ってLPを作る、もしくは作ってみたい
という方向けに見やすいLPを作るためのヒントを
3つ紹介していくのでぜひ参考にして作ってみて下さいね!

 

そもそもLPってどういうページ?

ランディングページ(LP)と言うのは
読者さんに大して何らかの行動を誘導する
縦長のWEBページのことを言います。

いまいちイメージできないという方は
LPだけを集めた「ランディングページ集めました。」
というそのままの名前のサイト(笑)があるので
一度チェックしてみて下さい。

STORKではこういったLPを作成する機能が
標準でついています。

 

STORKで見やすいLPを作るための3つのヒント

それではSTORKで見やすいLPを作るための3つのヒントを
紹介していきます。

ちなみに念のため確認しておきますが、
STORKでLPを作る方法は2種類ありますよね。

一つはランディングページ作成機能を使って作る方法、
もう一つは固定ページのレイアウトをランディングページに
設定する方法です。

今回お話するのは前者の方法、つまりLP作成機能を使って
LPを作る場合のやり方になります。

 

ヒントその1:メインカラムを枠で囲む

STORKのLP作成機能で作ったLPは
背景とメインカラムの境界がありません。

だだっ広い真っ白な背景に文字が書かれている状態です。

もちろんそのままでも良いのですが、
メインカラム部分の周りを枠で囲ってあげると
本文が読みやすくなります。

画像ではちょっと見づらいかもしれませんが、
本文が細い枠で囲まれています。

これのやり方は簡単で、「シンプルな枠」を表示させる
ショートコードを使って本文全体を枠の中に収めるように
設定しただけです。

「シンプルな枠」を表示させるショートコードについては
こちらをご覧ください。

 

ヒントその2:タイトルを非表示にする

STORKのLPではブログの記事と同じように
タイトルを入力するようになっています。

タイトルを入力すると画面上部にでかでかと
テキストが表示されます。

どうですか!この主張の激しいタイトル!

でもLPを作る場合ってほとんどタイトルを入力することって
ないと思うんですよね。

多くの場合はヘッダー(タイトル)を画像化して挿入すると思うんです。
そうすればスマホから見た場合でもタイトルが崩れることはありませんから。

じゃあ画像を挿入してテキストを空白にすればいいかというと
そう簡単にはいかないんですね。

そうするとLP上部に本来タイトルが入るはずだった部分に
隙間が空いてしまうんです。

これだとちょっとカッコ悪いのでCSSをいじってLPのタイトルを
非表示になるようにしておきましょう。

やり方は簡単です。以下のCSSをコピペして下さい。

/* LPタイトル無し*/
#content.lp-wrap .hentry header {
display: none;
}

これでLPのタイトルが非表示になります。

 

ヒントその3:メインカラム幅を調整する

STORKのLPは標準だとメインカラムの幅が広いです。

これは好みの問題でもあるんですが、個人的には
もうちょっと狭めた方がデザイン的にバランスが良いと思うので
狭めています。

やり方はこちらもCSSをいじります。
詳しいやり方は別記事で紹介しているのでそちらをご覧ください。
【STORK(ストーク)】ランディングページのカラム幅を調整する方法

さて、ここまでで3つのヒントを紹介してきましたが
いかがだったでしょうか。

独自商品の販売やメルマガの登録など、LPを作成する機会は
何度もあると思うのでぜひこの記事を参考にして見やすいLPを
作れるようになってくださいね!

 

カスタマイズ記事まとめ

他のSTORK(ストーク)カスタマイズ記事をお探しの方はこちらから
まとめページへ移動することができます。

ぜひあなただけの素敵なSTORKブログを作り上げていって下さいね!


無料会員制のメールコミュニティへご招待しています

無料で参加できるメールコミュニティ、その名も「ニコニコスマイルコミュニティ」にご招待しています。

このコミュニティではブログでお伝えしきれなかった内容やコミュニティ参加者限定のコンテンツをプレゼントしています。ネットビジネスでお金を稼ぐ力を身に付け、自由なライフスタイルを実現して大切な人とニコニコ笑顔で暮らしていけるような人生を創造していきたいのなら、あなたも無料のコミュニティに参加して仲間になりませんか?