Shifter Headless の主な機能

ブロックエディター

文章、画像、表、カラムやスペーサーなどのブロックを使って、コンテンツを自由自在に管理できます。 エディターにはベーシックなスタイルを持つ Headless Theme が設定されており、すぐにコンテンツを入力できます。

段落

記事本文にテキストを追加し、配置や文字色・太字・斜体などを設定することができます。

見出し

記事本文に見出しを追加できます。見出しの種類はH1要素からH6要素までの中から選択できます。

リスト

記事本文に複数項目を持つリストを追加できます。リストには「番号なし(箇条書き)リスト」と「番号付きリスト」の2種類があります。

引用

他のウェブサイトや書籍などから引用したテキストを追加する場合は、引用ブロックを使います。

コード

記事本文にプログラムのソースコードを追加する場合には、コードブロックを使用します。

テーブル

記事本文に表を追加したい場合は、テーブルブロックを使います。文字色や背景色を設定することもできます。

画像

記事本文に画像を追加することができます。画像の大きさや配置を変えたり、リンクの設定、キャプションの追加なども可能です。

カラム

ブロック内を横並びに分割して表示できます。2カラムまたは3カラムに分割でき、それぞれに画像や見出しなどを追加することもできます。

ギャラリー

複数の画像を、指定したカラム数と配置で表示させることができます。

スペーサー

記事の中に余白を追加する際に使用します。スペーサーを使えば、ブロックごとの間隔を変更したり調整することができます。

グループ

複数のブロックをグループ化することができます。グループ化した各ブロックには、文字色や背景色を設定したり、装飾も可能です。

区切り

記事の中に簡単に区切り線を引くことができます。区切り線は3種類の中から選択でき、色や配置の変更も可能です。

Shifter Headless 活用方法

さまざまな利用シーンにおける具体的な活用方法の事例をご紹介します。

Static

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

Headless

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