二重収入-パソコン一つで副収入

初心者が3ヶ月でネットビジネスで月5万円を稼ぐ方法

  • コンテンツマーケティング
  • ランディングページ
現在のページ: Top > marketing > Wordpress(ワードプレス)でランディングページを簡単に作る方法

WordPress(ワードプレス)でランディングページを簡単に作る方法

by たか

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

WordPress(ワードプレス)ではランディングページをカンタンに作る事ができます。

初心者でもプラグインやテーマを使って、カッコいいプロレベルのランディングページを作る事もできます。

WordPressでランディングページを作成

ここではテーマをインストールしたり、難しいHTMLやCSSを書く必要も無いとてもカンタンな方法を教えます。

たった5分、3ステップでワードプレスのランディングページを作ってみましょう。

  • WordPressでランディングページを作れるの?
  • 初心者でも簡単に売れるWordpressランディングページを作る方法

WordPressでランディングページを作れるの?

はい、作れます。

つい最近までは、業者さんに1ページ何万円も払ってランディングページを作ってもらうのが当たり前でした。 (※実際、僕たちも長い間そうやってランディングページを作ってもらっていました)

しかし、最新のオンラインマーケティングの世界では、ランディングページをWordpressで作るのが一般的になりつつあります。

実際、オンラインビジネスが日本よりも進んでいる海外では、多くのビジネスがWordpressでランディングページを作っています。

理由は、

  • コストが圧倒的に安い
  • リリースまでの時間が早い
  • いつでも好きな時に更新できる

と、オンラインビジネスに必要な全ての要素を兼ね備えているからです。

WordPressでランディングページを作る4つの方法

WordPressでランディングページを作るにはいくつか方法があります。

  • イメージに合う無料テーマを探してインストールして使う
  • クオリティーの高い有料テーマを探してインストールして使う
  • 自分でテーマをカスタマイズして使う
  • 自分でゼロからテーマを作成して使う

どのように選ぶかというと、ランディングページの用途とあなたが出来る事に合わせて方法を選ぶ事になります。

例えば、急いでいる案件があってすぐにでもランディングページを立ち上げて公開したい、という状況では有料でクオリティーの高いテーマやプラグインを使ってランディングページを作る事になります。

あまり急いでいないので多少手間がかかっても良いから無料で使えるテーマを使ってランディングページを作りたい、と考えるかもしれません。

今回は無料で、さらにすぐにできる方法を解説します。

デフォルトテーマを使う簡単な方法

今回はデフォルトのテーマ(twenty シリーズ)を使用します。

twenty シリーズとは(fourteen/fifteen/sixteen)はWordpress(ワードプレス)をインストールすると、初めから入っているテーマです。

ですので、新しく別のテーマをインストールする必要はありません。

デフォルトのテーマを使用するので、テーマのクオリティーや作り込みに安心感があります。

無料のテーマの中にはアーカイブページやカテゴリページがちゃんと表示されないものや、モバイルや特定のデバイスでレイアウトが崩れてしまってまともに見れないものもあるので注意が必要です。

それに対してデフォルトで入っている公式テーマはしっかりとチェックが行われているのでそういった心配は皆無、安心です。

ですので、できれば公式テーマであるtwenty シリーズをそのまま使いたいのですが、これらのテーマは

  • サイドバー
  • コンテンツエリア

2カラムのブログレイアウト。

2カラムレイアウト

このままではランディングページとして使う事ができません。

なので、このテーマを3ステップで簡単カスタマイズしてランディングページとして使えるようにしていきましょう。

TwentyFourteenテーマでカンタンに使えるカスタマイズプラグイン「FourteenExtended」を紹介していましたが、公式テーマが新しくなっているのに伴い、「Twenty sixteen」でのランディングページ化手順を追記します。

Twenty sixteenをランディングページに使う方法

最新版のWordPressには「Twenty sixteen」がインストールされています。

新規インストール、またはWordPressのアップデートを行うと自動的にTwenty sixteenが使えるようになります。

Twenty sixteen自体をカスタマイズすることになるのですが、HTMLやCSSを変更するのでタイヘンです。

ですので、Twenty sixteenの「子テーマ」として1カラムのランディングページ用テーマを使えるようにしましたので、ご利用ください。

→ Twenty sixteen LP(子テーマ)をダウンロード

テーマのインストールと有効化

ダッシュボードのサイドメニューから「外観」-「テーマ」を選択してテーマ一覧を開きます。

外観-テーマ

「新規追加」をクリックして、

テーマを新規追加

↑のテーマ(Twenty sixteen子テーマ)をアップロードします。

貼り付けた画像 2015 12 10 16 50

一覧に、「Twenty Sixteen/twentysixteen-LP」が表示されるので有効化します。

テーマを有効化

ランディングページ化するためのカスタマイズ

よりランディングページっぽくシンプルにするために、表示部分を少しだけカスタマイズして最適化します。

サイドメニューからテーマのカスタマイズを選択します。

テーマのカスタマイズ

「サイトの基本情報」をクリックして、ランディングページには不要なヘッダのテキストを消していきます。

サイトのカスタマイズ

「ヘッダーテキストを表示する」のチェックを外すと、ヘッダは表示されなくなります。

「保存して公開」ボタンをクリックして保存しましょう。

貼り付けた画像 2015 12 10 19 41

背景色も薄いグレーなどに変更しておくと、自然でミニマルな感じに仕上がります。

背景色を変更

もう一個。

Twenty sixteenではメインコンテンツの下にウィジェットがデフォルトで表示されていますので、こちらも表示されないように設定をします。

ウィジェットカスタマイズ

あとは内容を考えて入力するだけ。

ランディングページ内容

ミニマルなランディングページをカンタンに作る事ができます。

ミニマルLP

FourteenXtdを使用してランディングページを作成する

プラグインインストール

デフォルトのテーマを変更するには通常、複雑なHTMLやCSSの変更が必要です。

それをボタン一つでランディングページ化できるのがこのプラグインです。

FOURTEEN EXTENDED(← 公開中止)

FourteenXtd(←最新版にアップデートされました)

WordPress公式サイトのプラグインのリンクが切れているのでこちらのページから直接ダウンロードしてください。

Wordpressでランディングページを作るプラグイン

サイトの一番上の赤い文字、テキストの下部の赤い文字「WordPress Fourteen Extended Plugin Download」がダウンロードリンクです。

インストール方法1:管理画面からインストール

プラグイン - 新規追加

ダッシュボードのサイドバー、プラグインから新規追加をクリック。

プラグイン - アップロード

ダウンロードしたプラグインをアップロード。

プラグインのインストール

Fourteen-extendedをインストール。

インストール方法2:FTPでアップロード
      1. Fourteen-extended プラグインをダウンロード
      2. FTPクライアント(Filezillaなど)を使用してアップロード /[wordpressのディレクトリ]/wp-content/plugin/

にファイルをアップロード。

    1. 管理画面にログイン
    2. サイドバーのプラグイン – インストール済プラグインから一覧を表示
    3. Fourteen-extendedを有効化する。

プラグイン設定

プラグイン-カスタマイズ

プラグインをインストールすると、

Fourteen-Extended設定

Fourteen-Extended専用の設定が新たに追加されます。

たくさんの設定があって迷ってしまいそうですが、Wordpressをランディングページ化するのに必要な設定はこれだけです。

remove-primary-sidebar

「Remove Primary (Left) Sidebar? -Hide」のチェックボックスを「ON」にして右上の青い「保存」ボタンをクリックしてください。

保存ボタン

ページ作成

ランディングページを作成するために、固定ページを新規作成します。

固定ページ-新規作成

次に、固定ページをランディングページに使えるように設定を変更します。

コメント欄を消す設定

まず、ページ上部の「表示オプション」をクリック。

次に、ディスカッションをクリックするとページの下部にコメント欄の表示、非表示を制御できるボックスが出てきます。

ランディングページ用の初期設定

「コメントの投稿を許可する」のチェックを外すとコメント欄が無くなります。 逆に、チェックを入れるとコメント欄が表示されます。

「トラックバックとピング」のチェックも同様に必要無いので外します。

ディスカッション制御チェックボックス

次に、キャッチコピーやボディーコピー、オプトインボックスなど、ページに必要な要素を入れていきます。

LP内容

すると、シンプルなランディングページが完成します。

シンプルなLP完成図

細かい部分や見た目をカスタマイズするにはもう一工夫必要になりますが、

      • とにかく早く
      • お金をかけないで
      • 知識ゼロのド素人でも

ランディングページを作りたいときには、便利な方法です。

初心者でも簡単に売れるWordpressランディングページを作る方法

実はもう一つ、Wordpressで実証済みの売れるテンプレートを使って初心者でも3分でランディングページを作る方法があります。

私たち自身も使っているのですが、

  • とにかく簡単に今すぐランディングページやセールスページを作って
  • 見栄えが良いだけの売れないページではなく
  • プロレベルのキレイなデザインで
  • 売れるページを作って売上げが欲しい

加えて、安く済ませたいというなら、この方法以外にはないと思います。

海外のオンラインマーケッターやオンラインビジネスで最も選ばれているランディングページ作成システムの一つで、ネットでビジネスをするために、今や必要不可欠なツールです。

→ スリーミニッツホームページ(3minutes Home Page)

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

この記事を見た人が読んでいる記事

ランディングページ – 売上げを上げるたった1枚のページとは? 粗悪なランディングページを見分ける2つの基準 2014年、最も優れているLPとビジネスに活かす方法 ランディングページの平均コンバージョン(登録率/購入率)はどれくらい?

このコンテンツに関して

  1. 中山明三 さん:
    11:19 - 02/02

    お世話になります。
    このページに書かれている通り「Twenty sixteen」をインストールしましたら、Wordpressにログインさえできなくなり、以下のエラーメッセージが出ています。
    Parse error: syntax error, unexpected ‘[‘ in /home/users/2/sub.jp-asukajuku/web/wp/lp/wp-content/themes/twentytwenty/classes/class-twentytwenty-script-loader.php on line 32
    対処法が解らず困っています。
    解決法を教えて頂けませんでしょうか。よろしくお願いします。

  2. たか さん:
    21:36 - 06/27

    ヒロさん、
    はい、そうですね。
    古い情報でもうしわけないです。
    調べてみたところ、開発が終了してしまっているようでした。

  3. ヒロ さん:
    13:02 - 06/05

    FourteenXtdのダウンロードリンクがみつかりません。結局もうできないんでしようか?

  4. たか さん:
    15:35 - 03/19

    カネコさん、こんにちは。
    良かったです^^

    フッターに関しては、そうですね。
    テーマファイルを直接書き換えれば変更は出来るのですが、無料で使えるテーマの多くは管理画面から「copyright」を消すことが出来ないようになっています。
    ヘッダーに関してはテーマによってヘッダー画像のジャストサイズがあります(縦横比を合わせる)それに合わせるのが一番ラクですが、CSSを直接して調整することもできます。

  5. カネコ さん:
    14:04 - 03/19

    大変役に立ちました。ありがとうございます。
    フッターのcopyrightが変えられません。
    どこで、変えれば宜しいのでしょうか?
    また、ヘッダーのようにページの最初に画像を設定すると、スペースが大きく空いていて、あまり見栄えが良くありません。
    やはり、フリーのテンプレートでは限界がありますか?

  6. たか さん:
    17:11 - 01/20

    こんにちは。
    一旦、ダッシュボードの「外観」-「テーマ」から、元々設定してあったテーマに切り替えて(有効化)してみてください。
    複数ある場合には、一つずつ順番に切り替えていくと、どれが元の設定か、分かると思います。
    「テーマ」を切り替えると、サイト全体が着せ替え人形のように切り替わってしまいます。
    ですので、既にホームページを運用されている場合には、1.別のドメイン、または2.サブドメインなどで
    「もう一つWP」をインストールしてランディングページ用とするのが、分かりやすいと思います。

  7. 内田ミツヨ さん:
    22:45 - 01/18

    初めまして
    WordPressでランディングページを作成したいと思い
    Twenty sixteen LP(子テーマ)をダウンロード
    しましたら
    自社のHPのランディングページになってしまいました。
    どうしたHPとランディングページが分けられますか?
    もとの戻す場合はどうしたらいいですか?
    初心者で大変困ってます。
    よろしくお願いします。

  8. たか さん:
    21:10 - 12/10

    徳田さま、ご連絡ありがとうございます。

    TwentyFourteenExtendedの開発が終わってしまったようなので、TwentySixtyにてシンプルなランディングページを作る方法を紹介します。
    お試しいただけますと幸いです。
    ありがとうございます!

  9. 徳田 良 さん:
    15:53 - 11/16

    初めまして。

    急なお問い合わせで大変失礼致します。

    WordPressでランディングページを作成したいと思い、
    ネットでいろいろ調べていた時にこちらのサイトに辿り着きました。

    【WordPress公式サイトのプラグインのリンクが切れているのでこちらのページから直接ダウンロードしてください。】

    という案内のページを見てみたのですが、
    テキストの下部の赤い文字「WordPress Fourteen Extended Plugin Download」が見当たりませんでした。

    現在はダウンロードできない状態になっているのでしょうか?

    そこからいろんなページに飛んでみて【fourteen-extended-beta120.zip】というファイルはダウンロードできたのですが、アップしてもFourteen-Extended専用の設定が新たに追加されていなかったため断念しました。

    大変お手数をお掛けして申し訳ないのですが、
    もしこちらの問い合わせが確認できましたら、
    ご教授頂けましたら幸いです。

    宜しくお願い致します。

あなたの悩みや気になる事を教えてください! コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

無料WEBセミナー

初心者がネットで副収入を稼ぐ方法を7日でマスターする。実証済みのメソッドを無料で配信中。【ネットビジネスの設計図】

セミナーの詳細を見る
  • 初心者がパソコン一つで稼ぐための設計図
  • 実際に稼いできた方法と、知識、必要なスキルを公開
  • 断片的で分かりづらいネットビジネスを体系的に初心者でもわかりやすく解説
  • 初心者でも分かるカンタンなコピーライティングの使い方
  • ホームページが作れなくても稼げてしまう簡単な理由
  • 月5万円を稼ぐまでの具体的なステップ
  • 年収1千万円プレイヤーがまずはじめにやってきた事

人気の記事

故障?修理の前に!macのトラブルが5分で解決するチェクリスト(2018年完全版)

macでおすすめのバックアップ用外付けHDD(ハードディスク)

5分で理解!初心者がパソコンで稼ぐためのネットビジネス

世界で最も選ばれているSEOに強いWordPrssテーマ Genesisテーマを徹底解説

iPhoneやiPadをテレビに表示(出力)させる最も簡単な方法

Mac Book /Air/Proの水濡れ対処法と対策まとめ

新しいMac Book Proで強制終了する方法は?

Macのタイムマシンに必要なHDD(ハードディスク)容量は?

WordPress(ワードプレス)でランディングページを簡単に作る方法

次のパソコンはWindwosではなく、Macにしなければならない3つの理由

二重収入

© Copyright 2009- 2021 二重収入 - ネットビジネス