このページは「 初めての Shifter:アカウントを作ってサイトを立ち上げよう」の続きの記事です。
サイトが立ち上がり、管理画面が表示されているところからのスタートです。
サイトを公開しましょう!
とりあえず、作ったばかりのサイトを見てみましょう。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-01.png)
まだ公開していないので、下記の画面で正解です。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-08.png)
では、再びダッシュボードに戻りサイトを作っていきましょう。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-02.png)
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-03.png)
ボタンの表示が「WordPress 管理画面」となったら、ボタンを押して管理画面に入ります。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-04.png)
見慣れた画面が表示されました。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-05.png)
では最初に、日本語と時間の設定を変更しましょう。
Settings > General を開きます。そして「Site Language」と「Timezone」を変更します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-06.png)
設定されると、日本語に!やっぱりわかりやすいですよねー。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-07.png)
では、ここで今のサイトのプレビューを見てみましょう。
管理画面左上のサイトアドレスから見ることができます。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-09-1024x417.png)
既存のテーマが入っていますね。
しかし、カフェサイトのイメージとは程遠い…新しいテーマを入れましょう。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-10-1024x680.png)
再び管理画面左上のサイトアドレスからダッシュボードに戻ります。
カフェっぽいテーマ「Twenty Seventeen」を入れます。
外観 > テーマ から新規追加を選択します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-11-1024x404.png)
検索窓に「Twenty Seventeen」を入れて、インストールします!
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-13-1024x469.png)
インストール後に、有効化します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-14-1024x454.png)
続いて、外観 > テーマ > カスタマイズを開きます。
今回は、とりあえず「サイト基本情報」のサイトのタイトルを変えてみましょう。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-16-1024x575.png)
変更ができあれば、公開を押します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-17-1024x619.png)
再びダッシュボードに戻り、サイトを見てみましょう。
いい感じですねー
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-18-1024x737.png)
では、ブログ記事を追加してみましょう。
ダッシュボードに戻り、投稿 > 新規投稿を開きます。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-19-1024x343.png)
タイトル、記事、画像などを入れてみましょう。記事を書いて、プレビューを見てみます。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-20-1024x684.png)
いい感じじゃないでしょーか?
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-21.png)
では、公開してみましょう!!!
記事の編集画面に戻り、公開ボタンを押します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-22-1024x551.png)
これで、WordPress 側の設定はオッケーなので、WordPressを閉じます。
そして、Shifter のダッシュボードに戻り、WordPress を停止します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-24-1024x294.png)
WordPress を停止させた後、隣のボタン「デプロイ」をクリックします。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-25-1024x260.png)
デプロイ中…
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-27-1024x273.png)
管理画面のデプロイ情報に「公開済み または 公開中」となっていれば、公開が完了しています。
見てみましょう!
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-30-1024x596.png)
サイトが表示されていれば、完成です!!
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0503-29-1024x789.png)
Shifter と WordPress との画面をいったりきたり感はありますが、サイトを更新するのはいつもどおりの WordPress。
サイトを管理するのが Shifter 。
普段レンタルサーバーの管理画面と WordPress の画面を行ったり来たりするのと大きな差はありません。
Shifter で楽しく安全にサイトを更新していきましょう♪