xサーバーに乗り換えた時の特典で、
ドメイン永久無料だったので、この度新しいブログを作りましたので
できる限り手順を記録します。
私の場合、今の読んでいただいているこのブログは
無料ブログから引越し後にワードプレスにしたので、
全く新規でWordPressを作るのは初めてです。
私にとって、このブログの引越し時にサーバー移行が大変だったので
新規Word Press立ち上げが、簡単に感じています。
それでもスタンダードにやっておくべき事はそれなりにありますので、
もれなくやって楽しい新ブログライフを送りましょう。
分かったことがあれば随時追記更新します。
＜PR＞
レンタルサーバー エックスサーバー
ドメイン登録
Xサーバーを申し込む時に、特典としてドメイン永久無料が付いてきましたが、
自分で登録しないとドメインを貰えません。
Xserverアカウントのお知らせからキャンペーンの登録画面に行き、
登録しました。
ドメインのドット〜の部分について、今後サーバーを変える予定はありませんが、
念のため変更しても更新料が安く済もので、今後のブログに合うものを選びました。
XServerを使っている間はずっと無料の特典でした。
完了画面の情報は大事なので、メモして置きました💡
SSL化
今度はXサーバーパネルにログインして、
スクロールして画面を下に行って
ドメインードメイン設定 → ドメイン設定追加タブをクリック →ドメイン名を入力すると、
無料独自SSLを利用する（推奨）にチェックが入っている
ので、そのまま手順通り進んで簡単にできたと最初は思っていたのですが・・
（追加したドメイン名が利用可能になるまで、最大で1時間かかると書かれています。）
新しく立ち上げたブログ名＋/wp-adminを確認したらhttpで、
https://になってなくて、安全ではありませんの文字が出てしまっているんですね。
上記のXserverレンタルサーバーサイトを調べたところ、
Webサイトの常時SSL化にするには、.htaccess編集に追記する必要があるので
HPの通り３行追記しました。
（⚠️.htaccessは大変重要なものですので、私はメモ帳にコピぺしてから実行しました。）
サーバーパネル ログイン → .htaccess編集をクリック → .htaccess編集タブ→
先程の文字を追記 実行する → .htaccessが完了しました。
もう一度私のHPを開いてみると、https（SSL化）に見事変更できました／
まだ公開していないので、タイトルだけで下にNotFoundと出ていますが問題ありません。
【ネームサーバー】
エックスサーバーアカウントから新しいドメインを登録した時に、流れの中で
Xサーバーのネームサーバーが選択されていたと思ったのですが、念のため、
ネームサーバーをxアカウントのドメインの右端：（実際には3個点）をクリックして
ネームサーバー設定を確認したら、Xサーバーのものになっていました○
WordPress簡単インストール
Xserver サーバーパネル → WordPressのWordPress簡単インストール
→ ドメイン選択画面 選択する →
最初は簡単ワードプレス画面に何も出てこなくて設定できませんでした。
前にブログの引っ越しをした時に
Word Press簡単インストールを選ばなかったからかと思いましたが、
下記のワードプレスのHPよりインストールしてみました。
こちらのHPより、ワードプレスは無料で高機能なサイトやブログ、アプリを作ることができるのですね。
その後、もう一度Xサーバーパネルの先程のWordPress簡単インストールをみたら
設定できる画面になりましたので、
下にスクロール WordPressを入手
WordPressサーバーパネルからWordPress簡単インストール →
Word Pressインストールをのタブをクリック →
ここで、ファイルに上書きされると見て不安になりました。
私のパソコンのダウンロードの所にインストールされたwordpressファイルがあるのですが、
それが前からあるものなのか（引っ越しした時に作ったワードプレスファイルなのか）分からず、
上書きして大丈夫なのか不安に思いましたが、
一応バックアップをとってから、インストールしました。
この作業をしたからかは分かりませんが、
無事できました！両方確認取れました。
【サイト公開の準備】
エックスサーバーから独自ドメインの設定が完了して、紐付けもされていましたので、
ここからサイト公開に向けて準備します。
WordPressにログイン
ワードプレスにログインします。
完了画面の管理画面URLより または 自分のアドレス＋/wp-admin/
→ ID PWログイン
ブロックエディターにようこそ→ ✖️で閉じる
私はクラシックエディターの方が使いやすいので変更しました。
→ 今はクラシックエディターのプラグインを入れる必要がありす！
投稿画面でHello world! が勝手に投稿されているので削除
テーマのインストール
cocoon のテンプレートを入れる
好きなテーマを入れましょう。
私の場合は、一度パソコンにダウンロードをしてあるので、
ワードプレスダッシュボード → 外観 → テーマエディター → 新規追加
→ テーマのアップロード →コクーンのZIPファイルをアップロード（cocoon-master.zip)を
アップロード
もう一度 新規追加 から同じことを繰り返し、cocoon-childmaster.zipを今すぐダウンロード
必ず親子テーマ両方をインストールする必要がありますが、
有効化は一つしか出来ないので、Cocoon-child（子テーマ）の方を有効化します。
（2021/6/23追記：私は間違ってコクーンの親の方を有効化して使ってしまっていましたので、コクーンの親テーマに加えたカスタマイズを子テーマに移行しました。必要があればご覧ください。）
まだの方はこのページよりcocoonのワードプレスの無料テーマをダウンロードできます。
ワードプレスのダッシュボードにCocoon設定ができて、テンプレートが変わったのを確認できます。
正式公開前なので、
ダッシュボード → 設定 → 表示設定 → 検索エンジンがサイトをインデックスしないに
チェックします。
追記：親テーマ・子テーマと一つ元から入っていたテーマを残して、不要なテーマは削除しました。
パーマリンクの設定
私の場合、新しい方のブログのパーマリンをを
設定 → パーマリンク設定 → 構造にチェック →/%post_id%/
と入れて変更を保存しました。
記事を書くごとに、気づいた時は自分で変更しています。
（現在は、パーマリンクを投稿名にしました。理由は下記の追記にあります。🪴）
例えばこの記事であれば、wordpress2komeのように。
投稿名にするか迷ったのですが、変更しなければ投稿名で使用した
日本語で出てしまった記憶があるので、辞めました。
日本語が含まれていると、cocoonの場合、ブログカードが反映されなかったり
文字化けする可能性があると思ったからです。
短い方が良いようです。
パーマリンクは好き好きですが、後で変更できないので（できるけどやると大変なことになる）
最初の設定がかなり大事です。
2022年4月追記：バグかもしれませんが、投稿画面で、パーマリンクの編集画面が出なくてパーマリンクの変更ができなかったので投稿名に変更してみて見たらようやく投稿画面にパーマリンクの横に編集ボタンが現れ、クイック編集のスラッグで設定したパーマリンクが出来ました！
ですので、新しいブログのパーマリンクは、投稿名にしてあります。
ブロックエディター → クラシックエディターに変更
cocoon設定 → エディタ（タブ フル画面だと真ん中一番下）
Gutenbergエディターを有効にするのチェックを外す
→ 変更をまとめて保存 完成／
2022/3/12 追記 ：こちらのブログは上の作業だけでClassic Editor画面になっていますが、新しく作ったブログはClassic Editorプラグインを使用しないと使えませんでした。無料でClassic Editorプラグインをインストールして有効化するだけです！
直感的にブロックエディターが苦なく使える人は変更なしで大丈夫です！
クラシックエディターは2021年末までと言われていましたが、2022年末まで延長予定、またその後もプラグイン等で使える可能性も出てきたという記事を読みましたので期待しています。
既にプラグインが出来ているのでこのままずっと使えたらいいなと思います。
メディアの設定
設定 → メディア
こちらも自分好みで良いと思いますが、一先ず
こちらに変更しました。
サムネイルのサイズ 幅240 高さ240
中サイズ 幅の上限 480 高さの上限 480
大サイズ 幅の上限 680 高さの上限 680
変更を保存／
固定ページ・運営者情報・お問い合わせ
サンプルページが公開になっているのでゴミ箱へ。
プライバシーポリシーが下書きになっていて、設定できます。
今の所、私はそのままにしています。
設定する場合は、パーマリンクをわかりやすく変更したり、広告を除外するのが
良いかと思います。
運営者情報も同じく設定できます。
お問い合わせもここから、後で設定しようと思っています。
追記：こちらのブログですが、お問い合わせ欄ができました。
参考になれば嬉しいです♪
404ページ
404ページはコクーンだと、ヘッダーとサイドバーはそのまま使用できるので、
私は特に変更してません。
coccon設定 → 404ページからどのように表示されるか確認、変更できます。
Whois情報設定
ふとWhois情報公開の設定ができているか気になって確認しました。
（今使っているアドレスはお名前.comで取得したもので設定
今回はXサーバーの特典で取得したもの）
上記のサイトのWhois情報編集方法の手順に沿って
Sserverアカウントへログイン→ Whois情報設定（初期設定）
→有効 弊社(Xserver Inc.)名義で代理公開する
になっていたので安心しました。
「Whois情報設定」における登録についての所で下記サイトより引用します。
〜省略〜
Whois情報について当社名義による代理情報での公開有無を問わず、ご本人名義の「ドメイン登録者・管理者情報」（Registrant Contact / Admin Contact）を登録する必要があります。
とあるので、設定変更より個人情報を登録することにしました。
なお、下記のサイトも参考にさせて頂き、
.jp / .都道府県.jp ドメインについては、Whois情報の非表示がレジストリより許可されています。
とのことですので、省略しました。
ここから、自分のサイトを入力すると、どのように公開されているか見ることができます。
プロフィール写真の変更 Gravatarなしプラグインもなしでできます！
2022/3/10 追記：新サイトの方を使うことにしたので、残りを編集しています。
自分のブログアドレス/wp-admin/ からダッシュボードのあるワードプレスの画面に入ります。
プロフィールを変更できる場所は2つあります。
①右上の写真のサムネイル ＜ プロフィール ＜ プロフィールを編集
②ダッシュボード ＜ ユーザー ＜ プロフィール
変更箇所
- ニックネーム
- ブログ上の表示名
- インスタ名追加
- プロフィール情報
- プロフィール写真追加
Gravatar でプロフィール画像の変更が可能です。
と出ていますが、Gravatarに登録しなくてプロフィール画像の設定ができます！✨
プロフィール写真よりもっと下にスクロールすると、
ちなみに、一度Gravatarを作ると削除できないようです。
以前に作ったものが残っていました。
参考URL
ファビコン・サイトアイコン設定の仕方
ダッシュボード ＜ 外観 ＜ カスタマイズ ＜ サイト基本情報 ＜ サイトアイコンを設定後、公開
変えたのに、反映されない場合ブラウザの履歴を削除すると反映される事があります。
あと、少し時間がかかる場合もあると思います。
プラグインの設定
こちらにまとめました。良かったら参考にしてみて下さい♪
その他やる事
- Ping設定
- サイトマップの作成
- グーグルアドセンス設定
- 記事の準備
など、追ってやって行きたいと思います。
何か分かった時は追記更新して行きますね。
