プルクオート

Posted: 2019/12/9 Updated: 2020/6/9

内部ブロック名:core/pullquote

ブロックの選択方法

入力欄の横にある[+]マークをクリックして、「フォーマット」から「プルクオート」をクリックします。

デフォルト

つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。

Wikipediaより
<figure class="wp-block-pullquote">
	<blockquote>
		<p>
			つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。
		</p>
		<cite>
			<em>
				Wikipediaより
			</em>
		</cite>
	</blockquote>
</figure>

配置

ツールチップから配置を変更できます。

左揃え

つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。

Wikipediaより
<figure class="wp-block-pullquote alignleft">
	<blockquote>
		<p>
			<em>
				つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。
			</em>
		</p>
		<cite>
			<em>
				Wikipediaより
			</em>
		</cite>
	</blockquote>
</figure>

右揃え

つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。

Wikipediaより
<figure class="wp-block-pullquote alignright">
	<blockquote>
		<p>
			<em>
				つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。
			</em>
		</p>
		<cite>
			<em>
				Wikipediaより
			</em>
		</cite>
	</blockquote>
</figure>

スタイル

右側の[設定]から、プルクオートのデザインを変更できます。

無地

つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。

Wikipediaより
<figure class="wp-block-pullquote is-style-solid-color">
	<blockquote>
		<p>
			<em>
				つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。
			</em>
		</p>
		<cite>
			<em>
				Wikipediaより
			</em>
		</cite>
	</blockquote>
</figure>

色設定

テーマで設定したカラーパレットから色を設定できます。
なお、このパレットはテーマに依存するので、テーマを変更してカラーパレットが変更になると、色が適用されなくなります。(※ カスタムカラーを除く)

メインカラー

つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。

Wikipediaより
<figure class="wp-block-pullquote" style="border-color:#760303">
	<blockquote>
		<p>
			<em>
				つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。
			</em>
		</p>
		<cite>
			<em>
				Wikipediaより
			</em>
		</cite>
	</blockquote>
</figure>

文字色

つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。

Wikipediaより
<figure class="wp-block-pullquote">
	<blockquote class="has-text-color has-red-color">
		<p>
			<em>
				つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。
			</em>
		</p>
		<cite>
			<em>
				Wikipediaより
			</em>
		</cite>
	</blockquote>
</figure>

メインカラー(スタイル:無地)

つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。

Wikipediaより
<figure class="wp-block-pullquote has-background has-light-gray-background-color is-style-solid-color">
	<blockquote class="has-text-color" style="color:#111111">
		<p>
			<em>
				つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。
			</em>
		</p>
		<cite>
			<em>
				Wikipediaより
			</em>
		</cite>
	</blockquote>
</figure>

文字色(スタイル:無地)

つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。

Wikipediaより
<figure class="wp-block-pullquote is-style-solid-color">
	<blockquote class="has-text-color has-green-color">
		<p>
			<em>
				つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。
			</em>
		</p>
		<cite>
			<em>
				Wikipediaより
			</em>
		</cite>
	</blockquote>
</figure>