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. […] 記事ピックアップスライダーの使用方法 ヘッダー下スライダーに…

• カード型記事に溶け込むアドセンス広告
  投稿者: admin
  2月 21, 2022
  HEPEREは記事一覧に溶け込むアドセンス広告を採用しています。 Contents[非表示]実際の設定イメージ … 続きを読む
• おすすめ記事スライダーについて
  投稿者: admin
  2月 6, 2022
  本デモサイトはヘッダーの下に記事のピックアップスライダーをオシャレに表示することをコンセプトに作りました。 で … 続きを読む
• HEPEREで使用可能なブロックの一覧
  投稿者: admin
  2月 2, 2022
  pタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザインpタグのデザイ … 続きを読む

• 2022年2月

• サンプル

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

埋め込み