HEPEREで使用可能なブロックの一覧

pタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザイン

H2見出し

H3

H4見出し

H5見出し

H6見出し

インラインブロック

リンクのデザイン。

太字（ボールド）のデザイン

斜線（イタリック）のデザイン。

コードのデザイン

テキストの色を変更。

上付き文字テキスト^※注釈のデザイン。

下付き文字テキスト_※注釈のデザイン。

打ち消し文字のデザイン。

リスト系デザイン

• 第1階層
• 第1階層
  • 第2階層
  • 第2階層
  • 第2階層
    • 第3階層
    • 第3階層
    • 第3階層
  • 第2階層
• 第1階層

1. 第1階層
2. 第1階層
   • 第2階層
   • 第2階層
   • 第2階層
     • 第3階層
     • 第3階層
     • 第3階層
   • 第2階層
3. 第1階層

その他のテキスト系ブロック

export function useHeading(
	props: WordPressComponentProps< HeadingProps, 'h1' >
) {
	const { as: asProp, level = 2, ...otherProps } = useContextSystem(
		props,
		'Heading'
	);

	const as = ( asProp || `h${ level }` ) as keyof JSX.IntrinsicElements;

	const a11yProps: {
		role?: string;
		'aria-level'?: number;
	} = {};
	if ( typeof as === 'string' && as[ 0 ] !== 'h' ) {
		// if not a semantic `h` element, add a11y props:
		a11yProps.role = 'heading';
		a11yProps[ 'aria-level' ] =
			typeof level === 'string' ? parseInt( level ) : level;
	}

	const textProps = useText( {
		color: COLORS.darkGray.heading,
		size: getHeadingFontSize( level ),
		isBlock: true,
		weight: CONFIG.fontWeightHeading as import('react').CSSProperties[ 'fontWeight' ],
		...otherProps,
	} );

	return { ...textProps, ...a11yProps, as };
}

ここで私の黄金律を紹介しよう。

一つ目は「自分がして欲しいことを人にもしてあげよう」。
このルールを遵守すれば、どんな状況にあっても自分がどんな行動をとるべきかちゃんと分かるというわけ。
二つ目は「自分のすることに誇りを持て」。
三つ目は、「そして、楽しめ」。

リーナス・トーバルズ

３、２、１、ぱちんでぜんぶ忘れるよって今のは説明だから泣くなよ

メディア系ブロック

十分な目ん玉があれば、全てのバグは洗い出される

見出し

テキスト

テキスト

テキスト

デザイン系ブロック

ウィジェット系ブロック

1. […] 【新作情報】Sample Watch入荷しました投稿者: a…

• 
  【入荷情報】Demo Watch入荷しました
  投稿者: admin
  2月 16, 2022
  新作情報です。 全店に DEMO WATCH を入荷しました。 DEMO WATCH スペック Ref：100 … 続きを読む
• 
  【新作情報】Sample Watch入荷しました
  投稿者: admin
  2月 16, 2022
  新作情報です。 全店に SAMPLE WATCH を入荷しました。 SAMPLE WATCH スペック ケース … 続きを読む
• HEPEREで使用可能なブロックの一覧
  投稿者: admin
  2月 6, 2022
  pタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザイ … 続きを読む

• 2022年2月

• サンプル
• 入荷情報

demo-watch sample-watch

埋め込み