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 };
}

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

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

リーナス・トーバルズ

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

メディア系ブロック

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

見出し

テキスト

テキスト

テキスト

デザイン系ブロック

ウィジェット系ブロック

• 元山農園（デモサイト５）のコンセプトについて
  投稿者: admin
  3月 31, 2022
  コンセプト 背景画像を設定したデザインをコンセプトに作成しています。 背景にいちごをモチーフにしたパステルカラ […]
• HEPEREは記事一覧に溶け込むアドセンス広告を採用しています。
  投稿者: admin
  3月 31, 2022
  実際の設定イメージ カード型記事にアドセンス広告を表示すると以下のようになります。※画像はデモサイト６のもので […]
• HEPEREで使用可能なブロックの一覧
  投稿者: admin
  3月 27, 2022
  pタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザイ […]

• 2022年3月

• サンプル
• 紹介

まだここに表示するコンテンツはありません。

埋め込み