MENU
まるか
筆者
20年以上フリーランスでグラフィックデザイナー兼ディレクターをやっています。
出版|広報|WEBディレクション
2023年8月開設。これから記事を増やしていきます!  ■■■ 届けフリーランスのクリエイターへ ■■■

【画像解説】エックスサーバーにWordPressをインストール

エックスサーバーにWordPressをインストール|アイキャッチ

WordPressをサーバーに
インストールってどういうこと?

著者も最初は意味不明でした。
いちど行えば簡単なことなので、
さくっと挑戦してみましょう!

エックスサーバーの場合を
画像で解説しますので、
同じようにやればOKです。

WordPressの概要については
こちらの記事で解説しています。

読みたい記事にとべる目次

サーバーパネルに入る

エックスサーバーを契約したら、
サーバーパネルに入りましょう。

ログインのしかた1|エックスサーバー
エックスサーバー トップページ
エックスサーバー

ログインボタンをクリック

プルダウンメニューの
>サーパーパネルをクリック

ログインのしかた2|エックスサーバー
ログイン画面

サーバーパネル ログイン画面で
アカウントID(またはメアド)と
パスワードを入力

ログインするをクリック

ログインのしかた3|エックスサーバー
サーバーの選択

該当のサーバーの
選択するボタンをクリック

サーバーパネル|エックスサーバー
サーバーパネル

サーバーパネルに入れました!

事前準備|独自ドメインの登録(エックスサーバー)

WordPressのインストールの前に
ドメイン登録の必要があります。

すでに独自ドメインを取得している場合と、
これからエックスサーバーの
無料ドメイン特典で取得する場合を解説します。

すでに持っている独自ドメインを登録する場合

ムームードメインや
お名前.comなどのサービスで
独自ドメインを取得している場合は
サーバーパネルから始めます。

ドメイン設定|サーバーパネル|エックスサーバー
ドメイン設定の場所|サーバーパネル

ドメインカテゴリの
>ドメイン設定をクリック

ドメイン追加
ドメイン追加

ドメイン設定画面にある
ドメイン設定追加タグをクリック

持っている独自ドメイン名を入力

確認画面へ進むをクリック

確認画面で
登録をして終わりです!

特典でドメインを取得する場合

まだ独自ドメインを持っていない場合で、
諸条件が合い適用できれば、
独自ドメイン永久無料特典から
取得し登録することも可能です。

ちなみに、この無料特典には
すでに持っている独自ドメインを
移管させることもできます。

諸条件が合えばぜひ利用しましょう!

独自ドメイン永久無料特典|サーバーパネル
独自ドメイン永久無料特典 申し込み

アカウントメニューの
各種特典お申し込みをクリック

独自ドメイン永久無料特典の
この特典を使用するボタンをクリック

次の画面で、
希望のドメイン名を検索する必要があります。
うまく空いていたら取得可能で、
そのまま無料特典に適用されます。

〈独自ドメイン永久無料特典の詳細〉

新規・移管ともに特典の申請のしかた詳細が載っています。

WordPress簡単インストールを行う

サーバーパネルに入って、
WordPressをインストールします。

WP簡単インストール|サーバーパネル
WordPress簡単インストールの場所|サーバーパネル

サーバーパネルの
WordPressメニューから
>WordPress簡単インストールをクリック

ドメインの選択|サーバーパネル
ドメインの選択 WordPress簡単インストール

ドメイン選択画面から
先に登録をしておいたドメイン名を選択する

WordPressインストール設定画面|サーバーパネル
設定画面 WordPress簡単インストール

WordPress簡単インストール画面の
WordPressインストールタグをクリック

サイトURL:ドメイン名
ブログ名:好きなブログタイトル
(あとからWPで変更可能)

WordPressを使う際のログイン情報を決める
ユーザー名、パスワード、メールアドレスを入力
(通知やログイン、パスワードのリセットなどで使用)

キャッシュ自動削除:ONにするでOK!
(キャッシュが蓄積して動きが遅くならないよう自動で削除してくれる設定)

データーベース:自動でデータベースを生成するでOK!

テーマ:好きなものを選択
(ここにないテーマはあとでWPでインストールします)

確認画面へ進むボタンをクリック

まるか

ここで設定したログイン情報は、
必ず記録しておいてください!
スクショでもOKなので必ず。

確認画面で問題がなければ
インストールするボタンをクリック。

画面が切り替わって
「WordPressのインストールが完了しました」
と表示されたらOK!

WordPress簡単インストール』が使える

WordPressのダッシュボードにログインする

エックスサーバーの設定が終わったので、
次はWordPressのダッシュボードに
ログインしてみましょう!

ダッシュボードとは
ログイン後にデフォルトで表示される
管理画面のことです。
このなかでサイトを作ります。

インストール済みWordPress一覧|サーバーパネル
インストール済みWordPress一覧画面 サーバーパネル

サーバーパネルの
WordPress簡単インストール画面の
インストール済みWordPress一覧タグをクリック

管理画面URL:
あなたのWordPressのログインURLです

リンクをクリックしましょう!

WordPressログイン画面
WordPressログイン画面

リンク先があなたの
WordPressログイン画面

ブックマークしておきましょう!

エックスサーバーの
WordPress簡単インストールで設定した
ユーザー名(設定したメアドでも可)と
パスワードを入力
ログインボタンをクリック

WPのダッシュボード
WordPressダッシュボード(管理画面)

WordPressのダッシュボードに
入れました!

WordPressテーマをアップロード、有効化する

WordPressを使えるようにするためには
あとひと息!
次はテーマを選んでインストールします。

さきほどのダッシュボードを見てみましょう。
*WordPressにログインした最初の画面がダッシュボードです。

エックスサーバーの
簡単インストールで選んだテーマが
すでに入っています。

それを使ってもよいのですが、
ここでは、有料のSWELL
というテーマを例に解説します。

テーマについては
ホームページの作りかた5【ワードプレス編】
を参考にしていただけると嬉しいです。

テーマを新規追加
テーマを新規追加

ダッシュボードの
外観テーマを開く

新規追加ボタンか
新しいテーマを追加ををクリック
(例ではswell.zipと子テーマswell-child.zip)

テーマのアップロード
テーマのアップロード

テーマを追加画面で
テーマのアップロードボタンをクリック

ファイルを選択
ファイルを選択

ファイルを選択ボタンをクリック

SWLLのZipファイル
SWLLのZipファイル

swell、swell_childのzipファイル
それぞれ選択してインストールしていく

*解凍せずにzipのままですよ!

インストールの完了
インストールの完了

しばらく待って
「テーマのインストールが完了しました。」
が表示されたらOK

2ファイルとも完了したら
テーマページへ移動する

SWELLが追加された画面
SWELLが追加された

テーマ画面をに
SWELL
SWELL CHILD
追加されています!

CHILDを有効化
SWELL_CHILD(子テーマ)を有効化

SWELL CHILDのうえに
ポインタを移動すると
有効化ボタンが表示されるので
クリックして有効化する

まるか

これでWordPressが
使えるようになりました!
やったー!

カスタマイズは
必ずCHILD(子テーマ)で行います。

インストールをしたSWELLの
2ファイル以外は削除してOKです。
(むしろ余計なテーマは削除することを推奨されています)

シンプルでわかりやすい!初心者にもおすすめ

さいごに

この記事で紹介した
・WordPressのインストールのしかた
ではエックスサーバーを例に解説しました。

レンタルサーバーを検討されるなら、
こちらの記事も参考にしていただけますと嬉しいです。

サーバー会社3社を例に、
フリーランスデザイナーには、
どのプラン』がよいのか
著者の経験からおすすめを紹介しています。

よかったらシェアしてね!
  • URLをコピーしました!
読みたい記事にとべる目次