ブロックエディタでの記事作成の基礎

DP広報部 Other Blog

ホームページを制作した後、サイトの運用・更新をすることの大切さは以前の記事でご紹介させていただきました。

ホームページ運用の重要性！

2018年より以前はWordPressで構築したサイトでは、クラシックエディタと呼ばれる記事作成ツールが主流でしたが、昨今ではブロックエディタがWordpressの標準仕様となっており、今後はブロックエディタでの更新を行うことが主流になります。

今回の記事ではWordPressで制作したサイトの更新方法、特にブロックエディタでの記事作成の考え方についてご紹介させていただきます。

#wordpress #ブロックエディタ #データプロ

1.ブロックエディタとは？

ブロックエディタ（Gutenberg）とは、WordPress5.0から標準で実装されている記事作成ツールのことで、文章や画像などのレイアウトをブロックという単位で整形できるようになりました。構造を理解していただければ、文章や画像の位置調整やレイアウトの変更が、これまでより簡単に行えるという点がメリットとされています。

また、定型文などを登録して使いまわせる機能も標準で備わっているため、より利便性とカスタマイズ性に富んだ記事作成が行えるようになっています。

ブロックエディタとクラシックエディタどっちがおすすめ？

WordPressの拡張機能を使えば、古い記事作成機能の「クラシックエディタ」での運用も可能ですが、今後のWordPressの進歩に合わせ「ブロックエディタ」での運用をデータプロは推奨しております。

機能も使い勝手も慣れればブロックエディタの方がが非常に優れており、リリース以降、様々な改良や機能追加が行われ、現在も改善が進んでいます。

そのため、わざわざプラグインを追加して旧エディタを使わなくても、すぐに利用できるブロックエディタをおすすめします！
※「クラシックエディタ」については、少なくとも2024年まで、または必要なくなるまでの間、完全にサポート・保守されるようです。

2. 基本的な構造を理解しよう

ブロックエディタではページのデザインパーツを「ブロック」という概念で分解して考えていただくことが必要になります。
具体的にどういうことなのか事例を見ながらご説明します。

上の図のように、作成したいページのレイアウトを、上から順にブロックで分かれていると考えてください。
今回の例では、６種類のブロックに分かれています。
この構造のイメージができれば記事はほぼ完成したといっても過言ではありません。記事を作成する際にはこの「ブロックを積み上げる」という意識を持っていただくのがとても重要な感覚になります。

ブロックの種類はどうやって決まるの？

webサイトを制作する際には、デザインを作成する前に設計図（ワイヤーフレーム）というものを作成します。この設計図段階で、記事作成に必要なブロックの構想を決めていくことになります。表のパーツ、画像のパーツ、動画のパーツなど必要だと思う要素は設計図段階で相談して決めておきましょう。

後から追加することも可能ですが、追加の制作費用が発生することになります。