ペライチでランディングページを作ってみたよ!

Uncategorized

突然ですが、ランディングページなるものを作ってみたので紹介します。

ペライチのサービスについてもちょこっとご紹介。

作ったサイト(ランディングページ)はこちら👇

Landing Page

そもそもランディングページとは…

ランディングページ(LP)とは、
検索結果や広告などを経由して訪問者が最初にアクセスするページのこと。

だそうです。特徴は…縦に長い。…あっそう。。

結局、リンクツリーリットリンクのようなSNSまとめリンク集の代わりに使ってます。

はて、ランディングページとは…🤔

まとめページを作っておくと、SNSやサイトを複数持っている場合、
InstagramのようなURLが1つしか貼れないサービスでも、複数サイトへの道案内ができて便利です!

ペライチについて

このサイト👇はペライチというサービスで作成しています。

Landing Page

簡単で早い、が売りらしい。

リンクツリーリットリンクを使わなかった理由は、
簡単かもしれないけどデザインの汎用性が低いこと!!

背景が用意された選択肢からしか選べない、リンクボタンがワンパターン…

ということで、こだわりたくなってカスタマイズしやすいサイトに行き着きました。

私のこだわりは、シンプル見やすいUI(ユーザーインターフェースの意味についてはググってください…)が良いなのです。

いいところ

・用意されたパーツを選べば良いので簡単

HTML,CSSの知識がなくても、それなりのことができますからね!

PCだけでなくスマホ・タブレット用のレイアウトも用意されているので、
考えることが少なくてすむのが良いです!

・1ページだけなら無料

ランディングページ、1ページを作りたいだけなので、無料で十分です!

・広告がない

最高!

・アフィリエイトも貼れる

良き。

よくないところ

・できることが制限される

パーツを選ぶのでしょうがないんですけどね。
白紙から自由に作れるのと、あらかじめ型が決まっているのと、どっちが簡単?という問題です。

・無料では1ページのみ

複数ページ作りたかったら有料会員になりましょう。

・Twitterに貼っても、画像が表示されない

これは実はできるとかあるかもしれない。今のところよくわからない。

それぐらい。

ペライチの制約問題

簡単と自由は裏表…

テンプレートがたくさんあるから良いよ!とは裏腹に、ちょっとカスタマイズしようとすると
なかなか難しいのです。。

例えば…

いらないと思って×で消したら、

もう復活できないとか…(追加するボタンどれよ。。)

PC用のページで画像を横に4枚並べたとして…

スマホ用では…

ちっさ…。

1枚目と2枚目の間に別な写真入れたいな、みたいなことできないとか…(全部設定し直し)

そんな感じです…

クセが強い。

それでも、このブログを書いている以上おすすめしておきます。

(超個人的)おすすめの使い方

さて、そんな困難を乗り越え、私がどうやってサイトを作っていったかをご紹介します。

① いいテンプレがない時はブランクから作成する

既定のテンプレでは作りたいイメージが沸かなかったので、ブランクから作りました。

ブランクは当然無料…

② テーマカラーは最初に決める

テーマカラーはカスタマイズしましょう。

私は、ピンク、ネイビー、水色。これ以外は基本使わない。

デザインを作成する上で、配色ブックや配色見本のサイトから気に入った3色だけを使うのが失敗しないコツです。
(なんかダサい…の場合は色数増やしすぎ、原色、補色でも同系色でもない何とも言えない組み合わせ…が多く見られます)

個人的に良いなと思っている(自分が欲しい)配色ブックを載せておきます。

③ おすすめのブロック ”上画像”

私は「上画像(3列)」を使っています。

良いところは、上で説明したPC→スマホ問題が、
このブロックだと、スマホの時に全て縦並びになります。

スマホの時、スクロ〜ルスクロ〜ルでいけます。笑

パソコンだと↓

スマホだと↓

合格🌸

不要なテキストエリアとボタンは全て削除し、Canvaで作成した画像をリンク用のアイコン代わりにしています。

不要なものは全部削除!!

ただ、並び替えはできないので、1つずつ上書きで直すしかないです…

ペライチ先生のご紹介(ブロガー仲間☆ひでのりさん)

同じTwitterフォロワーさんのGoogle AdSense合格を応援していた縁で繋がったひでのりさん。

ペライチ認定サポーター(そのサポーターってどうしたらなれるの?!全くわからない世界…)なのだそうで、ペライチに関して困ったことがあると助けてもらえます!

困った人に手を差し伸べてくれる優しい方なので、勇気を出してお問い合わせしてみては?😊

他にもPCまわりに詳しいようで、運営されているブログでもたくさんのスキルが紹介されています!

(困ったことがあったら見に行こう…)

ひでのりさんのブログ↓

HIde a grin club - witten by hidenori
仕事効率化や学校現場で使えることなどを主に配信しています。

ひでのりさんのペライチ↓

Hidenori's Profile
仕事効率化などのライフハック系の記事を投稿している Hide a grin-clubブログを運営している 井上秀紀のProfileサイトです。

(おさる可愛いな…)

まとめ

ペライチ、1ページ作るだけならめっちゃオススメ!

+4

コメント

タイトルとURLをコピーしました