テスト記事：WordPressのブロックテーマについて

これはWordPressカテゴリーのテスト記事です。コードブロックの書き方の見本も兼ねています。

ファイル名を表示する

コードブロックの最初の行に title="ファイル名" を付けると、エディタのタブのようにファイル名が表示されます。

<?php
add_action( 'init', function () {
  register_block_pattern_category( 'my-patterns', array( 'label' => 'マイパターン' ) );
} );

ターミナルのコマンド

言語に bash を指定すると、ターミナル風の枠で表示されます。

npm create astro@latest -- --template blog
npm run dev

行をハイライトする

{2-3} のように行番号を書くと、その行が強調されます。

export default defineConfig({
  site: 'https://example.com',
  integrations: [mdx(), sitemap()],
});

追加・削除した行を示す

ins={3} で追加した行、del={2} で削除した行を示せます。

export default defineConfig({
  integrations: [mdx(), sitemap()],
  integrations: [expressiveCode(), mdx(), sitemap()],
});

行番号を表示する

showLineNumbers を付けると行番号が出ます。

1
:root {
2
  --color-text: #2d3748;
3
  --color-accent: #c5a059;
4
}

文中のコード

文中では npm run build のように書けます。