2.WordPressテーマの組み込み
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
前回はXSERVERの契約をし、
WordPressクイックスタートまでを行いましたね。
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
WordPressクイックスタートによって、
独自ドメインの取得と設定、
無料SSLの設定、
WordPressのインストール、
とここまでの作業を省略することができます。
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
今回は、WordPressの外観を変更します。
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/ojisan.png)
せんにゃあいけんの?
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
標準のままでも使えますが、
より便利になりますよ。
しかも無料ですよ。
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/ojisan.png)
じゃあ、やってみるかのう
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
始めにXSERVER契約時にメールされた内容からWordPressを呼び出しますね
![画像に alt 属性が指定されていません。ファイル名: image-48.png](https://chihouzakki.com/wp-content/uploads/2020/08/image-48.png)
![画像に alt 属性が指定されていません。ファイル名: image-76.png](https://chihouzakki.com/wp-content/uploads/2020/08/image-76.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
「【Xserver】■重要■サーバーアカウント設定完了のお知らせ」→
「【2】管理ツールのログイン情報」→
◆「クイックスタート」機能で設置されたWordPressのログイン情報
に記載されています。
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
この管理用画面URLをクリックして、表示されたら
ブラウザのお気に入りに登録してあげてもいいですね。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-32.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
ユーザ名とパスワードは、
最初に契約する際に入力した内容です。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-47.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
次にXSERVERにログインしてから
WordPressを呼び出す方法をやりますね。
メールは削除してしまうこともあるので、
こちらも覚えておくといいですよ
![](https://chihouzakki.com/wp-content/uploads/cocoon-resources/blog-card-cache/4c1877d053c6b459a5de2248045651e2.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
まず、XSERVERにログインします。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-45.png)
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-38.jpg)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
ログインの中にある
サーバーパネルをクリックします。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-39.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
サーバIDとパスワードはメールを確認します。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-40.png)
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-41.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
「【Xserver】■重要■サーバーアカウント設定完了のお知らせ」→
「【2】管理ツールのログイン情報」→
◆『サーバーパネル』ログイン情報
に記載されています。
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
サーバーパネルが表示されたら、
WorldPressの中にある
WordPress簡単インストールをクリックします。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-29.jpg)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
ドメイン選択画面でドメイン選択をします。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-42.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
WordPress簡単インストールが開いたら、管理画面URLを選択します。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-77.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
このWordPressのログイン画面を
ブラウザのお気に入りに入れてあげます。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-32.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
ユーザ名とパスワードは、
最初に契約する際に入力した内容です。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-47.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
無料テーマの取込をしてあげます。
今回は、cocoonを取り込みます。
![](https://chihouzakki.com/wp-content/uploads/cocoon-resources/blog-card-cache/bf7b74a603900a8c1cdcdb8ffea10d4b.jpg)
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-54.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
はじめに親テーマをダウンロードします。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-55.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
パソコンにcocoon-master-2.2.1.8.zipという
ファイルが格納されます。
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
次に子テーマをダウンロードします。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-56.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
パソコンにcocoon-child-master-1.1.2.zipという
ファイルが格納されます。
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
ダウンロードした2つのテーマを
WordPressに取り込みます。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-57.png)
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-58.png)
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-59.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
パソコンにあるcocoon-master-2.2.1.8.zipという
ファイルを選択してあげます。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-60.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
最初に親テーマをインストール
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-61.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
親テーマの有効化は触らないこと
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-62.png)
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-63.png)
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-64.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
パソコンにあるcocoon-child-master-1.1.2.zipという
ファイルを選択してあげます。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-65.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
子テーマをインストールします。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-66.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
子テーマを有効かします。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-67.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/b-woman.png)
これでWordPressの外観がかわりました。
![](https://chihouzakki.com/wp-content/uploads/2020/08/image-68.png)
![](https://chihouzakki.com/wp-content/themes/cocoon-master/images/ojisan.png)
やねこおないが、面倒いのぉ
まあええ、これで少しゃ良なったかのぉ
コメント