WordPressのカスタムHTMLブロック対応
Webブラウザで使える
Webブラウザで使える
オンラインHTMLエディター
見たまま編集（WYSIWYG）するだけで、整形されたHTMLソースを即時取得。
そのままWordPressの投稿ページ「カスタムHTML」ブロックに貼り付けられます。
FEATURES
特徴
見たまま編集のWYSIWYG
ツールバー操作で装飾しコードを自動生成
HTMLソースを即時取得
編集内容に対応する整形済みHTMLをその場で表示
表・画像・リンクに対応
見出しや色付け、テーブル挿入など多彩な要素を扱える
絵文字・特殊文字も挿入
記号や通貨、矢印などをグリッドから選んで追加
EDITOR
エディターでHTMLを作成
出力されるHTMLソースは <html> や <body> タグを含まない「断片（フラグメント）」形式です。WordPressの投稿編集画面で「カスタムHTML」ブロックを追加し、下のソースをそのまま貼り付けてください。
ようこそ！
ここに本文を入力してください。ツールバーのボタンで太字や斜体、文字色、マーカーなどを自由に設定できます。
- 見出し・段落・引用の切り替え
- 表、画像、リンクの挿入
- 絵文字・特殊文字の挿入
編集が終わったら上の「ソース」タブに切り替えて、生成されたHTMLを確認・コピーしましょう。
ヒント：「ソース」タブではHTMLコードを直接編集することもできます。編集後に「ビジュアル」タブに戻ると内容が反映されます。
HOW TO USE
使い方
1
ビジュアルタブで編集
ツールバーで文字を装飾しながら本文を入力
2
要素やスタイルを追加
見出しや表、画像、リンクをボタンから挿入し体裁を調整
3
ソースタブに切り替え
生成されたHTMLコードを表示して仕上がりを確認
4
ダウンロードで保存
完成したHTMLを1ファイルとして書き出し保存
USE CASES
ユースケース
WordPressへの貼り付け
生成したHTMLを「カスタムHTML」ブロックにそのまま貼り付けて投稿に反映
メルマガ本文の作成
配信用のHTMLメールを装飾付きで手早く作成
ブログ記事の下書き
見出しや箇条書きを整えた記事HTMLを準備
HTMLの学習・練習
編集とソースを見比べてタグの構造を理解
メール署名のHTML化
ロゴやリンク入りの署名をHTMLとして書き出し
