WordPress5の新エディタ「Gutenberg(グーテンベルグ)の使い方
(WordPressブロックエディタと呼ばれる)
ブロックは主に5つのグループに分けられる(テキスト,メディア,デザイン,ウィジェット,埋め込み)
ブロック-テキスト
段落
文章(Paragraph)
「Enter」で改行すると別段落となる
1段落内で改行するには[Shift]+「Enter」
ツールバー 配置、太字、リンク 等
設定 フォントサイズ、行の高さ、色、ドロップキャップ 等
見出し
文章の見出し(Heading)
ツールバー 配置、リンク、見出しレベル(h1~h6) 等
設定 フォントサイズ、行の高さ、色 等
リスト
リスト(List)
ツールバー 箇条書きリスト/番号付きリスト、リンク 等
設定 フォントサイズ、色 等
- 箇条書きリスト1
- 箇条書きリスト2
- 箇条書きリスト3
- 番号付きリスト1
- 番号付きリスト2
- 番号付きリスト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>
ここ どっかに行こうと私が言う どこ行こうかとあなたが言う ここもいいなと私が言う ここでもいいねとあなたが言う 言ってるうちに日が暮れて ここがどこかになっていく