<div style="background-position:50% 50%;--bg-position-mobile:50% 50%;--bg-position-tablet:50% 50%;--min-height-mobile:auto;--min-height-tablet:auto;--min-height-pc:auto" class="wp-block-vk-blocks-outer vkb-outer-74d34cfd-38e2-44ec-ac7a-cc01d34d9dcc vk_outer vk_outer-width-full alignfull vk_outer-paddingLR-none vk_outer-paddingVertical-none vk_outer-bgPosition-normal"><span class="vk_outer-background-area has-background has-background-dim" style="background-color:#f3f4f5;opacity:0"></span><div><div class="vk_outer_container is-layout-flow wp-block-vk-blocks-outer-is-layout-flow">
<h1 class="wp-block-heading has-text-align-center alignfull">Markdown Renderer for GitHub</h1>
<p class="alignwide wp-block-paragraph">GitHub 風の Markdown、Shiki シンタックスハイライト、Mermaid/PlantUML 図表を WordPress 上でそのままレンダリング。</p>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-xs--margin-top"></div></div>
</div></div></div>
<div style="background-position:50% 50%;--bg-position-mobile:50% 50%;--bg-position-tablet:50% 50%;--min-height-mobile:auto;--min-height-tablet:auto;--min-height-pc:auto" class="wp-block-vk-blocks-outer vkb-outer-92ec985d-c472-4e17-a3d5-44b9688e3103 vk_outer vk_outer-width-full alignfull vk_outer-paddingLR-none vk_outer-paddingVertical-use vk_outer-bgPosition-normal"><span class="vk_outer-background-area has-background has-background-dim" style="background-color:#f3f4f5;opacity:0"></span><div><div class="vk_outer_container is-layout-flow wp-block-vk-blocks-outer-is-layout-flow">
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-height"><div class="vk_block-margin-lg--height"></div></div>
<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain">主な特長</h2>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-md--margin-top"></div></div>
<div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-ec947ce2 wp-block-group-is-layout-grid">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-outline"><div class="vk_icon_border has-text-color has-primary-color"><i class="far vk_icon_font fa-file-alt" aria-hidden="true"></i></div></div></div>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-sm--margin-top"></div></div>
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top" id="カラムの見出し" style="line-height:1">美しいシンタックスハイライト</h3>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-xs--margin-top"></div></div>
<p class="vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top wp-block-paragraph">VS Code と同じ Shiki エンジンで 100 以上の言語をハイライト。GitHub Light/Dark など複数テーマに対応。</p>
</div>
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-outline"><div class="vk_icon_border has-text-color has-primary-color"><i class="fas vk_icon_font fa-building" aria-hidden="true"></i></div></div></div>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-sm--margin-top"></div></div>
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top" id="カラムの見出し-2" style="line-height:1">インタラクティブな図表</h3>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-xs--margin-top"></div></div>
<p class="vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top wp-block-paragraph">Mermaid・PlantUML・Chart.js を Markdown 内でそのまま描画。Lightbox でズーム&パン表示も可能。</p>
</div>
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-outline"><div class="vk_icon_border has-text-color has-primary-color"><i class="fas vk_icon_font fa-users" aria-hidden="true"></i></div></div></div>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-sm--margin-top"></div></div>
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top" id="カラムの見出し-3" style="line-height:1">SSR と多言語対応</h3>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-xs--margin-top"></div></div>
<p class="vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top wp-block-paragraph"><meta charset="utf-8"></meta>サーバーサイドレンダリングで高速・SEO に強く、パスベースの多言語ルーティングにも対応。</p>
</div>
</div>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-md--margin-top"></div></div>
<p class="wp-block-paragraph">Markdown Renderer for GitHub は、慣れ親しんだ GitHub の Markdown 体験を WordPress にもたらすプラグインです。GitHub Flavored Markdown を 100% 互換でレンダリングし、Shiki によるシンタックスハイライト、Mermaid/PlantUML/Chart.js の図表、サーバーサイドレンダリング、多言語対応までをカバーします。技術ブログ・ドキュメントサイト・API ドキュメントなど、プロフェッショナルなコード表示が必要なあらゆるコンテンツに最適です。</p>
</div></div></div>
<div style="background-position:50% 50%;--bg-position-mobile:50% 50%;--bg-position-tablet:50% 50%;--min-height-mobile:auto;--min-height-tablet:auto;--min-height-pc:auto" class="wp-block-vk-blocks-outer vkb-outer-d2b4eb14-e9e8-4dce-8ade-fc132806906c vk_outer vk_outer-width-full alignfull vk_outer-paddingLR-none vk_outer-paddingVertical-use vk_outer-bgPosition-normal"><span class="vk_outer-background-area has-background has-background-dim" style="background-color:#f3f4f5;opacity:0"></span><div><div class="vk_outer_container is-layout-flow wp-block-vk-blocks-outer-is-layout-flow">
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-height"><div class="vk_block-margin-lg--height"></div></div>
<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain">Proプラン</h2>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-md--margin-top"></div></div>
<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-center is-style-none"><a href="https://markdown-renderer.wakalab.dev/pricing/" class="vk_button_link btn has-background has-vk-color-primary-background-color btn-md" role="button" aria-pressed="true" rel="noopener"><div class="vk_button_link_caption"><span class="vk_button_link_txt">Proプラインを購入する</span></div></a></div>
</div></div></div>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-md--margin-top"></div></div>
<div style="background-position:50% 50%;--bg-position-mobile:50% 50%;--bg-position-tablet:50% 50%;--min-height-mobile:auto;--min-height-tablet:auto;--min-height-pc:auto" class="wp-block-vk-blocks-outer vkb-outer-8ed98337-2125-4b53-8a09-916da864003f vk_outer vk_outer-width-full alignfull vk_outer-paddingLR-zero vk_outer-paddingVertical-use vk_outer-bgPosition-normal"><span class="vk_outer-background-area has-background has-background-dim" style="background-color:#f3f4f5;opacity:0"></span><div><div class="vk_outer_container is-layout-flow wp-block-vk-blocks-outer-is-layout-flow">
<div class="wp-block-cover alignfull is-light" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#f5f5f5"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-height"><div class="vk_block-margin-lg--height"></div></div>
<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top">ブログ</h2>
<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom wp-block-paragraph"></p>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-md--margin-top"></div></div>
<div class="vk_posts vk_posts-postType-post vk_posts-layout-media vk_postList "><div id="post-82" class="vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-6 vk_post-col-md-4 vk_post-col-lg-4 vk_post-col-xl-4 vk_post-col-xxl-4 post-82 post type-post status-publish format-standard has-post-thumbnail hentry category-debugging tag-mrg tag-rust tag-shiki tag-syntax-highlighting tag-wordpress"><div class="vk_post_imgOuter media-img" style="background-image:url(https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-82-1024x572.jpg)"><a href="https://markdown-renderer.wakalab.dev/fixing-rust-syntax-highlighting/"><div class="card-img-overlay"><span class="vk_post_imgOuter_singleTermLabel" style="color:#fff;background-color:#dd3333">デバッグ</span></div><img width="300" height="167" src="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-82-300x167.jpg" class="vk_post_imgOuter_img wp-post-image" alt="Rustのシンタックスハイライトが効かない問題の解決を表す画像" srcset="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-82-300x167.jpg 300w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-82-1024x572.jpg 1024w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-82-768x429.jpg 768w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-82.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><!-- [ /.vk_post_imgOuter ] --><div class="vk_post_body media-body"><h5 class="vk_post_title media-title"><a href="https://markdown-renderer.wakalab.dev/fixing-rust-syntax-highlighting/">Rust のシンタックスハイライトが効かない問題の解決</a></h5><div class="vk_post_dates"><div class="vk_post_date media-date published"><i class="fa-solid fa-calendar-days" aria-hidden="true"></i>2026年6月16日</div></div></div><!-- [ /.media-body ] --></div><!-- [ /.media ] --><div id="post-81" class="vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-6 vk_post-col-md-4 vk_post-col-lg-4 vk_post-col-xl-4 vk_post-col-xxl-4 post-81 post type-post status-publish format-standard has-post-thumbnail hentry category-performance tag-caching tag-mrg tag-performance tag-php tag-ssr tag-wordpress"><div class="vk_post_imgOuter media-img" style="background-image:url(https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-81-1024x572.jpg)"><a href="https://markdown-renderer.wakalab.dev/ssr-code-and-mermaid-caching/"><div class="card-img-overlay"><span class="vk_post_imgOuter_singleTermLabel" style="color:#fff;background-color:#81d742">パフォーマンス</span></div><img width="300" height="167" src="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-81-300x167.jpg" class="vk_post_imgOuter_img wp-post-image" alt="サーバーサイドレンダリング(SSR)とキャッシュによるパフォーマンス改善の概念図" srcset="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-81-300x167.jpg 300w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-81-1024x572.jpg 1024w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-81-768x429.jpg 768w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-81.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><!-- [ /.vk_post_imgOuter ] --><div class="vk_post_body media-body"><h5 class="vk_post_title media-title"><a href="https://markdown-renderer.wakalab.dev/ssr-code-and-mermaid-caching/">SSR 機能の実装 — コードと Mermaid のサーバー側生成とキャッシュ</a></h5><div class="vk_post_dates"><div class="vk_post_date media-date published"><i class="fa-solid fa-calendar-days" aria-hidden="true"></i>2026年6月16日</div></div></div><!-- [ /.media-body ] --></div><!-- [ /.media ] --><div id="post-80" class="vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-6 vk_post-col-md-4 vk_post-col-lg-4 vk_post-col-xl-4 vk_post-col-xxl-4 post-80 post type-post status-publish format-standard has-post-thumbnail hentry category-features tag-frontmatter tag-i18n tag-javascript tag-mrg tag-wordpress"><div class="vk_post_imgOuter media-img" style="background-image:url(https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-80-1024x572.jpg)"><a href="https://markdown-renderer.wakalab.dev/frontmatter-feature-and-i18n/"><div class="card-img-overlay"><span class="vk_post_imgOuter_singleTermLabel" style="color:#fff;background-color:#1e73be">機能実装</span></div><img width="300" height="167" src="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-80-300x167.jpg" class="vk_post_imgOuter_img wp-post-image" alt="フロントマターのYAMLコードと、多言語対応のユーザーインターフェースが並んだ画面のスクリーンショット。" srcset="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-80-300x167.jpg 300w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-80-1024x572.jpg 1024w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-80-768x429.jpg 768w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-80.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><!-- [ /.vk_post_imgOuter ] --><div class="vk_post_body media-body"><h5 class="vk_post_title media-title"><a href="https://markdown-renderer.wakalab.dev/frontmatter-feature-and-i18n/">フロントマター機能と i18n 多言語対応の実装</a></h5><div class="vk_post_dates"><div class="vk_post_date media-date published"><i class="fa-solid fa-calendar-days" aria-hidden="true"></i>2026年6月16日</div></div></div><!-- [ /.media-body ] --></div><!-- [ /.media ] --><div id="post-79" class="vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-6 vk_post-col-md-4 vk_post-col-lg-4 vk_post-col-xl-4 vk_post-col-xxl-4 post-79 post type-post status-publish format-standard has-post-thumbnail hentry category-features tag-licensing tag-mrg tag-php tag-security tag-wordpress"><div class="vk_post_imgOuter media-img" style="background-image:url(https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-79-1024x572.jpg)"><a href="https://markdown-renderer.wakalab.dev/wordpress-pro-license-management/"><div class="card-img-overlay"><span class="vk_post_imgOuter_singleTermLabel" style="color:#fff;background-color:#1e73be">機能実装</span></div><img width="300" height="167" src="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-79-300x167.jpg" class="vk_post_imgOuter_img wp-post-image" alt="WordPressとライセンス管理、セキュリティ、キャッシュの要素を示す図" srcset="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-79-300x167.jpg 300w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-79-1024x572.jpg 1024w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-79-768x429.jpg 768w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-79.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><!-- [ /.vk_post_imgOuter ] --><div class="vk_post_body media-body"><h5 class="vk_post_title media-title"><a href="https://markdown-renderer.wakalab.dev/wordpress-pro-license-management/">WordPress Pro ライセンス管理システムの実装パターン</a></h5><div class="vk_post_dates"><div class="vk_post_date media-date published"><i class="fa-solid fa-calendar-days" aria-hidden="true"></i>2026年6月16日</div></div></div><!-- [ /.media-body ] --></div><!-- [ /.media ] --><div id="post-78" class="vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-6 vk_post-col-md-4 vk_post-col-lg-4 vk_post-col-xl-4 vk_post-col-xxl-4 post-78 post type-post status-publish format-standard has-post-thumbnail hentry category-debugging tag-css tag-debugging tag-mrg tag-shiki tag-wordpress"><div class="vk_post_imgOuter media-img" style="background-image:url(https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-78-1024x572.jpg)"><a href="https://markdown-renderer.wakalab.dev/debugging-dark-mode-code-highlighting/"><div class="card-img-overlay"><span class="vk_post_imgOuter_singleTermLabel" style="color:#fff;background-color:#dd3333">デバッグ</span></div><img width="300" height="167" src="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-78-300x167.jpg" class="vk_post_imgOuter_img wp-post-image" alt="ダークモードでコードハイライトが正しく表示されない画面のスクリーンショット" srcset="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-78-300x167.jpg 300w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-78-1024x572.jpg 1024w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-78-768x429.jpg 768w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-78.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><!-- [ /.vk_post_imgOuter ] --><div class="vk_post_body media-body"><h5 class="vk_post_title media-title"><a href="https://markdown-renderer.wakalab.dev/debugging-dark-mode-code-highlighting/">ダークモードでコードハイライトが崩れる問題の診断</a></h5><div class="vk_post_dates"><div class="vk_post_date media-date published"><i class="fa-solid fa-calendar-days" aria-hidden="true"></i>2026年6月16日</div></div></div><!-- [ /.media-body ] --></div><!-- [ /.media ] --><div id="post-77" class="vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-6 vk_post-col-md-4 vk_post-col-lg-4 vk_post-col-xl-4 vk_post-col-xxl-4 post-77 post type-post status-publish format-standard has-post-thumbnail hentry category-debugging tag-debugging tag-gutenberg tag-mermaid tag-mrg tag-wordpress"><div class="vk_post_imgOuter media-img" style="background-image:url(https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-77-1024x572.jpg)"><a href="https://markdown-renderer.wakalab.dev/mermaid-classdef-editor-preview/"><div class="card-img-overlay"><span class="vk_post_imgOuter_singleTermLabel" style="color:#fff;background-color:#dd3333">デバッグ</span></div><img width="300" height="167" src="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-77-300x167.jpg" class="vk_post_imgOuter_img wp-post-image" alt="WordPressエディタでMermaidのclassDefが機能しない問題の解決策を示す図。" srcset="https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-77-300x167.jpg 300w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-77-1024x572.jpg 1024w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-77-768x429.jpg 768w, https://markdown-renderer.wakalab.dev/wp-content/uploads/2026/06/featured-77.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><!-- [ /.vk_post_imgOuter ] --><div class="vk_post_body media-body"><h5 class="vk_post_title media-title"><a href="https://markdown-renderer.wakalab.dev/mermaid-classdef-editor-preview/">WordPress エディタで Mermaid classDef が効かない問題の解決</a></h5><div class="vk_post_dates"><div class="vk_post_date media-date published"><i class="fa-solid fa-calendar-days" aria-hidden="true"></i>2026年6月16日</div></div></div><!-- [ /.media-body ] --></div><!-- [ /.media ] --></div>
<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-right is-style-undefined"><a href="https://markdown-renderer.wakalab.dev/blogs/" class="vk_button_link has-text-color vk_button_link-type-text has-black-color btn-md" role="button" aria-pressed="true" rel="noopener"><div class="vk_button_link_caption"><span class="vk_button_link_txt">Blogs</span><i class="fas fa-arrow-circle-right vk_button_link_after" aria-hidden="true"></i></div></a></div>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-height"><div class="vk_block-margin-lg--height"></div></div>
</div>
</div></div>
</div></div></div>
<div style="background-position:50% 50%;--bg-position-mobile:50% 50%;--bg-position-tablet:50% 50%;--min-height-mobile:auto;--min-height-tablet:auto;--min-height-pc:auto" class="wp-block-vk-blocks-outer vkb-outer-10ea4f7a-5a4b-4ba6-b13b-627698bc3640 vk_outer vk_outer-width-full alignfull vk_outer-paddingLR-zero vk_outer-paddingVertical-use vk_outer-bgPosition-normal"><span class="vk_outer-background-area has-background has-background-dim" style="background-color:#f3f4f5;opacity:0"></span><div><div class="vk_outer_container is-layout-flow wp-block-vk-blocks-outer-is-layout-flow">
<div class="wp-block-cover alignfull is-light" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#f5f5f5"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-height"><div class="vk_block-margin-lg--height"></div></div>
<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top">ニュース</h2>
<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom wp-block-paragraph"></p>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top"><div class="vk_block-margin-md--margin-top"></div></div>
<div class="vk_posts vk_posts-postType-news vk_posts-layout-postListText vk_postList "><div id="post-215" class="vk_post vk_post-postType-news postListText post-215 news type-news status-publish hentry category-markdown-renderer-for-github"><span class="postListText_date published"><i class="fa-solid fa-calendar-days" aria-hidden="true"></i>2026年7月24日</span><p class="postListText_title"><a href="https://markdown-renderer.wakalab.dev/news/release-v2-11-0/">Markdown Renderer for GitHub v2.11.0 をリリースしました / released</a></p></div><div id="post-214" class="vk_post vk_post-postType-news postListText post-214 news type-news status-publish hentry category-markdown-renderer-for-github"><span class="postListText_date published"><i class="fa-solid fa-calendar-days" aria-hidden="true"></i>2026年7月13日</span><p class="postListText_title"><a href="https://markdown-renderer.wakalab.dev/news/release-v2-10-5/">Markdown Renderer for GitHub v2.10.5 をリリースしました / released</a></p></div><div id="post-208" class="vk_post vk_post-postType-news postListText post-208 news type-news status-publish hentry category-markdown-renderer-for-github"><span class="postListText_date published"><i class="fa-solid fa-calendar-days" aria-hidden="true"></i>2026年7月3日</span><p class="postListText_title"><a href="https://markdown-renderer.wakalab.dev/news/release-v2-10-4/">Markdown Renderer for GitHub v2.10.4 をリリースしました / released</a></p></div></div>
<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-right is-style-undefined"><a href="https://markdown-renderer.wakalab.dev/%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9/" class="vk_button_link has-text-color vk_button_link-type-text has-black-color btn-md" role="button" aria-pressed="true" rel="noopener"><div class="vk_button_link_caption"><span class="vk_button_link_txt">ニュース一覧</span><i class="fas fa-arrow-circle-right vk_button_link_after" aria-hidden="true"></i></div></a></div>
<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-height"><div class="vk_block-margin-lg--height"></div></div>
</div>
</div></div>
</div></div></div>
<p class="wp-block-paragraph"></p>
Markdown Renderer for GitHub
GitHub 風の Markdown、Shiki シンタックスハイライト、Mermaid/PlantUML 図表を WordPress 上でそのままレンダリング。
主な特長
美しいシンタックスハイライト
VS Code と同じ Shiki エンジンで 100 以上の言語をハイライト。GitHub Light/Dark など複数テーマに対応。
インタラクティブな図表
Mermaid・PlantUML・Chart.js を Markdown 内でそのまま描画。Lightbox でズーム&パン表示も可能。
SSR と多言語対応
サーバーサイドレンダリングで高速・SEO に強く、パスベースの多言語ルーティングにも対応。
Markdown Renderer for GitHub は、慣れ親しんだ GitHub の Markdown 体験を WordPress にもたらすプラグインです。GitHub Flavored Markdown を 100% 互換でレンダリングし、Shiki によるシンタックスハイライト、Mermaid/PlantUML/Chart.js の図表、サーバーサイドレンダリング、多言語対応までをカバーします。技術ブログ・ドキュメントサイト・API ドキュメントなど、プロフェッショナルなコード表示が必要なあらゆるコンテンツに最適です。
ブログ
Rust のシンタックスハイライトが効かない問題の解決
2026年6月16日
フロントマター機能と i18n 多言語対応の実装
2026年6月16日
WordPress Pro ライセンス管理システムの実装パターン
2026年6月16日
ダークモードでコードハイライトが崩れる問題の診断
2026年6月16日





