WP5.3で検証

一般ブロック

引用

引用ブロックは、他人の文章を挿入する場合に使う。
プルクオートブロックは、自分の文章の一部を目立たせる抜粋のような使い方。

デフォルト表示

引用分が入ります。

引用元が入ります
<blockquote class="wp-block-quote">
	<p>引用文が入ります。</p>
	<cite>引用元が入ります</cite>
</blockquote>

引用文が貼ります。
複数行対応

段落も対応
引用元なしのサンプル

<blockquote class="wp-block-quote">
	<p>引用文が貼ります。<br>
	複数行対応</p>
	<p>段落も対応<br>
	引用元なし</p>
</blockquote>

ブロック設定パネル

高度な設定

スタイル設定

（未指定）（なし）
デフォルト.is-style-default
大.is-style-large

引用ブロックのスタイル大設定のサンプル
ダミーテキスト

引用元が入ります
<blockquote class="wp-block-quote is-style-large">
	<p>引用ブロックのスタイル大設定のサンプル</p>
	<cite>引用元が入ります</cite>
</blockquote>

スタイル設定

標準スタイル

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    margin: 0 0 16px;
    padding:0 1em
}

.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
    font-size: 24px;
    font-style: italic;
    line-height:1.6
}

.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
    font-size: 18px;
    text-align:right
}
.wp-block-quote {
    border-left: 4px solid #000;
    margin: 0 0 28px;
    padding-left:1em
}

.wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer {
    color: #6c7781;
    font-size: 13px;
    margin-top: 1em;
    position: relative;
    font-style:normal
}

.wp-block-quote.has-text-align-right {
    border-left: none;
    border-right: 4px solid #000;
    padding-left: 0;
    padding-right:1em
}

.wp-block-quote.has-text-align-center {
    border: none;
    padding-left:0
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    border:none
}

要注意

引用内の、文字寄せ / 強調 / リンク などの設定に対するスタイル設定。
センタリングするとボーダー非表示。

引用を右寄せ

センタリング

<blockquote class="wp-block-quote has-text-align-right"><p>引用を右寄せ</p></blockquote>

<blockquote class="wp-block-quote has-text-align-center"><p>センタリング</p></blockquote>

ブロック制御コメント

<!-- wp:quote -->
<!-- /wp:quote -->

<!-- wp:quote {"className":"is-style-large"} -->
<!-- /wp:quote -->

<!-- wp:quote {"align":"right"} -->
<!-- /wp:quote -->

<!-- wp:quote {"align":"center"} -->
<!-- /wp:quote -->