この記事は、「Shifter Advent Calendar 2021 #JP_GetShifter」4日目の記事です。
Shifter は Web サイトの作成や運営が簡単にできるオンラインツールです。
Webサイトの作成や運営に便利な WordPress を、インストールやアップデートの手間なく利用できます。
また Shifter は WordPress を丸ごと HTML に変換して公開するため、以下のようなメリットがあります。
- 世界中どこからアクセスしてもサクサク見られる高速性
- 大量なアクセスでもダウンしない安定性
- 不正アクセスを許さない安全性
Shifter の詳しい特徴は、これから始めるシリーズ第一弾 「Shifter Static を完全マスター」でも紹介していますのでぜひご覧ください。
無料トライアルの始め方 (Shifter Static)
無料トライアルは3ステップで開始できます。
1. 公式サイトにアクセスし、「無料トライアルを開始する」ボタンをクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/Shifter___WordPress_のための_Jamstack_ホスティングプラットフォーム.png)
2. 必要事項を入力して 「アカウント作成」をクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/サインアップ-1-1200x923.png)
登録内容
- メールアドレス : メールアドレス
- ユーザー名 : Shifter アカウントで使用するユーザー名
- パスワード : Shifterのログインに使用するパスワードを登録
後ほどログインのために使用しますので、これらの情報はメモとして控えておきましょう。
「アカウント作成」をクリック後、登録したメールアドレス宛に確認メールが届きますので確認しましょう。
3. メール内に記載の Verification code を入力します。
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-01-14.21.00-1200x923.png)
注意点として、ユーザー名とメールアドレスはそれぞれ既に登録済みの場合は設定できません。
「User already exists」のようなエラーメッセージが出たら、既に別のユーザーが同じユーザー名を使用していますので、ユーザー名を変えてお試しください。
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-01-14.25.38-1200x923.png)
Sign in ページが表示されますので、先程控えておいた情報を入力して Shifter にログインしましょう。
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/ログイン-2-1200x923.png)
- ユーザー名 または メールアドレス
- パスワード
ログインすれば無料トライアルの登録が完了です!
トライアルで作成したサイトは7日間有効です。期間を過ぎると自動で削除されますが、何度でも繰り返しトライアル可能です。
同じサイトを無料で利用し続けたい場合、クレジットカード情報を登録すれば無料のまま利用を続けられます。
さっそく次のセクションでサイトを公開してみましょう。
ダッシュボードは日本語に対応しています (Beta)。言語を切り替えるには、画面下で日本語を選択します。
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-03-23.45.30-1200x923.png)
サイトを作成してみよう!
1. Shifterにログインして「サイト新規作成」ボタンをクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-03-23.43.13-1200x923.png)
2. Shifter Static を選択します
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-03-23.46.30-1-1200x923.png)
3. プランの選択画面で「Free Tier」の「Select」をクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-03-23.46.30-1200x923.png)
4. サイト名を設定して「確認」をクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-03-23.50.46-1200x923.png)
5. Select Free Tier をクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-03-23.53.59-1200x923.png)
6. 「申し込む」をクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-03-23.55.08-1200x923.png)
6. サイト作成中…
WordPress のインストールが自動で開始されます。
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-03-23.57.13-1200x923.png)
7. サイトが作成されました
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-03-23.57.25-1200x923.png)
5「WordPress 管理画面」をクリックして WordPress 管理画面にログインします
WordPress がインストールされ、サイトの準備ができると以下のような画面になります。
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-0.01.19-1200x923.png)
6 WordPress の表示を日本語に変更して保存
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-0.04.23-1200x923.png)
・Site Language : 日本語 を選択
・Timezone : UTC+9
時間の表記はお好きなものを選択しましょう。
これで WordPress が日本語で表示されるようになりました!
好きなテーマやプラグインを使ってサイトを作ってみましょう。
Shifter で投稿を公開しよう!
1. ダッシュボードの Top から「投稿」に移動して「新規追加」をクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/06/投稿_‹_determined-buck6167_on_getshifter_io_—_WordPress.png)
2. 投稿を作成して「公開」をクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/06/新規投稿を追加_‹_determined-buck6167_on_getshifter_io_—_WordPress-2.png)
この時点ではまだサイトは公開されません。次の手順でサイトを HTML に変換しましょう。
3. Shifter のページに戻り、「Build Deploy +」をクリック
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-0.06.43-1200x923.png)
4. Stop WordPress をクリックするとジェネレートが始まります
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-0.08.07-1200x923.png)
5. サイトジェネレート中です…
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-0.10.15-1200x923.png)
6. サイト編集情報をメモとして残すことができます
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-0.11.20-1200x923.png)
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-0.15.08-1200x923.png)
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/06/スクリーンショット-2021-12-04-0.16.55-1200x923.png)
数分待つとサイトが HTML に変換されて公開完了です。
公開用の URL をクリックしてサイトを確認してみましょう。
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-0.22.35-1200x923.png)
再度 WordPress の管理画面を使用したい場合は「Start WordPress」をクリックして WordPress を起動してログインします。
このように、WordPress はサイトを編集するときにだけ起動し、不要になると自動で停止するため、悪意のある第三者が不正アクセスできない仕組みになっています。
WordPress のアップデートがある場合は起動時に自動で適用されます。
![](https://cdn.statically.io/img/ja.getshifter.io/wp-content/uploads/2021/12/スクリーンショット-2021-12-04-0.24.02-1200x923.png)
以上が無料トライアルの作成やサイト公開の方法です。
質問などありましたら Shifter サイト右下のチャットウィンドウからお気軽にご質問ください。
それでは楽しい Shifter ライフを!