Shifter Headless の導入方法

環境構築も、サイト作成も
簡単・スピーディに。

Shifter なら、環境構築からサイトの作成・公開まで簡単。WordPress の管理画面を使って記事を作成し、スピーディにサイトを構築できます。

🚩 ご利用までの流れ

たった5分で、準備完了。

Shifter は、アカウント作成からたった4ステップでダッシュボードにアクセスでき、どなたでも簡単にご利用いただけます。 アカウント作成後にプランを選択し、マウス操作だけで WordPress 環境がクラウド上に構築されます。

01

アカウント作成

まずはアカウント作成から。
メールアドレスとパスワードを設定すれば、
すぐにログインできます。

02

プランの選択

お好きなプランを選択してください。
はじめは無料でスタートし、必要に応じであとから有料プランに変更することもできます。

03

WordPress 構築

細かい設定は不要。ボタンクリックだけで、WordPress を簡単に構築できます。

04

ダッシュボードにアクセス

WordPress ユーザーおなじみの、いつもの管理画面にアクセスできます。これで WordPress の環境構築が完了!

🚩 Shifter Headless でのウェブサイト作成手順

任意のフレームワークで
自由に開発できる。

WordPress の管理画面でページを作成したら、お好みのフレームワークを使ってフロントエンドを自由に構築。ビルド&ホスティングサーバや他サーバを利用し、ウェブサイトのファイルをホスティングして公開します。

01

WordPress 管理画面で
コンテンツを作成

WordPress admin URLから WordPress の管理画面に入り、投稿や固定ページを作成しましょう。

02

フロントエンド
開発環境を準備

React.js や Vue.js など、任意のフレームワークを使用してウェブサイトのフロントエンドを構築し、Shifter Headless の WordPress から API を経由して投稿や固定ページなどのコンテンツの取得を行いましょう。

03

フロントエンドを
カスタマイズ

レイアウトやフォーム、スマートフォン対応などを行い、ウェブサイトのフロントエンドをカスタマイズします。

04

公開

Netlify や Vercel などのビルド&ホスティングサーバや他サーバを利用し、ウェブサイトのファイルをホスティングして公開しましょう。

Static

「Shifter Static」は、WordPress を静的化し、HTML/CSS を CDN から配信することで、WordPress と公開領域を分離。安全かつ高速なウェブサイトを構築できます。

Headless

「Shifter Headless」は、WordPress ダッシュボードを CMS として利用し、API を通じてフロントエンドにコンテンツデータを提供。使い慣れた WordPress ベースでウェブサイトをヘッドレス化することが可能です。