<本サイトには広告が含まれている場合があります>

グーテンベルク・ブロックエディタの記事投稿方法

グーテンベルク・ブロックエディタの記事投稿方法

記事投稿方法

グーテンベルク・ブロックエディタの記事投稿方法を解説します。

ダッシュボードの投稿から新規追加をクリックするか、メニューバーの新規から投稿をクリックします。

投稿新規追加

投稿画面が表示されます。

以下の項目を入力・選択し公開ボタンを押せばグーテンベルク・ブロックエディタで記事を投稿する事ができます。
※公開以外は順不同OK

  • タイトルを追加(題名)
  • ブロック毎に文章を入力、又は画像を挿入。
  • パーマリンクの指定
  • カテゴリの選択
  • アイキャッチ画像の設定
  • 公開ボタン

投稿・ブロック設定

右サイドバーに投稿・ブロック設定項目があります。

タブになっており投稿とブロックで切り替える事ができます。

投稿・ブロック設定

表示されない場合は右上にある歯車の設定ボタンを押せば表示されます。

設定ボタン

投稿設定

投稿設定では下記の9項目の設定ができます。

  • ステータスと公開状態
  • リビジョン
  • パーマリンク
  • URL スラッグ
  • カテゴリー
  • タグ
  • アイキャッチ画像
  • 抜粋
  • ディスカッション
  • 投稿の属性

ステータスと公開状態

ステータスと公開状態
表示状態

表示状態では公開・非公開・パスワード保護を選択できます。

公開状態

パスワード保護を選択するとパスワード入力項目が表示されます。

公開

公開の今すぐをクリックすればカレンダーと時刻が表示され予約投稿に変更できます。

予約投稿

日付と時刻を指定すれば公開の右側に反映されます。

予約投稿を止めたい場合は日付をクリックした後でリセットをクリックすれば今すぐ公開に戻ります。

ブログのトップに固定

ブログのトップに固定にチェックを入れれば常に一番新しい記事としてブログトップの一番上に固定され表示されます。

投稿者

投稿者を選択する事が可能です。

初期設定はログインしたユーザーアカウントになります。

リビジョン

リビジョン

リビジョンは記事を下書き保存したり公開保存した時の差分を確認したり復元できる機能です。

WordPressでは自動保存されていくので間違って消してしまった場合などリビジョンを遡る事によって復元する事ができます。

リビジョン比較

リビジョンは削除された項目が赤くマーキングされ追加された項目は緑でマーキングされます。

上部にあるスライダーを動かす事によって各リビジョンを確認する事ができます。

パーマリンク

パーマリンク設定でURLスラッグを指定します。

パーマリンク

パーマリンクについての詳細は下記をご覧ください。

パーマリンクの設定をする

カテゴリー

カテゴリーの選択と新規追加が出来ます。

カテゴリー

カテゴリーの追加はこちらからするとスラッグが日本語になってしまうのでダッシュボードのカテゴリーからスラッグを指定して追加するのがおすすめです。

タグ

タグの新規追加ができます。

カテゴリー名とは被らない記事中の重要なキーワードを指定しましょう。

アイキャッチ画像

アイキャッチ画像を設定できます。

アイキャッチ画像

抜粋

抜粋を指定する事ができます。

未入力の場合、日本語だと投稿の先頭110文字文字を使って抜粋を自動生成してくれます。

特に入力する必要はありません。

抜粋

ディスカッション

記事に対してのコメントの許可とピンバックとトラックバックの許可をチェックできます。

全体的にコメント、ピンバックとトラックバックの許可を設定する方法もあります。

ディスカッション

投稿の属性

投稿の属性でテンプレートを指定できます。

使用しているWordPressテーマによって変わります。

投稿の属性

ブロック設定

タイポグラフィ

フォントサイズを変更可能です。

プルダウンを開けば各種サイズが指定できカスタムでフォントサイズを数値で指定する事もできます。

指定後にプレビュー画面ですぐに指定したフォントサイズが適応され表示されます。

リセットボタンを押せばデフォルトのフォントサイズにリセットされます。

タイポグラフィ

色設定

色設定でブロック毎の文字色と背景色を設定できます。

テキスト設定

ドロップキャップのオン・オフが設定できます。

先頭の1文字目を大きな文字で表示が可能です。

テキスト設定

高度な設定

高度な設定ではHTMLアンカーと追加CSSクラスを指定できます。

HMTLアンカーを指定すればページ内ジャンプのリンクを作成する事ができます。

高度な設定

ブロックメニューバー

ブロックを選択するとブロックメニューバーが表示されます。

  • ブロックタイプ・スタイルの変更
  • ドラッグでブロックを移動
  • ブロックの上・下移動
  • テキストの配置を変更
  • 太字
  • イタリック
  • リンク
  • その他テキスト装飾
  • ブロックの設定

ブロックタイプ・スタイルの変更

  • 見出し
  • リスト
  • グループ
  • 引用
  • 整形済みテキスト
  • プルクオート
  • カラム
見出し
見出し

見出しを指定できます。

クリック後に見出しの種類を選択する事が可能です。

記事内で大見出しのH1を使う事はありませんが、中見出しのH2と小見出しのH3はよく使います。

見出し指定後に元に戻したい場合は一番左をクリックすれば再びブロックタイプ・スタイルを指定でき「段落」があるのでクリックすると元に戻ります。

リスト

リスト表示が可能で番号のありなしを選択できます。

リスト
グループ

ブロックをグループ化できます。

ブロックを複数選択しグループをクリックすればグループ化され、まとめて管理できます。

引用

他サイトから引用する場合は引用ブロックに指定します。

引用元の入力が表示されるので引用元のURLを記載しリンクしましょう。

サイドバーでデフォルトか大を選択できます。

整形済みテキスト

整形済みテキストはブロック内で改行が改行として扱われます。

通常のブロックで改行をすると新たにブロックが追加されますが、整形済みテキストでは新たにブロックが作成されずに改行され、続けて改行をすれば空白行が作成されます。

特に理由がなければ基本的に使う必要はないでしょう。

プルクオート

プルクオートはテキストを強調する時に使うブロックです。

アイコンが表示され文字も太字で大きくなります。

カラム

2カラム、3カラムでテキストや画像を配置できるブロックです。

入力済みの段落からカラムを選択すると1カラムになってしまうので2カラム以上にするには新規ブロック追加時に選択するようにしてください。

カラム

サイトで詩の作成に最適とされていますが、ほぼ使う事はないと思います。

四角枠で囲われますて普通の文章とは違う印象を与える事が可能です。

ドラッグでブロックを移動

ブロックをドラッグアンドドロップで移動する事ができます。

ブロックの上・下移動

ブロックを上下にひとつずつクリックするだけで移動できます。

テキストの配置を変更

テキストの配置を変更する事ができます。

  • 中央寄せ
  • 右寄せ

太字

ブロック内の選択したテキストを太字にできます。

イタリック

ブロック内の選択したテキストをイタリック(斜体)にできます。

リンク

ブロック内の選択したテキストにリンクを設定できます。

URLを入力しブラウザで新しいタブで開く場合はオンにします。

その他テキスト装飾

その他テキストの装飾を選択する事ができます。

  • インラインコード
  • インライン画像
  • キーボード入力
  • テキスト色
  • 上付き
  • 下付き
  • 取り消し線
インラインコード

段落ブロック内でHTMLなどのコードを書く際に利用します。

インライン画像

段落ブロック内に画像を配置する際に利用します。

キーボード入力

<kbd>タグが付与され表示はインラインコードと同様です。

テキスト色

ブロック内の選択した文字列のテキスト色を指定できます。

テキスト色
上付き

ブロック内の選択した文字列を上付きにできます。

上付き
下付き

ブロック内の選択した文字列を下付きにできます。

下付き
取り消し線

ブロック内の選択した文字列に取り消し線を表示できます。

取り消し線

-WordPress
-