オリジナルのトップページ/LPを作りたい
「Wordpressでブログを始めたけど、他のサイトのトップページのようなものはどうやったら作れるの?」
「ブログを書いているけど、カッコ良いLPの作り方がわからない」
そんな人のために、簡便かつかっこよくトップページ/LPを作成する方法を、実際に1からとても丁寧に解説しました。
- WordPressが完全初心者でも大丈夫なように
- できる限りわかりやすく
- htmlやCSSなどの難しいことは一切用いずに
- 図解多めで
- 1日で作成できるように
紹介していきます。
トップページは固定ページから作成する
そもそもトップページはどこに作るのか。
これは固定ページに作成していきます。具体的には
- WordPressの管理画面にログインします。
- 一番左に並ぶメニューから「固定ページ」を選択し、「新規追加」をクリックします。
これでトップページとして作成するページが表示され作ることができます。
作り込んだページは、後ほどトップページとして表示する設定を行います。
続いて初心者でもカッコよく作る方法について説明します。
“SANGO”を使用すれば、初心者でも1日で作れる!
SANGOは有料Wordpressテーマです。初心者の方には「有料」はハードルが高いと感じる方も多い思います。しかし初心者であればこそ、このSANGOを使用すべきと私は考えます!
SANGOをお勧めする理由は
- サイトのカスタマイズを簡単に行えるテンプレートが数多く用意されている
ことから、初心者でもテンプレートを使って1日目から自由にカスタマイズできるからです。最初につまづいてしまうと長続きしない、もしくはそこで辞めてしまう可能性もあり勿体無いです。
“SANGO Land”から気に入ったテンプレートを選択する
トップページの作成は
- 上段にある「SANGO Land」をクリックします。
- 「SANGO Land」のリンクをクリックします。
- 左の列をスクロールして「トップ・LP」をクリックします。
- 表示されたテンプレートから気に入ったものを選びます。
- 「🔍」をクリックし、内容を確認します。
- 使用するテンプレートを決めたら、コピーボタンをクリックします。
- 固定ページに戻り、Ctrl+Vでペーストする
先ほど選択したテンプレートが反映されます。
トップページとしての設定を行う
ここまでの作業で気に入ったテンプレート通りのページが作成されました。
あとは画像や文章をカスタマイズ!と思いますが、先にトップページらしく見えるように設定を行っておきましょう。このままの形式で公開すると2カラム表示となってしまいます。
2カラム表示とは?
2カラム表示は、「左にメインコンテンツ」、「右にサイドコンテンツ」が並ぶ形式です。
サイドコンテンツが表示されるとトップページらしくなくなります。
メインコンテンツのみの1カラム表示にする
- 右上の「設定ボタン」が選択されていることを確認します。
- 設定が「固定ページ」を選択していることを確認します。
- 「テンプレート」がデフォルトテンプレートになっているので、これをクリックします。
- 「トップページ用1カラム」を選択します。
ヘッダーアイキャッチとシェアボタンを非表示にする
ここからは私のお勧めの設定です。
- 管理画面で「外観」を選択し、カスタマイズをクリックします。
- 「ヘッダーアイキャッチ」をクリックします。
- 「ヘッダーアイキャッチ画像」をクリックします。
- 「ヘッダーアイキャッチ画像を表示」のチェックボックスのチェックが外れていることを確認します。
- 右上の「設定ボタン」が選択されていることを確認します。
- 設定が「固定ページ」を選択していることを確認します。
- 「シェアボタンを非表示にする」のチェックボックスのチェックを入れます。
- コンテンツ最大幅を1200pxにします。
- 「コンテンツ上下の余白をなくす」のチェックボックスにチェックを入れます。
トップページとして表示する
続いて、作り込んだページをトップページとして表示する設定を行います。
- 左のメニューから「設定」にカーソルを合わせます。
- 「表示設定」をクリックします。
- 「固定ページ」を選択します。
- 「ホームページ」のタブを開き、作成した固定ページの中からトップページとして作り込んだ記事を選択します。
以上でトップページの作成方法は終了となります。
ここまで出来たらあとは画像や文章を自分で書き換えて、オリジナルのトップページを完成させてください。
まとめ
これからWordpressを使い始めてトップページを作成するなら、この方法がお勧め、という内容でした。
SANGOで使える細かいテクニックに関しては他の記事がありますので、是非参考にしてください。
SANGOは初心者の方でも簡単にカスタマイズできるように、無料で「SANGO Land」を用意してくれています。また「SANGO Land」は日々、拡大しています。
ぜひSANGO Landを試して楽しんでみてください。
それでは、お大事に!