![](https://office-nijico.net/wp-content/uploads/2023/07/537833-1024x1007.jpg)
「WordPressの始め方①」では、無料サーバーであるXfreeと契約をし、WordPressをインストールするところまで行いました。
今回の記事では、次のステップである【テーマ】をインストールしていきます!
WordPressの始め方②(初期設定とテーマのインストール)
それでは頑張っていきましょう!
まずは↓からWordPressにログインしましょう。
![](https://office-nijico.net/wp-content/uploads/2023/07/b1699149191982e07dc78c546fc69ff5.png)
ログインすると、↓ダッシュボード画面になります。
![](https://office-nijico.net/wp-content/uploads/2023/07/3a759626ae6dabe1eca311a8fad5544e-1-1024x512.png)
ダッシュボード画面はもちろん管理者のあなたにしか見えていませんが、取得したURLが既にありますので、ホームページは今どんな風に見えているのでしょうか?
↓のように左上にある「サイトタイトル」ここでは【Beautysalon ZEBRA】にカーソルを合わせると、【サイトを表示】が出てきますので、そこをクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/014fc493aef04ef3c30d903eb57bc7f4-1-1024x443.png)
すると↓のようなページが現れます。まだ何も作っていないのに、WordPressではサンプルページというものがあり、最初からそれが公開になっているんですね。
一番上の黒い部分は【ツールバー】といって、他の人には表示されません。
![](https://office-nijico.net/wp-content/uploads/2023/07/cc6221faf472821b7b93ff7603acf65f-1024x463.png)
確認が終わったら【ダッシュボード】に戻りましょう。
再度左上のサイトタイトルにカーソルを合わせると、【ダッシュボード】と表示が出てきますので、
そこをクリックしてください。
![](https://office-nijico.net/wp-content/uploads/2023/07/c97fa8431a217c315a524e056ddba45e-1024x575.png)
初期設定
↓【ダッシュボード】に戻りました。ここから3つだけ、初期設定を行います。
①プロフィールのニックネームを変える。
今はダッシュボードに右上に最初に設定した【ユーザー名】というものが表示されていると思いますが、投稿者としても表示される名前がこのままだとWordPressログインIDを晒してることになりますので、セキュリティー上良くありません。任意のニックネームに変更します。
画面左のダッシュボードメニューから【ユーザー】を選択し、【プロフィール】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/1636f9a0462533789c4695a05a0dadc2-1024x488.png)
↓の画面になりますので、画面中程の①【ニックネーム】にお好きなニックネームを入力し、
②【ブログ上の表示名】もニックネームと同じものを選択します。
終わったら、一番下の【プロフィールを更新】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/0936b57fb6cbe32e768c54d3e02bcfa1-1024x345.png)
![](https://office-nijico.net/wp-content/uploads/2023/07/1299cce823b267efe538b2343c1c9793-1024x157.png)
②ひとまずホームページを検索されなくする。
まだ作り途中のホームページが他の人に見つかってしまっては困りますので、検索されないようにしておきます(作成が終わったら設定を戻します)。
ダッシュボードメニュー(左の欄)の【設定】から【表示設定】を選びクリックしてください。
![](https://office-nijico.net/wp-content/uploads/2023/07/077603b8e10b550a9aee836513099a6b-1024x479.png)
↓の画面になりますので、画面の下部にある【検索エンジンがサイトをインデックスしないようにする】にチェックをして、【変更保存】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/883d152fe957b1da521a4c33da3b55eb-1024x600.jpg)
③パーマリンク設定をする。
【パーマリンク】とは、今後作っていく個々のページのURLをどのようなものにするか、の設定です。
あとでいじると元々のURLで検索しても表示されないというトラブルになりますので、最初に設定します。
↓ダッシュボードメニューの【設定】から【パーマリンク設定】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/8c708f9baa9d2f46f16608b7a312e7ac-1024x470.png)
↓の画面になりますので、【投稿名】にチェックを入れてから、一番下の【変更を保存】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/ada15970305d96072c10ca291404914c-1024x550.png)
![](https://office-nijico.net/wp-content/uploads/2023/07/e3a8034bb6e7b58150ece630fb180b0d-1024x175.png)
これで初期設定は完了です。
他にも色々な設定ができますので、触ってみて確認してみてもいいと思います。
とりあえずここでは練習のため、必要最低限の設定を行いました。
サイトテーマ(Cocoon)をインストールする
いよいよトップページを作っていくのですが、WordPressにはデザインの元となる【テーマ】というものが存在します。
wixなどのwebサイトビルダーでいう【テンプレート】のようなものだと思ってください。
ここに【プラグイン】という装備を加えることで機能を増やしたりできます。
今はデフォルトテーマである【Twenty-Twenty-Three】というテーマが設定されていますので、
先ほど確認した↓のようなデザインになっていました。
![](https://office-nijico.net/wp-content/uploads/2023/07/747ca075f7149c033a8df0a054849664-1024x437.png)
【Cocoon】をインストールするとどうなるでしょうか?
まずは、↓のCocoonのwebサイトから【親テーマ】と【子テーマ】の二つをダウンロードします。
【Cocoonのダウンロードページ】
![](https://office-nijico.net/wp-content/uploads/2023/07/735334e83692ef7a057b12548689426d-1024x771.jpg)
![](https://office-nijico.net/wp-content/uploads/2023/07/0cbd86360460c4e62bcbeebe0eec2ac4-1024x756.jpg)
ダウンロードしたものは【ダウンロード】というファイルに保存されます。
zip形式のファイルですが、解凍はせずにそのままにしておきましょう。
それでは、ダッシュボードに戻ります。
ダッシュボードメニュー↓の【外観】から【テーマ】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/6b979894c4443b39ffc9e4d300308fba-1024x661.png)
↓の画面になりますので、画面上の方にある【新規追加】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/2cfdf1d491b863076d87b3afb1d804be-1024x723.jpg)
↓の画面になりますので、【テーマのアップロード】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/7bd350d0507fb48d16a779595a139d4e-1024x544.jpg)
↓の画面になりますので、【ファイルの選択】クリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/0af63bdfe44ed9b47023940043591526-1024x264.png)
↓ファイル【ダウンロード】からCocoonのファイルから、まずは親テーマを選択して【開く】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/11cb92d416fffdaae0e6c5e7f3979367.png)
↓の画面になりますので、【今すぐインストール】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/657afdd0c23406fa7ab47d41d9761bb8-1024x264.png)
↓の画面になり、【テーマのインストールが完了しました】が表示されたのを確認して、
最下部の右【テーマページで移動】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/6057c3ec3c3bb62633dfe67ea10e93b1-1024x295.png)
同じ手順で子テーマもインストールを行ってください。
子テーマもインストールが終わったら、
ダッシュボードメニューの【外観】から【テーマ】をクリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/42d0ada4cc0a088c90250effe7f0bdf0-1024x720.png)
無事にインストールされていれば↓のような画面になります。
![](https://office-nijico.net/wp-content/uploads/2023/07/8462c688f71bcd1d881f98130ecf0c4d-1024x337.jpg)
子テーマの方【Cocoon Child】にカーソルを合わせると【有効化】の表示が出ますので、クリックします。
![](https://office-nijico.net/wp-content/uploads/2023/07/3546b710073e7254c2d60e33dd9e60c4-1024x423.jpg)
↓のような画面に切り替われば無事に終了です。
![](https://office-nijico.net/wp-content/uploads/2023/07/cde95696071e61e1c20bd6d2b7c588ff-1024x519.jpg)
※親テーマも子テーマもインストールはするけど【子テーマ】を有効化する。です。
なぜこんなことをするのかというと、「テーマがアップデートされてもエラーにならないように」
くらいに今は思っていて大丈夫です。
それでは、テーマを変更した後のトップページがどう変わっているか確認してみましょう↓。
![](https://office-nijico.net/wp-content/uploads/2023/07/c85ab4044d1f129330571e6be08fe1ff-1024x429.png)
だいぶ変わりましたね!
この記事はここまでです。続きは別の記事でお知らせします。
ご不明点・ご相談はoffice NIJICOまでご連絡ください。