Shifter Headless の導入方法
環境構築も、サイト作成も
簡単・スピーディに。
Shifter なら、環境構築からサイトの作成・公開まで簡単。WordPress の管理画面を使って記事を作成し、スピーディにサイトを構築できます。
Shifter Headless の導入方法
Shifter なら、環境構築からサイトの作成・公開まで簡単。WordPress の管理画面を使って記事を作成し、スピーディにサイトを構築できます。
🚩 ご利用までの流れ
Shifter は、アカウント作成からたった4ステップでダッシュボードにアクセスでき、どなたでも簡単にご利用いただけます。 アカウント作成後にプランを選択し、マウス操作だけで WordPress 環境がクラウド上に構築されます。
01
まずはアカウント作成から。
メールアドレスとパスワードを設定すれば、
すぐにログインできます。
02
お好きなプランを選択してください。
はじめは無料でスタートし、必要に応じであとから有料プランに変更することもできます。
03
細かい設定は不要。ボタンクリックだけで、WordPress を簡単に構築できます。
04
WordPress ユーザーおなじみの、いつもの管理画面にアクセスできます。これで WordPress の環境構築が完了!
🚩 Shifter Headless でのウェブサイト作成手順
WordPress の管理画面でページを作成したら、お好みのフレームワークを使ってフロントエンドを自由に構築。ビルド&ホスティングサーバや他サーバを利用し、ウェブサイトのファイルをホスティングして公開します。
01
WordPress admin URLから WordPress の管理画面に入り、投稿や固定ページを作成しましょう。
02
React.js や Vue.js など、任意のフレームワークを使用してウェブサイトのフロントエンドを構築し、Shifter Headless の WordPress から API を経由して投稿や固定ページなどのコンテンツの取得を行いましょう。
03
レイアウトやフォーム、スマートフォン対応などを行い、ウェブサイトのフロントエンドをカスタマイズします。
04
Netlify や Vercel などのビルド&ホスティングサーバや他サーバを利用し、ウェブサイトのファイルをホスティングして公開しましょう。
「Shifter Static」は、WordPress を静的化し、HTML/CSS を CDN から配信することで、WordPress と公開領域を分離。安全かつ高速なウェブサイトを構築できます。
「Shifter Headless」は、WordPress ダッシュボードを CMS として利用し、API を通じてフロントエンドにコンテンツデータを提供。使い慣れた WordPress ベースでウェブサイトをヘッドレス化することが可能です。