WordPressでホームページ作成手順
独自ドメイン取得、サーバー契約、WordPressインストール
ここでは、ネットオウルの「スタードメイン」と「スターサーバー」で説明します。
- スタードメインで希望の名前がしているか検索してドメイン名を決める。
⇒https://www.star-domain.jp?ref=NAxrg534
スマホからの場合のQRコード
- ネットオウルのアカウント登録する。
⇒https://www.star.ne.jp?ref=NAxrg534
- スターサーバーでサーバー契約をする。
⇒https://www.star.ne.jp?ref=NAxrg534
①支払い情報登録
②ネットオウル管理画面で「スターサーバー管理」⇒表示されるサーバーリストの右側にある「本契約」ボタンをクリックして、契約プラント期間を選択、クレジットカードで支払う。
- スタードメインで独自ドメインを取得する。
⇒https://www.star-domain.jp?ref=NAxrg534
但し、独自ドメインキャンペーン時は、上のスタードメインページにアクセスする必要はなく、ネットオウル管理画面で「スターサーバー管理」⇒「各種特典のお申し込み」をクリック、ドメイン名を検索・申請する。
- サーバー管理画面の左サイドメニュー「ドメインの設定」をクリックし、ドメインを設定する。
- サーバー管理画面の左サイドメニュー「簡単インストール」⇒「WPをインストールしたいドメインを選択」⇒インストールツール「WordPress]を選択
- インストール先を再度確認し、必要は情報を記入して、インストールを実行する
※ブログ名は、あとから変更できます。
※ユーザー名（半角英数で）＝ログインIDですので、セキュリティー上、ドメイン名や管理者名を使わないでください。
※管理画面URL、ログインIDとパスワードはメモ必須
SSL設定、WordPress初期設定をする
以下、wordPressのことをWPと表記します。
- 新しいドメイン（＝新住所）は、登録したばかりのときは、まだインターネットに反映されてません。
- ほとんどの場合、２時間～４時間で反映するので、しばし待ちます。
- WPをインストールしてありますので、ネットに反映されるとWPのデフォルトのトップページが表示されるので、それを確認後、SSL設定（申請）、WPの初期設定をします。
ＳＳＬ設定（申請）をする
- スターサーバー管理画面、左サイドメニュー「SSL設定」をクリック
- SSL設定するドメインを選択⇒SSL設定を申請する。
- SSLが浸透するまで１時間ほど待機
- WPダッシュボードにログイン
- 左サイドメニュー「設定」をクリック、「一般設定」画面でURLを「https」に変更する。
WP初期設定
- 再度ダッシュボードにログインし、左サイドメニュー「設定」をクリック
- 各種設定項目の初期設定をする（パーマリンクまで）
- 「投稿記事」の「hello world」と「固定ページ」の「サンプルページ」を削除する
テーマインストール・カスタマイズ
無料テーマ「Lightning」での作成をベースで説明します。
テーマのインストール
- 左サイドメニュー「外観」⇒「テーマ」⇒「新規追加」⇒リストからテーマ「lightning」を検索⇒クリックしてインストール⇒「有効化」する
- 他のテーマを削除する
- 現状を確認、
フッター部分のコピーライトをすっきりさせたい場合は、下記ページにて「Lightning Copyright Customizer」（プラグイン、1,650円/税込、PayPal支払い｜2022年1月現在の価格）を購入してインストール・有効化して設定する
⇒Lightning Copyright Customizer
テーマ・サイト外観のカスタマイズ
「外観」⇒「カスタマイズ」⇒各種設定項目
- 「色」
ライン、ボタンカラーを編集
- 「トップページスライドショー」
スライド用画像を横幅1900px、縦は好みの高さを決め、画像のサイズをそろえる
※推奨サイズ：1900×900px
※３枚まで登録可能
※後から変更可能
- 「カラム設定」「サイドバー設定」
１カラムにするか２カラム（サイドバー有）にするか決める
- 「外観」⇒「ウィジェット」⇒「フッター上部」にある「アーカイブ」「カテゴリー」が不必要な場合は削除する
- TOPページと作成予定のページをタイトルのみで仮作成する（固定ページ）
- 問い合わせフォーム用ページには、個人情報保護法（プライバシーポリシー）を記述する
※別ページでも可
- 「外観」⇒「メニュー」で、ヘッダーメニューを作成する
WP用プラグインをインストール＆有効化する
設定無しのプラグイン
- All-in-One WP Migration
※エクスポート機能でサイト丸ごとバックアップ。
※引っ越しやサイト復活が簡単にできるが、その時は有料版を購入する必要あり
- Black Studio TinyMCE Widget
※サイドバーもビジュアルエディタで記入可
- Throws SPAM Away
※日本語を含まないスパムコメントを勝手に捨ててくれる
- VK Blocks
※VKブロックエディタ
- VK Block Patterns
※VKブロックパターン
設定が必要なプラグイン
- Advanced Editor Tools (旧名 TinyMCE Advanced)
※投稿画面、の記事書き用、便利機能ボタンをバージョンアップ
- VK All in One Expansion Unit
※Lightning専用プラグイン
- revision control ※青色のサムネイル
※編集時の保存をコントロール
自動返信付きお問い合わせフォーム設置
- MW WP Form（プラグイン）をインストール＆有効化
- フォームの内容を設定
- 送信のお礼文章記入
- 必須項目の設定
- 送信者側への自動返信内容を設定
- 受信側（管理者）への自動送信内容を設定
- メニュー作成時に作ったお問い合わせページに、フォームのショートコードをコピーペーストする
（プライバシーポリシーの上） - 送受信テスト
各ページを整える
トップページ作成
- 中のページとの兼ね合い、見た感じなど、ホームページの顔として構成していきます。
中のページ作成
メニュー作成時に、仮作成したページに記述していく
- 事業所概要（特定商取引法に基づく表記も含む）
- サービス概要
- お客様の声
など
サイドバーを設定する（2カラムの場合）
- LineのQRコードを置いてLine公式アカウントに誘導
- 注意を促したい事柄の詳細ページに誘導する画像や動画、紹介文などを記載
- 問い合わせ先を記載
など必要事項を記載
