この記事は2015年4月20日に書いたもので、内容が古い可能性がありますのでご注意ください

【WEB】ランディングページなるものを作りたいと思い…

昨日は、ランディングページを作ろうと、ツールを探していました。
もうずいぶん前からそう思ってるんだけど、なんかこう、一発でぱっとできる方法がなくて。

ランディングページっていうのは、こういうブログみたいに、横にメニューの並んだサイドバーというものが表示されない、チラシみたいなぺらっと1枚のWEBページのことです。

かつては情報商材専用みたいだったけど、余計なメニューなどのリンクがないぶん、内容に集中して読んでもらえるということで、、今では普通にいろんな商品やサービスの宣伝に使われてます。

メニューを作らなくていいんだから、上から順に、タイトル・見出し・段落・見出し・段落…というふうに、内容を並べるだけでいいんだけれども、問題はやっぱりレスポンシブ対応。どんな大きさの画面でもそれなりに、崩れずに、見えて欲しいわけで。調べてみるとやはり、ブロック要素の横幅を画面に合わせて「調整」するなど、特殊は方法を使うようです。め…めんどくさい…読む気がしない(@_@;)
これ、どうやって作ったらいいんだろう?

考えていくといろんなキーワードが頭の中に乱立。

1.WordPressにランディングページを作るプラグインを入れる。
2.レスポンシブ対応のフリーのテンプレートでタグ手打ち。
3.(2と併用もあり)オーサリングソフトを使う(Dreamweaverみたいな)
4.外部サービスで構築(Wixみたいな)

一番シンプルなのは2ですが、やはり、仕上がりを見ながら作っていけるDreamweaver的なソフトを使いたい。

そこでDreamweaverを探したところ、なんと、いつのまにかパッケージ版は完全に終了したようで、今は月額課金のCC版しかありません。ときどきしか使わないのに、毎月使用料を払うのか…うーむ…とうなりながら、とりあえずどれくらい使いやすくなったか体験版をダウンロードしてみたけど、まあこのダウンロードに時間がかかることかかること。
そのうえ、使いやすいかどうか判断できないくらい、使い方が分からなかった!!!

どうせ使い方が分からないならオープンソースのアプリでもいいだろうと、BlueGriffonというのをダウンロードしました。

これ、なかなか起動しなかったりするんだけど、いったん起動すれば直感的に分かりやすく、ちょうど昔のDreamweaverみたい。
CSSのライブ編集機能など、有料のアドオンを追加すれば、かなりいい感じに使えそう。要研究です。
いずれにしても予算的には、これくらいが限界か。

あと、4の外部サービスはどれも使いやすいけど、いかんせん、そちらのサーバーに置いておく必要があるので、長期使用にはいかがなものかと。

1の、WordPressのプラグインは、Landing Pages というプラグインを試してみたけど、なんというかものすごく存在を主張するプラグインで、管理画面でもいろんなところにメニューを挿入してくるし、うざいといえばとてもうざく、もし使うならふだん使ってるブログとは別のWordPressで使いたいところ。

ただやっぱり、WordPressなどのシステムにのっけておくと、ちょっと問い合わせフォームを追加したいとか、あれこれ機能を追加したくなったときに便利。

というわけで、現段階での現実的な方法としては、

1,無料のソースをダウンロードしてきて
2.BlueGriffinで編集して
3.そのソースをWordPressの Landing Pages 等のプラグインの編集画面にコピペする

という3ステップでしょうか。
最初のひとつを作れば、あとはそのソースをコピペなので、2+3,あるいは3だけで済むようになるはず。

あーようやく、昨日まで考えてたことが、頭の中で整理できました。
ありがとう、みなさん(謎)

久しぶりにHTMLの書き方を調べていたので、いろんなサイトのソースコードを見ましたが、こうしてみると、自分とこのソースは無駄なものがごちゃごちゃ詰め込まれてて、長くて乱雑。

もっとすっきりしたHTMLコードのページを作りたい。

検索上位のサイトを見てても、デザインはださく、ページ数も少なく、キーワードの出現数もうちと変わらないのに、なぜこんな上位に?というのがけっこうある。
そういうサイトのHTMLをみると、昔作ったのをそのまま置いてます、みたいな、スクリプトを何もを入れてないシンプルなコードだったりするので、Googleさんはシンプルできれいなツリー構造のソースが好き、なのかも。と思いますが、どうでしょう。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク