【かんたん】ワードプレスを立ち上げる詳しい方法

ワードプレスを立ち上げる方法

あなた独自のドメインで、ブログを作ることができます。アメブロやnoteのように、広告やデザインのしばりがなく、自由にWebサイトを作れます。

具体的には、このページのような独自のサイトを立ち上げることができるんです。

サーバー契約＆ドメイン取得

サーバー契約とドメイン取得は必須です。

サーバー契約

まずは、サーバー契約をします。

こちらからＸサーバーのページにいきます。

「お申し込みはこちら」を押します。

「新規お申込み」を押します。

サーバーＩＤがすでに記入されていますが、自分で決めることもできます。

次にプランを決めます。

私は「X10」というプランです。

たくさん画像を使ってますが、まだまだ空き容量はあります。

ですので、「Ｘ10」で十分かと思います。

「クイックスタート」という機能が追加されたようですが、ここでは「クイックスタート」ではない方法をご紹介します。

個人情報を入力します。パスワードなどは忘れないように必ずメモしておきましょう。

入力内容を確認して、「お申込みをする」を押します。

このような画面になりますので、メールボックスを確認しましょう。

このメールにはＩＤやパスワードが記載されいますので、大切に保管しておきましょう。

Ｘサーバーに戻り、「Ｘserverアカウント」にいきます。

ログインします。

「料金お支払い」を押します。

契約期間を選択します。期間が長いほど、１ヶ月当たりの料金が安くなります。

支払い方法を選択し、決済しましょう。

これでサーバー契約ができました。

ドメイン取得

次はドメイン取得です。

その前に、ドメインって何？という方のために、解説しますね。

たとえば、これは私のメルマガ登録ページです。
↓ ↓ ↓ ↓ ↓

https://kumikosalon.com/mail-magazine/

kumikosalon.comというのがドメインになり、どのページのリンクにも表示されます。

私達のサイトは、comになりますが、お好みで大丈夫です。

comやnetが無難です。

では、取得方法をご紹介します。

「Ｘserverアカウント」から「ドメイン取得」を押します。

取得したいドメインを入力します。

取得できるドメインが表示されたら、希望のドメインと契約年数を選択します。

お支払いを済ませましょう。

サーバーとドメインの紐付け

サーバー契約とドメイン取得ができましたら、サーバーとドメインの紐付けをします。

「Ｘserverアカウント」に戻ります。

「サーバー管理」を押します。

「ドメイン設定」を押します。

「ドメイン設定追加」を押します。

紐付けしたいドメインを入力します。私の場合ですと「kumikosalon.com」と入力しました。

ワードプレスのインストール

サーバーとドメインの紐付けができたら、次はワードプレスをインストールします。

「簡単インストール」を押します。

インストールしたいドメインを選択し、「WordPressのインストール」を押します。

ブログ名などを入力し、「インストール」を押します。

すると、上のように表示されますので、ＵＲＬを押します。

インストールした直後だと、このように「無効なＵＲＬです」と表示されます。

２時間ほど待ちましょう。

すると、このような表示になります。

今後は、ここからワードプレスのダッシュボードにアクセスします。

ダッシュボード（編集画面）に入るには？

ダッシュボードっていうのは、ワードプレスの管理画面です。
↓ ↓ ↓ ↓ ↓

以降は、この画面からの作業になります。

テーマのインストール

親テーマと子テーマをそれぞれインストールします。

私はCOCOON（コクーン）というのを使っています。

コクーンを使えば、私のサポートを受けて頂けますので、以下のように設定しましょう。

COCOON(コクーン）のダウンロード

こちらより、ダウンロードページにいきます。

親テーマをダウンロードします。

同様に、子テーマもダウンロードします。

COCOON(コクーン)のアップロード

ワードプレスのダッシュボードにいき、「外観」→「テーマ」→「新規追加」と進みます。

「テーマのアップロード」を押します。

先程ダウンロードしたzipファイルを貼り付けます。

「今すぐインストール」を押します。

「親テーマ」「子テーマ」ともにインストールします。

COCOON(コクーン)の有効化

子テーマを有効化します。

親テーマではなく子テーマを有効化しましょう。

ＳＳＬ化

ＳＳＬ化をすることで「http」が「https」に変わります。

「http」のままだと、「危険なサイトです」のような表示が出てしまい、離脱してしまうきっかけになってしまいます。

こちらを参考に、必ずＳＳＬ化をしましょう。

ワードプレスの詳細設定

以上で、最低限のワードプレスの設定はできました。

あとは、詳細設定になります。

私がワードプレスを立ち上げた際に設定した項目は次になります。

プラグインのインストール＆有効化

私は次のプラグインをインストールしています。

「◎」は最低限インストールしておいたほうがよいでしょう。

「・」は必要に応じてインストールすればOKです。

インストールだけではなく、必ず有効化までしておきましょう。

一番上の「Akismet Anti-Spam」は有効化の方法が少し違うので解説します。

ワードプレス：「Akismet Anti-Spam」の有効化

Akismet Anti-Spamの有効化の方法です。

「有効化」を押します。

「Akismet アカウントを設定」を押します。

「Get Personal」を押します。

「\4500」を左にスライドさせて「\0」にします。

個人情報を入力し、３つのボックスにチェックを入れます。

メールにコードが届きますので、コピーして貼り付けます。

同様に、APIキーも貼り付けます。

以上で、Akismet Anti-Spamの有効化ができました。

ワードプレス：「設定」欄

「設定」欄から各種設定をしましょう。

メディア設定は上記のようにしておくと、無駄な画像データがアップロードされないのでオススメです。

パーマリンクは「投稿名」にします。

ワードプレス：ウィジェット

「外観」欄のウィジェットの設定です。

私のサイトではサイドバーは上のようにしています。

ワードプレス：ファビコン

ファビコンとはタブやブックマーク欄に表示される画像のことです。

「外観」→「カスタマイズ」→「サイト基本情報」→「サイトアイコンを選択」と進むと、ファビコンの画像が設定できます。

ワードプレスのダッシュボードのファビコンも変えたい場合は、次のようにします。

「外観」→「テーマエディター」→「テーマのための関数」と進み、以下を貼り付けます。

画像のURLをコピーすると、「http」になっていますが、ここでは「https」にする必要があります。

ワードプレス：プロフィール画像

プロフィール画像の追加をします。

右上の「プロフィールを編集」というところから設定できます。

ワードプレス：Cocoon設定

「Cocoon設定」→「Cocoon設定」と進むと、サイトのデザインなどが変えられますので、自分好みにカスタマイズしましょう。

ワードプレス：吹き出しの設定

久美子

これが「吹き出し」だよ♪

上のような吹き出しの設定をしましょう。

「Cocoon設定」→「吹き出し」→「新規追加」と進みます。

私は、上のように設定しています。

ワードプレス：マウスホバー設定

マウスカーソルが上にいくと色が変わるようにできます。

例えば、上のようにマウスカーソルをおいた所が、ピンクになっていますよね。

この設定をします。

「外観」→「テーマエディター」→「スタイルシート」と進み、以下を貼り付けます。

カラーコードはお好みで変更して下さいね。

ワードプレス：グローバルメニューの設定

グローバルメニューの設定をしましょう。

グローバルメニューとは、ヘッダー画像の下の部分のことですね。

「外観」→「メニュー」のところから設定できます。

スマホ表示のことを考慮して、メニュー数は偶数個がオススメです。

ワードプレス：グーグルアナリティクスとサーチコンソールの設定

最後に、グーグルアナリティクスとサーチコンソールの設定をしましょう。

ワードプレス：グーグルアナリティクスの設定

まずは、グーグルアナリティクスの設定からです。

「管理」を押します。

「プロパティを作成」を押します。

上記の箇所の設定をします。

ここは未記入でも大丈夫なようです。

「ウェブ」を選択します。

URLなどを記入し「ストリームを作成」を押します。

「測定ＩＤ」をコピーします。

「Cocoon設定」「Cocoon設定」「アクセス解析・認証」と進み、上記に「測定ＩＤ」を貼り付けます。

以上で、グーグルアナリティクスの設定ができました。

ワードプレス：サーチコンソールの設定

次に、サーチコンソールの設定をします。

「プロパティを追加」を押します。

「URLプレフィックス」の欄にサイトURLを入力します。

グーグルアナリティクスの設定が済んでいる場合、自動的にサーチコンソールの設定も完了します。

サーチコンソール：サイトマップの追加

サーチコンソールにサイトマップを追加します。

ワードプレスのダッシュボードから「設定」→「XML-Sitemap」と進みます。

上の方に、サイトマップのURLがあるのでコピーしておきます。

ついでに下の方にいき、「優先順位を自動的に計算しない」にチェックを入れておきましょう。

サーチコンソールの画面にいき、新しいサイトマップの追加に、上のように入力します。

グーグルアドセンスの審査

こちらの記事で詳しく説明しています。【準備中】

ワードプレスの移行方法

こちらの記事で詳しく説明しています。【準備中】

よくある間違い

wordpress.com（ワードプレスコム）と、私の言ってるwordpress（ワードプレス）は、別物です。

まとめ

以上を参考にして、ワードプレスを立ち上げてみましょう。