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

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

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

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

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

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

サーバー契約

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

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

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

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

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

次にプランを決めます。

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

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

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

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

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

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

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

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

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

ログインします。

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

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

支払い方法を選択し、決済しましょう。これでサーバー契約ができました。

ドメイン取得

次はドメイン取得です。

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

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

ドメインにしたい文字列の候補を３つほど、考えておきましょう。

では、ドメインの取得方法をご紹介します。

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

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

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

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

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

「Ｘserverアカウント」に戻り、「サーバー管理」を押します。

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

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

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

「無料独自SSLを利用する」にチェックを入れておきましょう。

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

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

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

インストールしたいドメインを選択し、

「WordPressのインストール」を押します。

ブログ名などを入力し、「インストール」を押します。ブログ名は、あとから変えられるので、暫定でいいです。

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

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

２時間ほど待ちましょう。すると、このような表示になります。

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

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

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

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

テーマのインストール

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

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

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

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

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

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

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

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

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

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

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

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

COCOON(コクーン)の有効化

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

ＳＳＬ化

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

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

ワードプレスの詳細設定

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

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

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

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

久美子

同じように入れておいたら、使いやすくておススメです！

「XML Sitemaps」はこれをインストールしています。

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

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

Akismet Anti-Spamの有効化の方法です。「有効化」を押します。

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

「Get Personal」を押します。

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

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

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

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

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

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

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

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

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

ワードプレス：「Advanced Editor Tools」のオススメ設定

「Advanced Editor Tools」とは、記事作成画面のボタン配置をカスタマイズできるプラグインです。使うボタンの入替をして、自分の使いやすいようにカスタマイズできます。

私は上のようにしていますので、まずは私と同じようにしてみてはいかがでしょうか。

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

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

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

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

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

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

ワードプレス：ダッシュボードのファビコン

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

久美子

設定が難しい場合は、無理にしなくても大丈夫です。枝葉のことなので。

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

画像のURLをコピーするには？
メディアライブラリに「新規追加」から画像をアップすると、画像のURLが発行されます。

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

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

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

ワードプレス：Cocoon設定

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

「全体」や「ヘッダー」をカスタマイズすると、サイトの雰囲気がガラッと変わります。

「サイトキーカラー」や「サイト背景色」はあなたのサイトのイメージに合ったものにするといいですね。

「サイトフォント」は私は上のようにしています。

「ヘッダーロゴ」や「ヘッダー背景画像」もサイトのコンセプトにあったものにしましょう。

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

久美子

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

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

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

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

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

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

例えば、下のように、マウスカーソルを置いたところが、ピンクになります。この設定をします。

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

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

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

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

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

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

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

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

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

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

まずは、グーグルアナリティクスを開いて下さい。

「管理」を押します。

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

下の赤枠のところを設定します。

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

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

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

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

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

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

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

次に、サーチコンソールの設定をします。「プロパティを追加」を押します。

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

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

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

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

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

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

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

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

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

こちらの記事で詳しく説明しています。

よくある間違い

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

まとめ

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