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