WEBサイト制作

【初心者向け】WordPressでホームページ制作。トップページの作り方をまとめてみた

2020年6月20日

悩んでいる人
「ワードプレスでホームページ作成したい。 トップページって、どうやってデザインすればいいの? 作り方が分からない!」

 

ワードプレスは誰でもホームページが作成できる便利なツールです。

でも、初心者のうちは操作方法が分かりません。

とくにホームページの顔と言える、トップページはしっかりと作りたいですよね?

 

 

じつは、トップページ作成のやり方には2種類あります。

今回は、ワードプレスのトップページ作成について紹介します。

 

私がホームページ制作に使用するワードプレステーマはLightning Proです。

【Lightning Pro】の公式サイトはこちら

 

カスタマイズ画面で編集する方法

カスタマイズ画面からの編集について説明します。

ダッシュボードの外観から、カスタマイズを選択します。

 

 

まずは、スライドショーを作成します。

スライドショーとは、トップページの上部に表示される画像です。

2〜3枚の画像をスライド形式で映し出して、ホームページのPRをする部分です。

 

Lightning Proのスライドショー、推奨画像サイズは1900×600pxです。

スライド1に画像を『選択』して挿入します。

 

 

画像を挿入したら、『スライド画像の代替テキスト』に画像の名前を入力します。

代替テキストは画像が表示されない場合、代わりに文字で表示される仕組みです。

画像に該当する文字を入力しましょう。

 

 

また、スライド画像をクリックした時にリンクさせたい場合は

『スライド画像リンク先URL』にリンク先のURLを記載します。

 

 

複数のスライド画像を表示させたいときは、スライド2から順番に同じ作業を繰り返します。

あとは、スライドショーの切り替え時間を設定します。

 

スライドショーの時間設定は、『スライド切り替え間隔』で変更できます。

自分好みの設定に調整してください。

 

 

次にスライドショーより、下部のデザインを設定します。

ウィジェットより、トップページコンテンツエリアを選択します。

 

 

たとえば、私の場合はPRコンテンツで画像と文章を表現。

3PRエリアで会社の事業内容を紹介。

 

そして、ふたたびPRコンテンツでアピールします。

最後に『おしらせエリア』と『お問い合わせ情報』を入れたら完成です。

 

固定記事で編集する方法

次に固定記事でトップページを作成する方法について説明します。

カスタマイズ画面と固定記事は、デザインの自由度です。

 

カスタマイズ画面からページを作成すると、使用できる機能が限られます。

その点、固定記事では記事作成と同じようにデザインの自由度は上がります。

 

それでは、まず固定ページを新規追加します。

つぎに『見出し』を挿入しましょう。

見出しの挿入

 

ここでは、『H2』に設定します。

H2の見出し

 

次にカラムの追加をします。

カラム

 

カラムとは、2~6個までの部屋分けをする仕組みです。

今回は、2個のカラムで画像と文章を構成します。

カラムの仕分け

 

まず、左側に画像を挿入します。

画像の挿入

 

そして、右側には見出し3と段落を挿入します。

見出しと段落

 

 

 

次に、同じ形式で画像と文章を挿入する場合、

画像と文章の位置を反対にしてみましょう。

 

固定ページが作成できたら、更新ボタンを押します。

カスタマイズ画面に移動し、ホームページ設定を選択。

 

『ホームページの表示』を『固定ページ』を選んで、

『ホームページ』の箇所を先ほど、作成したページにすれば完成です。

 

まとめ

ワードプレスでトップページ作成する方法は2種類あります。

カスタマイズ画面から編集する方法と固定記事をトップページにする方法。

固定記事をトップページにする方が、デザインの幅は広がりやすいのでおすすめです。

 

 

実際に使用するワードプレステーマで使い方は違うので注意が必要です。

もし、今回の記事と同じようにしたければ、ワードプレステーマを

Lightning Proにしてください。

 

Lightning Proは、初心者でもホームページが作成しやすいワードプレステーマです。

【Lightning Pro】の公式サイトはこちら

 

 

それでは、また!

  • この記事を書いた人

アラフォーフリーランサーすぎにい

どうも!アラフォーフリーランサーすぎにいです。 サイト管理人について詳しく知りたい方はこちら。

おすすめ記事

オーディブル 1

あなたは最近、読書をしていますか? 『読書したいけど、集中力がないから読めない』 『そもそも本を読むのが苦手や~』 という方もいらっしゃるでしょう。   実を言うと、私も集中力がないので、読 ...

2

「給料が少なくて、いつも金欠状態、家族にも贅沢をさせてやれない。」 「何か副業をして、今の経済状況を早く改善したい。」 そんな感じで、副業に興味を持った方も多いですよね?     ...

ワードプレスでブログ 3

「ワードプレスは、アメブロやライブドアブログよりも検索に強い。」 「ブログはワードプレス一択でしょ!」 と言われても、ブログ初心者にとってはハードルが高いですよね?     私は2 ...

-WEBサイト制作
-

Copyright© すぎにい公式ブログ | 初心者フリーランス講座 , 2020 All Rights Reserved.