MENU
  • プロフィールprofile
  • サービスService
    • WordPress個人レッスン
    • 起業女性に寄りそうWEBお悩み相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact

    カテゴリー

    • ホームページ個別レッスン
    • Web・SNS集客
    • Web系プログラミング
    • WordPressプログラミング
    • フリーランスの小技
    • Web活用相談
    • はじめてのWordPress
    • アメブロカスタマイズ
    • ホームページ制作
    • 自分で作れるおしゃれデザイン
    • アイデア・思考の整理

    タグ

    Adobe IllustratorGatsby.jsgitGitHubHTML/CSSMySQLNode.jsPythonSourcetreeSWELLWordPressおすすめWPプラグインおすすめツールアメブロエックスサーバーサーチコンソールセキュリティバレットジャーナルライブドアブログ環境構築確定申告開発環境

    アーカイブ

    • 2025年3月
    • 2025年1月
    • 2024年12月
    • 2024年3月
    • 2023年7月
    • 2023年1月
    • 2022年12月
    • 2022年11月
    • 2022年8月
    • 2022年4月
    • 2022年3月
    • 2022年2月
    • 2022年1月
    • 2021年12月
    • 2021年11月
    • 2021年10月
    • 2021年9月
    • 2021年8月
    • 2020年10月
    • 2020年8月
    • 2020年7月
    • 2020年6月
    • 2020年5月
    • 2020年4月
    • 2020年3月
    • 2020年1月
    • 2019年11月
    • 2019年9月
    • 2019年8月
    • 2019年5月
    • 2019年2月
    • 2019年1月
    • 2018年11月
    • 2018年9月
    • 2018年8月
    • 2018年7月
    • 2018年6月
    • 2017年10月
    • 2017年9月
    • 2017年7月
    個人事業主・女性起業家のためのWordPress・HP・ブログレッスン
    自分で作れる優しいホームページレッスン
    • プロフィールprofile
    • サービスService
      • WordPress個人レッスン
      • 起業女性に寄りそうWEBお悩み相談
    • 実績・お客さまの声portfolio
    • ブログblog
    • お問合せcontact
    自分で作れる優しいホームページレッスン
    • プロフィールprofile
    • サービスService
      • WordPress個人レッスン
      • 起業女性に寄りそうWEBお悩み相談
    • 実績・お客さまの声portfolio
    • ブログblog
    • お問合せcontact
    1. ホーム
    2. はじめてのWordPress
    3. エックスサーバーで始めるWordPressブログの作り方

    エックスサーバーで始めるWordPressブログの作り方

    2022 8/27
    はじめてのWordPress
    2018-11-082022-08-27

    今回は、WordPressでブログを作るための手順を解説します。

    この記事でわかること
    • WordPressでホームページ・ブログを開設するために必要な作業を一つ一つ解説します
    • エックスサーバーの簡単にインストール機能を使い、約30分でWordPressサイトをセットアップします
    • インストール後に必要な初期設定を解説します
    Emi

    WordPressをこれからはじめる方のスタートガイドにどうぞ!

    目次

    WordPressでブログ・ホームページを始める流れ

    まずは、全体の流れをお伝えしますね。

    WordPressを始める手順
    1. サーバー・ドメインを取得し、WordPressをインストールする
    2. WordPressの管理画面にログインする
    3. WordPressの初期設定をする
    4. 開設したホームページ・ブログを育てていく

    WordPressを始めるための基礎知識については、こちらの記事にまとめました。

    • そもそも、WordPressとは?
    • WordPressでWebサイトを運営していくために、必要なもの

    WordPressの基本を知りたいかたはぜひお読みくださいね。

    あわせて読みたい
    WordPressとは?私が知らずに失敗したこと 私は、4年前からWordPressでサイトを作り、それから今でも運営を続けています。 初めてWordPressをさわったときには色々わからないことも多かったので、自分なりに調べ…

    ①サーバー・ドメインを取得し、WordPressをインストールする

    まずはサーバー・ドメインと契約して、WordPressをインストールしていきます。

    具体的な全部で5ステップ。

    具体的な作業
    1. サーバーを取得する
    2. ドメインを取得する
    3. サーバーとドメインを紐付ける
    4. SSLを設定する
    5. WordPressをインストールする

    サーバー・ドメイン契約〜WordPressインストールまでの流れは別記事にまとめました。

    あわせて読みたい
    エックスサーバーにWordPressをインストールする この記事では、エックスサーバーでWordPressをインストールする手順を説明します。 この記事はこんな方におすすめ エックスサーバーのX10プラン(月額約1000円)を使っ…

    ② WordPressの管理画面にログインする

    WordPressは管理画面から、記事の投稿やページの編集などの操作を行うことができます。

    WordPress管理画面へのログイン方法

    管理画面のログインページのURLにアクセスします。

    ログインページのURLは「https://サイトをインストールしたURL/wp-login.php」です。

    WordPress のインストール時に指定した

    • ユーザー名またはメールアドレス
    • パスワード

    を入力して「ログイン」ボタンをクリックします。

    WordPressの管理画面の見方

    管理画面を開くと、このようにダッシュボードが開かれます。

    更新WordPressのソフトウェア、テーマ、プラグインをアップデートする
    投稿ブログ記事を投稿/編集する
    メディアページに掲載した写真や画像を管理する
    固定ページ固定ページを投稿/編集する
    コメントコメントを管理する
    外観・テーマ:テーマをインストールしたり、変更できる
    ・カスタマイズ:テーマ内のデザインの設定ができる(使うテーマによって設定内容が変わります)
    ・メニュー:メニューの項目を追加したり、並び替えができます。
    ・ウィジット:サイドバーなどブログの決まった場所に、表示できる機能です。
    プラグインプラグインのインストール/設定を行う
    ツール記事データのエクスポート、追加したプラグインの機能を利用する
    設定WordPressの基本設定を行う

    ③ WordPressの初期設定

    WordPressにはいろいろな設定項目がありますが、インストールしたら、必ずやってほしい設定項目を説明します。

    最低限やっておきたい初期設定
    1. 【一般設定】サイトの基本情報を設定する
    2. 【ディスカッション設定】コメント欄を閉じる
    3. 【パーマリンク】パーマリンクを投稿名に設定する
    4. 初期投稿を削除する
    5. 【ウィジット】メタ情報を削除する
    6. 基本プラグインを設定する

    【一般設定】サイトの基本情報

    設定>一般設定

    サイトの基本情報を入力します。

    一般設定
    【一般設定】
    設定項目設定すること
    サイトのタイトルホームページ・ブログの名前
    キャッチフレーズホームページ・ブログの説明。Google検索された時の説明欄に表示されます。
    WordPressアドレス(URL)WordPressをインストールした場所。
    SSLに対応したら、「http://」→「https://」に変更する。
    サイトアドレス(URL)ホームページ・ブログのURL。
    SSLに対応したら、「http://」→「https://」に変更する。
    一般設定で設定する内容

    入力できたら、忘れずに、「変更を保存」ボタンをクリックします。

    【ディスカッション設定】コメント機能をOFF

    WordPressの初期設定では、コメントを受け付ける設定になっています。
    コメント機能を使う場合には、そのままでOKです。

    ホームページやブログの運営方針によっては、コメント欄を閉じたい場合もあると思います。

    コメント機能をOFFにするには、ディスカッション設定にうつります。

    設定>ディスカッション

    コメントを受け付けない場合には、「新しい投稿へのコメントを許可する」のチェックを外します。

    デフォルトの投稿設定の下記2つもチェックをOFFにしておきましょう。
    ・投稿中からリンクしたすべてのブログへの通知を試みる
    ・新しい投稿に対し他のブログからの通知 (ピンバック・トラックバック) を受け付ける

    入力できたら、「変更を保存」ボタンをクリックします。

    【パーマリンク】パーマリンクの設定

    設定>パーマリンク設定

    パーマリンクとは記事ごとに設定できるURLのことです。

    SEO対策を意識するなら、「投稿名」にしましょう。
    投稿名を指定すると、記事のURLの最後(https://0-forest.com/〇〇〇の〇〇〇の部分)を自分で決めれるようになります。

    自分でいちいち記事URLを決めなくていい場合は、「数字ベース」がおすすめです。
    自動で採番される記事番号がURLになります。

    注意点として、このルールが全記事のURLに反映されます。

    あとからパーマリンク設定を変更すると、それまで作成した記事のURLも変わってしまいます。

    パーマリンクの設定はインストール直後に行う様にしましょう。

    あわせて読みたい
    【初心者向け】WordPressのパーマリンク設定について解説します SEOを気にしてブログ運営をしていく方に知っておいていただきたいのが「パーマリンク」です。 この記事では、WordPressでのパーマリンクの設定方法とポイントをご紹介し…

    初期投稿を削除する

    投稿>投稿一覧

    WordPressにはインストール時にサンプル記事が入っています。

    実際のサイトには必要ないので、削除しましょう。

    メニューの投稿 > 投稿一覧を開いて、一覧にある”Hello world!”という記事を削除します。

    メタ情報を削除する

    管理画面>外観>ウィジット

    初期設定では、ホームページ上に「メタ情報」という、管理者情報(管理画面へのURLやWordPressの公式URLなど)が表示されていることがあります。

    メタ情報は管理画面のURLなども入っているので、ユーザーには見えないように消しておきましょう。

    メニューの外観>ウィジットから、「メタ情報」をウィジットエリアから外してください。(メタ情報をつかんで、ウィジットエリアの外にもっていくと外すことができます。)

    ウィジットを設定
    ウィジット

    ※メタ情報が入っている場所は使用テーマによって異なります。

    プラグインを導入する

    続いて、プラグインを使って、ホームページ、ブログに必要な機能を追加していきます。

    管理画面>プラグイン

    メニュー>プラグインからプラグインの設定画面を開きます。

    プラグインの追加

    必須プラグイン

    下記の2つは必ず入れておいて方がいいプラグインです。

    Category Order and Taxonomy Terms Orderカテゴリーの順番を入れ替えられるようにしてくれる。
    有効化すると、管理画面の投稿 > Taxonomy Orderから順序入れ替えができる。
    WP Multibyte PatchWordPressを日本語環境で動作させるときの不具合を解決してくれる。

    不要なプラグイン

    インストール時「Hello Dolly」というプラグインが入っていたら、不要なので削除してください。

    他にも様々なプラグインがあります。お好みで機能を追加していきましょう。

    あわせて読みたい
    おすすめWordPressプラグインを目的別にまとめました WordPressにはいろんなプラグインがあって、どれを使ったらいいのか迷ってしまうことありませんか? 私がWordPressでサイトを作るときによく使うプラグインを一覧化しま…
    Emi

    お疲れ様でした!これでWordPressで初期設定が完了!
    サイトを開設できました。

    ④ 開設したホームページ・ブログを育てていく

    さぁ、ここからは、自由にホームページ・ブログを作っていく段階です。

    テーマ・デザインを変える

    WordPressにはさまざまなテーマが用意されていて、デザインを変えることができます。

    おすすめWordPressテーマ

    まずは、無料でお手軽に始めたい方はCocoonがおすすめ。シンプルなデザインで機能が豊富です♪

    私はSWELLという有料テーマでブログを作っています。

    テーマのインストール

    テーマはZIPファイルにて配布されていることが多いです。
    購入すると、メールにてテーマファイルのダウンロードURLが送られてきます。

    テーマのZIPファイルをダウンロードしたら、外観>テーマから、テーマの設定画面にいきます。

    外観 > テーマ

    テーマ画面の上の方にある新規追加をクリック

    WordPressテーマのインストール手順

    ●WordPressのテーマライブラリに入っているテーマの場合

    テーマ名を検索して「インストール」ボタンを押す

    WordPressテーマのインストール手順

    ●ZIPファイルで配布されているテーマの場合

    有料テーマなどは、ライブラリにはなく、ZIPファイルで提供されていることもあります。

    テーマ>新規追加から、画面の上にある、「テーマのアップロード」を押します。

    WordPressテーマのインストール手順

    あらかじめ、テーマのZIPファイルをPC上に保存しておきます。

    ファイルを選択からテーマのZIPファイルを選択して、「今すぐインストール」をクリックします。

    テーマの有効化

    インストールできたら、有効化ボタンをクリックしましょう。

    テーマのデザインを調整するには

    外観>カスタマイズから、色やレイアウトなど、テーマ内の細かいカスタマイズができます。

    テーマによって、デザインを変更できる部分が変わってきますので、詳しくは各テーマの公式HPをご覧ください。

    コンテンツを作成する

    WordPressのコンテンツには投稿と、固定ページの2種類あります。

    • 投稿:ブログ記事
    • 固定ページ:プロフィール、お問い合わせなど

    作りたいコンテンツの内容におうじて、投稿と固定ページを使い分けていきます。

    投稿と固定ページの使い分け

    投稿と固定ページの違い
    新しい記事の作成
    投稿と固定ページは管理画面でのメニューも別になります
     投稿固定ページ
    特徴
    • 記事を公開すると、トップページに時系列で表示される
    • カテゴリやタグを設定して、記事を分類できる
    • 作成日/更新日を表示させて、記事の鮮度を見せることもある
    • ページの親子関係を持つことができる
    • 公開するだけでは、トップページに表示されない。メニューやサイドバーへの設定が必要。
    こんなページにおすすめ
    • 日記
    • ブログ記事
    • こまめにアップデートして最新情報を掲載する記事
    • プロフィールページ
    • ホームページの説明ページ(サイトポリシー、サイトマップ)
    • 商品・サービスの紹介、ランディングページ
    • お問合わせ、お申込みページ

    グローバルメニューを設定する

    固定ページを作成した場合、そのままではホームページには表示されません。

    管理画面>外観>メニューからコンテンツをメニューに追加しましょう。

    メニューを設定

    まず、左側の【固定ページ、投稿、カスタムリンク、カテゴリー】からメニューに載せたい項目を選んで、メニューに追加ボタンをクリックします。

    右側の【メニュー構造】で、メニューの順番や、入れ替えます。
    一段下げると、親子構造を作ることができます。

    最後に、右下の【メニューの位置】でメニューを表示させたい箇所にチェックを入れます。

    設定できたら右下にある「メニューを保存」をクリックしましょう。

    分析ツールを入れる

    ホームページを公開したら、どの記事がよく読まれているかなどアクセス情報が気になりますよね。

    Googleがアクセス解析ツールを提供しており、Gmailアカウントがあれば無料で利用することができます。

    • Google Search Console
    • Google Analytics
    Google Search ConsoleとGA

    Google Search Consoleは、各記事がどのようなキーワードで検索されているか、Google検索結果の表示順位、どれくらいクリックされているかを確認できます。

    Google Analyticsではブログ内のどんなページがよく見られているか、ブログ内でユーザーがどんな動きをしたかを見ていくことができます。

    実際には、設置後、1~3ヶ月ほどのデータがたまらないと、有効な分析にはなりません。
    ホームページを分析して改善に繋げていきたい場合は、早めに導入しておくといいでしょう。

    まとめ

    1. WordPressを始めるための基礎知識(読み飛ばしOK)
    2. サーバー・ドメインを取得し、WordPressをインストールする
    3. WordPressの管理画面にログインする
    4. WordPressの初期設定をする
    5. 開設したホームページ・ブログを育てていく

    以上、WordPressでのブログの作り方を説明してきました。
    趣味を語るもよし。ビジネスの土台にもよし。
    HPやブログを活用して、自分の世界観をWeb上に表現してみてくださいね。

    Emi

    素敵なWordPressライフを✨

    はじめてのWordPress
    WordPress
    よかったらシェアしてね!
    中谷恵美
    あなたのお仕事を育てるホームページの先生
    システムエンジニア、ITコンサルタントを経て、フリーランスに。

    ・ホームページ作成
    ・ブログのカスタマイズ
    ・LINEやメルマガのセットアップ
    ・Canvaを使ったデザインの作り方
    ・Googleの分析ツール
    ・自分の強みを生かした集客
    などの、個人レッスンをしています。

    「仕事の発信に使えるようになりたい」
    「自分でも使えるスキルを身につけたい」
    ITが苦手な個人事業主さんに向けて、困ったときのWEB担当として幅広くサポートしています。

    HP作成のほかにも、心理カウンセラーとしても活動中。

    趣味は、文房具集め、ゲーム(牧場系とモンハン)、手芸(刺繍、洋裁)。
    運動が苦手で体が硬いのが悩み。今年、腰痛改善にジムに通い始めたが、果たして続くのか。。。
    詳しいプロフィールを見る
    活動実績

    【HP個人レッスン】

    ●ハワイアン伝統ロミロミサロン・Aさま
    ・2ヶ月でサロンのHPをリニューアル。新サービス立上げ時も自分でHPを作成できるように。
    「最初はパソコン音痴の私にできるか不安でしたが、とても丁寧な指導でわかりやすかったです。
    私好みの素敵なHPができあがり、とっても嬉しいです!」

    ●Mさま
    ・2回のミーティングでWordPress運営スキルを習得。オウンメディアを立上げ。

    ●Sさま
    ・5日間で無料ブログからWordPressへのお引越し。
    「半ば諦めかけていた移管を短期間で終えることが出来ました」

    【ホームページ作成】

    ●これまでご依頼いただいたお客さま
    (個人)写真家・美容サロン・弁護士・デザイナー・心理カウンセラー・占い師

    (法人)メーカー代理販売店、コンサルティング企業、人事支援企業

    【経歴・資格など】
    ・基本情報技術者
    ・簿記2級

    【営業時間】平日:10:00~19:00
    【休業日】土、日、祝、年末年始

    新着記事
    • 【お客様の声】ゴールが明確になり、とても安心できました
      2025-03-13
      Web・SNS集客
    • 【お客様の声】WordPressには自由度の高さを感じます
      2025-01-21
      ホームページ個別レッスン
    • WordPressに記事を一括アップロードするには
      2024-12-05
      はじめてのWordPress
    • 【お客様の声】等身大のちょっと先を提案してもらえた
      2024-03-08
      ホームページ個別レッスン
    • 【お客様の声】寄り添ってもらえたっていうのが一番心強かった
      2023-07-21
      ホームページ個別レッスン
    人気記事
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
      2018-09-13
      WordPressプログラミング
    • 【Mac】SourcetreeからGitHubへSSH接続する
      2021-08-05
      Web系プログラミング
    • 【CSS】シンプルで女性らしい囲み枠デザイン48選
      2018-08-24
      アメブロカスタマイズ
    • 自分でできる。アメブロのおしゃれなカスタマイズまとめ
      2022-11-04
      アメブロカスタマイズ
    • Node.js+ExpressでMySQLに接続して一覧表示する
      2020-04-25
      Web系プログラミング
    目次