- 無料でWordpressを使ってホームページを作りたい。
- 固定ページ使って、ページを作成したい。
- ウィジェットの使い方がいまいちわからない
このようなWEBマーケターに向けて記事を書きます。
この記事を読めば、WordPressにおいて、どのような操作をすれば無料でホームページを作れるのかについて理解ができます。
結論としては、2ステップのイメージです。固定ページという機能にてページを更新し、リンクを設定する流れです。
たった2ステップでホームページが無料で作れます。ぜひトライしてみましょう。
ここでは画面操作も含め、無料でできる範囲で、実践的で具体的な操作イメージまで内容に含めて記載します。
なぜWordpress（ワードプレス）が必要なのか?
そもそもなぜワードプレス（以下Wordpress）でホームページを作るのでしょうか？
WordPressは、世界でも使われているCMS（Contents Management System：コンテンツ・マネジメントシステム）です。
コーディングなどによる更新が不要で、無料でブログつきのホームページを作れるシステムです。実績があり、SEO対策もされている構造なので、世界的によく使われているCMSです。
管理画面は、ちょっと慣れが必要ですが、慣れてしまえば自分でどんどん更新ができます。WEBマーケターにワードプレスの理解は必須だといえます。
WordPressについては他の記事でも書いているので、ご確認ください。
初心者WEBマーケターが知りたい、wordpressを使ったホームページの作り方の全体像
WordPressのテーマ選びのポイント
WordPressのテーマに関しては、日本語対応していて実績があるテーマが良いです。
無料のテーマで、WEBマーケティングを実践するのに、おすすめのテーマで「Lightning」があげられます。
理由としては、Lightningは日本語対応しており、実績もしっかりしているからです。ここでは、Lightning使ってホームページの作成方法を説明します。
具体的な2ステップ
WordPress使って無料でホームページを作る際にはステップとしては、大きく分けて2つあります。
●ページを更新する ●リンクを登録する
それぞれについて説明します。
ワードプレスはもともと外国で作られたCMSを日本語対応しているので、言葉がわかりにくい場合あります。。
それはしょうがないので、そういうものだと理解して一旦受け入れてみて下さい。
WEBマーケターたるもの、ある程度割り切るのも大事です。セールスフォースやgoogle analyticsなどといった海外ツールは、結構日本語わかりにくかったりするので。
前置きが少し長くなりました。では、WordPressを使ってホームページを実際に更新していきましょう。
STEP１：ページを更新する
まずはページを更新しましょう。
固定ページという機能と、カスタマイズという機能の2つを使うと良いです。
以下それぞれ説明します。
固定ページを使ってページを更新する
WordPressの管理画面に入ると、いろいろありますが「固定ページ」というリンクがあります。
この固定ページにより、それぞれのページを作りこんでいく流れになります
まずは固定ページの「新規追加」で自分が作りたいページの名前をタイトルを入れ、作成しましょう。
次に、固定ページの入力です。
例えば「サービス概要」というページが必要とすれば、サービス概要を新規追加して固定ページをつくります。
タイトルや本文を入れて、ページを作っていきましょう。
また、「＋」ボタンがあります。「＋」をおすと、画像などを入れることができます。写真などを入れてページを作ってみましょう。
テキストを入力した後、「見出し」を押すと、H2やH3に設定できます。
WEBマーケティングにおいて重要なSEO対策において、見出しを入れH2やH3に上位表示させたいキーワードを入れることがとても重要です。
対策キーワードを適度に、見出しに入れてWEBマーケティングの実践を心がけましょう。
※注意点 静的に作る内容を中心に紹介します。Javascriptを使ってスライダーで表示をさせたい、アコーディオンでボタンを使いたいなどといったことに関しては、ご自身でカスタマイズしてみてください。
カスタマイズでコンテンツを更新する
次に、カスタマイズという機能を使いましょう。
カスタマイズは、テーマにもよりますが、サイトの基本情報の設定や色合いの設定、背景の設定などができます。
LightningではスライダーがTOPにあるので、TOPページのファーストビューの更新なども可能です。
まず、WordPressの管理画面の左、「カスタマイズ」を選択しましょう。
すると、次のページにこのような入力項目が出てきます。（Lightningの場合）
FVの画像のスライダーの設定や、色などを設定しましょう。
ファーストビューで表示される画像を設定したり、色やデザインを設定出来ます。
※なお、ひとつの箇所を、複数のWordpressのメニューで更新できるようですが、あまり気にしないようにしましょう。
色々触ってみましょう。
STEP２：リンクを設定する
次に作ったページのリンクを貼りましょう。せっかくページを作っても、見られない状況は意味がありませんからね。
リンクの設置方法としては、2つあります。
・メニューの更新 ・ウィジェットの更新
です。
簡単に概要を説明します。
・メニュー
文字通りメニューを更新する部分です。
※「ヘッダー」にもメニューがあり、ヘッダー全般のリンク設定が可能です。
・ウィジェット ※
ブログの投稿ページやヘッダー・フッターなどの共通パーツに表示設定をします。他にも、Youtubeやtwitterを埋め込んだり出来ます。
※メニューやカスタマイズと重複する部分があります。ボクは混乱しましたが、同じ箇所を複数の機能で触れるってことで、あまり気にしないでよさそうです。
以下、説明します。
メニューで固定ページのリンクを設定する
まずは、「メニュー」に作成した固定ページを追加しましょう。
ここでは、profileやLessonなど、7ページほど作成したので追加します。
こうすることで、PCではグローバルナビゲーションとメニューに、スマートフォンでは左上のハンバーガーメニューにリンクを設置出来ます。
以上で無事、作成した固定ページのリンクを貼ることが出来ました。
簡単ですよね。
※なお、「外観」→「ヘッダー」でも、同様にメニューの設定が可能です。ヘッダーも触ってみましょう。
ウィジェットで共通パーツへリンクを設置する
ウィジェットは、WordPress管理画面の左メニュー「外観」→「ウィジェット」にて選択しましょう。
ウィジェットを押すと、このような画面が出てきます。
ここでは、wordpressのテーマであるLigitningを例にしてみます。
左側に、「利用できるウィジェット」並んでいます。
右側が、ウィジェットを追加できる場所です。仮に、ここではウィジェットを設置する「設置箇所」と呼ぶようにします。
利用できるウィジェットに、「固定ページ」のリンクがあるので、選択して設置したい場所に入れ込めば、リンクを設定することが出来ます。
また、Lightningではトップページに関して「トップページコンテンツエリア上部」という「設置箇所」があります。
設置箇所にリンクを貼るなり、利用できるウィジェットから「カスタムHTML」を、選んで、HTMLを直接編集すると思いのままにTOPページを編集できます。
他にもTwitterだったり動画だったり、追加できるウィジェットがあるので、必要なものがないかは確認してみてください。
テンプレートで出来ないことは必ずある
気をつけるべきこととしては、やりたい事に対してテンプレートが対応しておらず、できないことがあるということです。
例えば
・リンクを固定で画面の下に設置したい
・固定で表示するサイズを変えたい
・ロゴ部分に画像を入れて、テキストをロゴの上に表示させたい
とかそういった要望が満たせないケースがあります。少なくともLightningの無料テーマでは出来ませんでした。（2020/05/18現在）
まずはウィジェットを使って形にしてみて、実現したいことをまとめて、課題リス値アップしましょう。
課題を有料テーマで解決すべきなのか自分でコーディングして対応していくべきなのかを考えていきましょう。
まとめ
いかがでしたでしょうか。
WordPressの機能を使ってホームページを作る方法についてお伝えしました。
WordPressの準備ができていれば、ステップとしては2つです。固定ページを作ること、リンクを設定していくことです。
カスタマイズが必要な場合は有料のテーマを使うか、自分でCSSやJavaScriptを作るなり検討しましょう。
なぜ有料をつかうといいのか、無料と有料でどこが違うのか、あたりは具体的に分かるといいですね。
