2019年 07月 22日

ブロックの種類

Gutenbergは様々なブロックを組み合わせることで記事を作成していきます。
ブロックは5つのカテゴリーに分かれているのでそれぞれ紹介していきます。

一般ブロック

一般ブロックは11種類あり、記事を作成するにあたり
基本となるブロックです。

1.段落
2.見出し
3.ギャラリー
4.会話
5.画像
6.リスト
7.引用
8.音声
9.カバー
10.ファイル
11.動画

ブロック名とアイコン説明
文章を書く時に使います。一番使用されるブロックかと思います。
見出しを作成できます。
見出し設定で<H1>~<H6>を選択できます。
複数の画像を並べて表示するギャラリーを作成できます。

会話形式の吹き出しが作成できるブロックです。

画像を挿入するブロックです。画像の周囲に表示される青丸をドラッグするだけでサイズを簡単に変更できます。
Youtubeなどの動画ではなく、自分のサーバーにアップロードした
mp4などの動画ファイルをアップロードするためのブロックです。
箇条書きのリストを作成するブロックです。
ブロック入力後でも数字リストか黒丸リストかを切替えできます。
引用を挿入するときに使用するブロックです。
音声データを埋め込むブロックです。「自動再生」「ループ」の設定ができます。
カバーブロックでは背景画像を設定し、その上に文章を表示することができます。
PDFなどのファイルをダウンロードするリンクを設置するブロックです。
ファイル名、ボタンの文言を設定できます。

フォーマット

フォーマットのカテゴリーには7種類のブロックがあります。
少し高度なブロックが用意されています。

1.ソースコード
2.クラシック
3.カスタムHTML
4.整形済み
5.プルクオート
6.テーブル
7.詩

ブロック名とアイコン説明
テーブルブロックを使用することでコンテンツに表を追加することができます。
行数・列数の設定や追加が簡単にできるようになってます。
何かのソースコードを利用したいときに使用するブロックです。
従来のエディター(クラシックエディター)を利用したいときに使用するブロックです。
HTMLで記述したいときに使用するブロックです。
整形済みテキストを利用したいときに使用するブロックです。
引用をさらに装飾したブロックです。
詩的な文章を作成するときに使えるブロックです。

レイアウト要素

レイアウトカテゴリーには7種類のブロックがあります。

1.ボタン
2.カラム
3.メディアと文章
4.続きを読む
5.改ページ
6.区切り
7.スペーサー

ブロック名とアイコン説明
ボタンブロックを使用してボタンの追加、リンクURL設定ができます。
ブロックを横並びにすることができます。
横並びにする数を2~6カラムで設定できます。
画像とテキストを横並びでレイアウトするブロックです。
文章の途中に以下のような文言を挿入できるブロックです。
長文を区切って複数のページに分ける際に使用します。
水平線の区切り線を挿入できます。
短い線、幅広線、ドットなどの複数のデザインがあります。
スペーサーブロックを使用することでコンテンツに空白を追加することができます。
青丸をドラッグするだけで簡単に高さを調整できます。

ウィジェット

ウィジェットには、次の9種類のブロックがあります。

1.ショートコード
2.アーカイブ
3.カレンダー
4.カテゴリー
5.最新のコメント
6.最新の記事
7.RSS
8.検索
9.タグクラウド

埋め込み

埋め込みブロックはYouTube、Twitter、Facebook、Instagramなど、様々なウェブサイトのURLを貼ることで、埋め込みができます。
埋め込みブロックは、33種類も用意されています。

関連記事

記事の公開日時の変更
記事を投稿する時、指定をしなければ「公開」ボタンをクリックし記事が投稿されますが、公開日時を編集することで、予約投稿、過去の日時を指定することが可能です。 過去や未来の日付を指定して記事を投稿する方法を紹介いたします。 未来の日時を指定(予約投稿) 予約投稿をした場合、投稿はすぐに公開されず指定した日時になった時に自動的に記事が公開されます。 動画マニュアル……
本文に画像を挿入
画像のアップロード 動画マニュアル [video width="1128" height="610" mp4="https://s-page.biz/support/wp-content/uploads/2019/07/gazou.mp4"][/video]       ❶編集画面左上のプラスアイコンをクリニックすると、ブロッ……
編集画面について
編集画面・各メニューについての説明 編集画面について大まかに4つに分けて説明していきます。 記事編集エリア 編集画面中央にある記事を作成・編集するスペースです。 新規投稿を始める際にタイトルボックスと段落ブロックが一つ設置されています。   ブロックの追加エリア Gutenbergでは、”ブロック”という機能により、見出し、文章、画像など……
記事の投稿方法
動画マニュアル [video width="1344" height="704" mp4="https://s-page.biz/support/wp-content/uploads/2019/07/kijitokou.mp4"][/video]   タイトル・文章の入力 「タイトルを追加」をクリックし記事のタイトルを入力します。 「文章を入力~……

フリーワード検索で探す