WeChatパブリックアカウントのMarkdown組版完全ガイド：執筆からワンクリック公開まで

なぜWeChatの組版はこんなに大変なのか？

WeChatパブリックアカウントのネイティブエディターはWYSIWYGのリッチテキストエディターで、Markdown構文をサポートしていません。多くのクリエイターの作業フローは：Markdownで執筆→WeChatエディターでフォント、色、余白を手動調整→画像をアップロード→公開、というものです。このプロセスは平均30〜60分かかる純粋な繰り返し作業です。

WeChatにはもう一つの制約があります：外部CSS、CSS変数、<script>タグが使えません。CSSクラス名を使ったHTMLを貼り付けると、すべてのスタイルが失われます。そのため、リッチテキストのコピーはすべてのスタイルをインライン style 属性として書き込む必要があります。

Mark.buildはこの問題をどう解決するか

Mark.buildの「リッチテキストをコピー」機能はWeChatパブリックアカウント向けに最適化されています：

1. CSS変数を具体的な色の値に展開する——コピー時にブラウザの getComputedStyle APIを使い、すべてのテーマ変数を実際のRGB値に解決して各要素の style 属性に書き込みます。
2. WeChatがフィルタリングするタグを除去する——<button>（コードブロックのコピーボタン）、<script>、<style> などのタグを自動的に削除します。
3. 画像表示を正規化する——すべての画像に display:block; max-width:100% を追加して、WeChat内での画像のはみ出しを防ぎます。

3ステップで完成

ステップ1：Mark.buildで記事を書く

エディターを開き、Markdownで記事を書きます。コードブロック、引用、テーブル、見出し階層はすべて通常通り使えます。

ステップ2：WeChat向けのテーマを選ぶ

WeChat組版に推奨するテーマ：

• Default：クリーンでニュートラル、ほとんどのコンテンツに適しています
• 三联 (Sanlian)：暖かみのある白地にセリフフォント、人文系の記事に最適
• Magazine：太いセリフの見出し、深掘り報道スタイルに向いています
• Minimal：超ミニマル、個人的な意見記事に最適

テーマを選んだら、エディター右上の「カラーモード」でライトモードを確認してください——WeChatの閲覧環境はほぼライトです。

ステップ3：リッチテキストをコピーしてWeChatに貼り付ける

右上の「エクスポート」→「リッチテキストをコピー」をクリックします。レンダリングされた記事（完全なインラインスタイル付き）がクリップボードに書き込まれます。

WeChatパブリックアカウントのバックエンドエディターを開き、Ctrl+V / ⌘+Vで貼り付けます。見出し、本文、コードブロック、引用ブロックのスタイルが完全に保持されます。

よくある質問

WeChatでコードブロックが正しく表示されない？

WeChatエディターは pre タグを特別に処理するため、モノスペースフォントが崩れることがあります。コードブロックをスクリーンショットして画像として挿入するか、Mark.buildの「PNG書き出し」機能でコードの画像を生成することをおすすめします。

貼り付け後にフォントがおかしい？

WeChatは font-family を上書きして独自のフォント設定を優先します。これはプラットフォームの制限であり、回避できません。フォントウェイト（太字）とフォントサイズは通常正しく保持されます。

画像は別途アップロードが必要？

はい。貼り付け後、画像の src が外部URLの場合、WeChatは自動ダウンロードしません。WeChatエディターで手動で素材ライブラリにアップロード済みの画像に置き換える必要があります。あらかじめ画像をWeChatの素材ライブラリにアップロードしてから、そのURLをMarkdownで使うことをおすすめします。

他のMarkdown→WeChat変換ツールとの比較

さっそく試してみる： エディターを開いて最初のWeChatの記事を書く →