はじめに
- ワードプレスを使いWEBサイトを作成する際に最低限やるべき設定と作成までの流れのみを記載しています。個々の詳細な設定方法は記載しないので、WEBサイトを作成するにあたり詳細な設定方法が知りたい場合は詳しく解説しているサイトがたくさんあるのでそちらで確認してください。
- 情報が古くなっている可能性もあります。何か違うと思う点があれば自分で検索したほうが早いと思うので参考程度にお使いください。
- 詳しく知りたい方は以下、エックスサーバー公式サイトでの解説もあります。
WEBサイト作成手順①レンタルサーバーと契約
- エックスサーバーでサーバーのレンタル契約をする。(レンタルサーバーはエックスサーバーがおすすめ。)
- 事前にサイト名、ドメイン名を決めておく。(ドメイン名の決め方注意点)
- エックスサーバーでドメインを取得する。
- エックスサーバーのサーバーパネル>ドメイン設定からドメインを追加する。
- ドメインを追加したらサーバーパネル>WordPressからWordPress簡単インストールをする。(テーマはcocoon/無料を選択)(子テーマをインストールするを選択する。)
- ユーザー名やサイト名、パスワード、メールアドレス、ドメイン等は書いて保存しておく。
![](https://nemuru-hono.com/wp-content/uploads/2023/12/d3ae6cec69b97eb7cc1d6f1aa466db18.jpg)
![](https://nemuru-hono.com/wp-content/uploads/2023/12/e8f7d89f7ba6fcf56da43866ebcc6228.jpg)
![](https://nemuru-hono.com/wp-content/uploads/2023/12/510a2a392a194aa5b89ac666e22334ed.jpg)
WEBサイト作成手順②ログイン後、記事を投稿する前の準備、設定
![](https://nemuru-hono.com/wp-content/uploads/2023/12/619464a0cdc5df2463fd77d7373d5c96.jpg)
![](https://nemuru-hono.com/wp-content/uploads/2023/12/8a32ef3dd4ece8133f2c29eec4fd14b5.jpg)
- 自分のサイト(WordPress管理画面(ダッシュボード))にログインする。(サイトのURL末尾に/wp-login.phpを入力)
- 外観>テーマから子テーマ(Cocoon Child)を有効化する。(子テーマを利用すれば、テーマの基となる親テーマを編集せずにカスタマイズすることができる。テーマの更新などにより、カスタマイズした内容が消えてしまう心配が無くなる。)
- 「プラグイン」から使用しないプラグインは削除する。(プラグイン(拡張機能)を入れすぎるとサイトが重くなるため)
- プラグインを導入する。(使いたいプラグインを追加する)
- 「設定」から「一般」をクリック>サイトのタイトルを入力
- ユーザープロフィールからニックネームを設定する。
- サイトをブログ型にするかサイト型にするか決めておく。(はじめはブログ型がおすすめ)
- コメント欄の閉鎖=「設定」から「ディスカッション」>「新しい投稿へのコメントを許可」のチェックを外し、変更を保存をクリック(スパムの防止)
- cocoon設定>「その他」タブから日本語スラッグを半角英数字にするにチェックをいれ、変更をまとめて保存するボタンを押す。(URL文字化け防止)
- 設定>パーマリンクよりパーマリンクの構造「投稿名」にチェックを入れ、変更を保存するボタンを押す。
- Webサイトの常時SSL化を行う=エックスサーバーで無料独自SSLの申込をする。WordPress管理画面にログインし、設定>一般にある「WordPress アドレス(URL)」「サイトアドレス(URL)」の設定内容を、https通信時のURL(https://~)に変更する。エックスサーバーのサーバーパネルから.htaccess編集をクリックしてコードを入力して編集する。
- 固定ページで、「サイトマップ」、「プライバシーポリシー」、「免責事項」、「運営者情報」、「コンタクトフォーム」(問い合わせ)などを作る。
- バックアッププラグイン(BackWPup)などでバックアップ設定を行う。
- 「カテゴリの作成」(記事を一度投稿しないとカテゴリがサイトに表示されない場合がある)
- 「グローバルメニューの作成」
- 「ウィジェットの導入」(サイドバーなどにカテゴリや最新記事、人気記事、広告を表示させるのに使用)
- Google Search Consoleの設定、XMLサイトマップの送信
![](https://nemuru-hono.com/wp-content/uploads/2023/12/e626e2e0f685b817203851eeca9592b0.jpg)
*その他、cocoon設定からWEBサイトのデザインなどを自分好みにいろいろと変更することができます。(スキン、書体、文字サイズ、カラムの数、配色、ヘッダーの位置、OGP画像設定、高速化など多数)
個人的に使用しているプラグイン(拡張機能)
- Edit Author Slug
URLにユーザー名を表示させないようにして不正アクセスを未然に防ぐプラグイン - Contact Form 7
WordPressで作成したホームページ簡単に問い合わせフォームを設置するためのプラグイン - BackWPup
WordPress(ワードプレス)のバックアップを作成する。 - Two-Factor
2要素認証でログイン時のセキュリティを強化する。 - EWWW Image Optimizer
画像圧縮・最適化プラグイン。 - Category Order and Taxonomy Terms Order
カテゴリーの表示順を簡単に変更する。 - Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE
独自ブロックを追加する。 - Pochipp
Amazonや楽天市場から商品を検索してアフィリエイトリンクを管理できるプラグイン - Pochipp Assist
AmazonのPA-APIがなくても商品検索が可能になる、ポチップ専用のプラグインです。(このプラグイン利用するためには、ポチップ本体が必須) - Conditionally display featured image on singular posts and pages
記事内でのアイキャッチ画像の表示、非表示を簡単に選択できるようにする。 - XML Sitemap Generator for Google
sitemap.xmlを自動生成・更新する。(サイトマップとは、サイト全体の地図のようなもの。検索エンジン用に作る「XMLサイトマップ」と、ユーザー向けに用意する「HTMLサイトマップ」がある。 - PuSHPress
インデックスを促進 - WP Multibyte Patch
文字化け防止
その他、よく使用するツール
- Google Search Console
Google検索でのサイトのインプレッション数、クリック数、掲載順位を分析。URL検査ツールを使用し、各ページのクロール、インデックス登録、検索結果に関する詳細情報を Google インデックスから直接入手できます。XMLサイトマップの登録も行う。 - Google Analytics
Google アナリティクスは、サイトにどんな人が訪れているのかといった「属性データ」や、サイト内でどんなページを見ているのかといった「行動データ」を分析して、サイト改善へと繋げることができるアクセス解析ツール。 - Canva(キャンバ)
無料で使えるグラフィックデザインツール。アイキャッチ画像の作成や画像の編集に使用。 - PageSpeed Insights
ウェブページの読み込み時間の測定。(SEO対策)
記事を投稿する前に知っておくと良いこと。注意すること。
- 「エックスサーバー」やテーマ「cocoon」をおすすめする理由=多くの人が利用しているので、分からない事を調べる際に情報が出てきやすく便利。
- 「SEOタイトル」、「キーワードの選定」、「記事タイトルのつけ方」、「見出しの書き方」、「メタディスクリプションの入力について」、「投稿した記事のURLのインデックス登録方法」、「適切な画像サイズ」、を覚えておく。
- パソコンでの表示とモバイル(スマホ)での表示の違いをチェックすること。(スタイルが崩れていないか)
- 分からない単語が出てきたら調べること。設定などを変更した場合は変更した箇所を記録しておくこと。サイトを初めて作る際も、作る際にやった事(手順)を紙に書いておくと2つ目、3つ目のサイトを追加で作る時に便利です。