記事とウェブページの編集フォーマットに、要素ごとのブロックを追加しながら編集できる「ブロックエディタ」を搭載しました。これにあわせて一部の既存テーマで、ブロックエディタの「カスタムブロック」機能を活用し、マルチカラムのレイアウトやAMP対応ができるようにリニューアルしています。ブロックエディタは、ただ要素をブロックごとに分けて並べ替えるだけでなく、いろいろなことができるようになっています。幅広いユーザー層を考慮し、記事やウェブページの中で運用担当者ができるかぎりWYSIWYG(見たまま)で多彩なコンテンツを取り込み、心地よくページを作成できること、さらにブロックエディタを使って作成したデータの管理しやすさ、扱いやすさを意識して開発しました。「カスタムブロック」機能は、サイトのコンテンツに合わせた独自の編集画面を作成するために非常に強力な機能になっています。実際の操作を一部体験できるデモサイトも用意しましたので、ぜひ触ってみてください。標準で搭載している8種のブロックブロックエディタは「本文」「続き」フィールドと「テキスト(複数行)」のカスタムフィールドで、フォーマットから「ブロックエディタ」を選択することで利用できます。「+ブロックを追加」ボタンを押すと選択画面が表示され、あらかじめ用意されたブロックを選択して追加することができます。標準では以下の8種類のブロックが用意されています。利用するブロックを記事・ウェブページで、それぞれ指定することができます。表示設定では以下のことが行なえます。独自の要素でカスタムブロックの作成が可能です。事前にカスタムブロックとそのデザインを用意しておくことで、記事やウェブページ内で多彩なコンテンツを簡単に作成することができる、非常に強力な機能になっています。カスタムブロックの設定画面カスタムブロックを利用すると以下のようなことが実現できます。特定のclass名をつけたブロックを作成してそれぞれ異なるCSSを設定しておくレスポンシブレイアウトを担保した2カラムのレイアウトを部分的に使用するコンテンツに合わせてレイアウトのフォーマットを予め用意しておくExcelファイルを読み込んで自動でテーブル(表)を表示する画像をスライドショーで表示する設定したカスタムブロックの読み込み/書き出しを利用してカスタムブロックの雛形化、配布も可能テキストを会話形式で吹き出し表示させたい、マニュアルへのリンクと他のリンクの見せ方を変えたい、リストの内容によってデザインを変えたい、記事に画像のスライドショーを入れたい、といった細かな要望にも、デザイナーがあらかじめカスタムブロックを作成してデザインを用意しておくことで、応えることが可能になります。運用現場では、HTMLのclassを自身で追加するなどの複雑な作業をすることなく、誰でも簡単に、さまざまな要素を含んだ見映えの良いコンテンツの作成が可能になります。設定したカスタムブロックには「読み込み」と「書き出し」の機能が付いています。これを利用して、雛形化したり、配布したりすることも可能です。カスタムブロック設定画面の読み込み/書き出しボタン表を掲載するコンテンツでは、このようなカスタムブロックを用意しておくと便利カスタムブロックの利用例について活用ブログでもいくつか紹介していますので、ぜひご覧ください。カスタムブロック:レスポンシブレイアウトを担保したカラムのブロックを用意するカスタムブロック:ソースコードを表示するブロックの作り方カスタムブロック:エクセルを読み込んでテーブルで表示するカスタムブロック:画像をスライドショーで表示するブロックを追加するカスタムブロックを活用して既存テーマを一部リニューアル今回、既存テーマの「OnePage」と「OwnedMedia」をカスタムブロック機能を利用してリニュアルしました。ウェブページを積み上げる形でトップページを作成できるテーマです。今回、表(テーブル)と複数のレイアウトパターンのカスタムブロックを追加し、より簡単にサイトを作成できるようにしました。2カラムブロックと、左画像ブロックを組み合わせてレイアウト追加されているカスタムブロックは以下になります。メディアサイトの運営に必要なさまざまな要素を盛り込んだテーマです。今回、ブロックエディタを利用することによってAMP対応を可能にしました。OwnedMediaテーマのテンプレート(ブロックの内容をMTタグで変換しAMP対応)ブロックエディタで作成したデータは、ブロック単位で、MTタグで出力することができます。その機能を活用して、画像などブロック単位でAMP用に変換する処理を行い、より確実なAMP対応を実現しています。今回リニューアルしていないテーマや、お客様で独自にデザインされたテーマでも、もちろんブロックエディタの使用は可能です。必要に応じてCSSなどの調整を行い、ぜひご利用ください。ブロックエディタのマニュアルは以下になります。作成したウェブサイト毎に14日間無料で利用可能です。制作者向けポータルお問い合わせ・FAQ。