ブロックエディタ テキスト編

WordPress5の新エディタ「Gutenberg(グーテンベルグ)の使い方
(WordPressブロックエディタと呼ばれる)
ブロックは主に5つのグループに分けられる(テキスト,メディア,デザイン,ウィジェット,埋め込み)

ブロック-テキスト

段落

文章(Paragraph)
「Enter」で改行すると別段落となる
1段落内で改行するには[Shift]+「Enter」
ツールバー 配置、太字、リンク 等
設定 フォントサイズ、行の高さ、色、ドロップキャップ 等

見出し

文章の見出し(Heading)
ツールバー 配置、リンク、見出しレベル(h1~h6) 等
設定 フォントサイズ、行の高さ、色 等

リスト

リスト(List)
ツールバー 箇条書きリスト/番号付きリストリンク 等
設定 フォントサイズ、色 等

  • 箇条書きリスト1
  • 箇条書きリスト2
  • 箇条書きリスト3
  1. 番号付きリスト1
  2. 番号付きリスト2
  3. 番号付きリスト3

引用

引用(Quotation)

Python(パイソン)はインタープリタ型の高水準汎用プログラミング言語である。グイド・ヴァン・ロッサムにより創り出され、1991年に最初にリリースされたPythonの設計哲学は、有意なホワイトスペース(オフサイドルール)の顕著な使用によってコードの可読性を重視している。

Python – Wikipedia

コード

コード(code)
余白やタグを考慮したコードスニペットを表示

<style>
  .pl15{padding-left:1.5em!important;}
</style>

クラシック

従来の WordPress エディターを使用

整形済みテキスト

  整形済みテキスト
    スペースやタブを含むテキストを追加し、スタイリングして表示します。

プルクオート

投稿やページのテキストを強調する場合は、 プルクオートブロック を使用することで、特定の部分を簡単に見栄えよくできます。

プルクオートは引用と似ていますが、より目を引くデザインになっています。

プルクオートブロック – 日本語サポート

表(Table)
ツールバー 配置、表を編集、テキストの配置リンク 等
設定 スタイル(デフォルト/ストライプ)、ヘッダーセクショウン 等

ラベルAラベルB
1
2
3

詩を挿入
特別な余白形式を使ったり、歌詞を引用したり出来る
<pre> タグ (PREformatted text 整形済みテキスト)
<pre class=”wp-block-verse”>~</pre>

ここ
 どっかに行こうと私が言う
  どこ行こうかとあなたが言う
   ここもいいなと私が言う
    ここでもいいねとあなたが言う
     言ってるうちに日が暮れて
      ここがどこかになっていく
投稿日:
カテゴリー: WordPress