AI×集客支援サービス|3日間お試しプランを申し込む >
登録不要・無料で使える

装飾ツール

見出し・囲み枠・吹き出し・ボタン・区切り線・メニューバーを、 選択と入力だけで簡単に作成できます。 生成されたHTMLコードをコピーして、アメブロへ貼り付けるだけで利用できます。

登録不要 無料で利用可能 専門知識不要 プレビュー対応 コピーして貼るだけ
無料アメブロツールで見出しや囲み枠などを作成するイメージ
FREE TOOLS

作りたいデザインを選んでください

すべて無料で利用できます。 各ツールを開き、文章・デザイン・カラーなどを設定してください。

無料

見出し作成ツール

記事の内容を整理し、読みやすくする見出しを作成できます。 h2・h3・h4に対応しています。

  • h2・h3・h4対応
  • デザイン・カラー選択
  • 用途別の文言テンプレート
無料

囲み枠・ボックス作成ツール

要点まとめ・お知らせ・注意書き・チェックリストなどに使える囲み枠を作成できます。

  • 要点・お知らせ・注意書き
  • 箇条書き・チェックリスト
  • 関連リンクの設置
無料

吹き出し作成ツール

会話・補足・お客様の声・よくある質問などに使える吹き出しを作成できます。

  • 左右表示対応
  • 文字・画像・絵文字アイコン
  • 表示名の設定
無料

ボタン作成ツール

申込み・予約・LINE登録・お問い合わせなどへ誘導するボタンを作成できます。

  • 申込み・予約・お問い合わせ
  • LINE・電話・メール対応
  • 複数のボタンデザイン
無料

線・罫線・区切り線作成ツール

記事本文や案内部分を見やすく区切る、線・罫線・装飾線を作成できます。

  • 実線・点線・二重線
  • グラデーション対応
  • 中央文字・絵文字対応
無料

メニューバー作成ツール

アメブロのヘッダー下に表示する、プロフィール・サービス・お問い合わせ用メニューを作成できます。

  • 2〜5個のメニューに対応
  • 業種別テンプレート
  • フリースペースへ設置
HOW TO USE

装飾ツールは3ステップで使えます

難しいHTMLやCSSの知識は必要ありません。 作成したコードをコピーして、アメブロへ貼り付けるだけです。

STEP 1

ツールを選ぶ

見出し・囲み枠・吹き出し・ボタンなど、作成したいツールを開きます。

STEP 2

内容とデザインを設定する

文章・用途・デザイン・カラーを選び、プレビューで仕上がりを確認します。

STEP 3

コードをコピーして貼り付ける

生成されたコードをコピーし、アメブロのHTML表示などへ貼り付けます。

登録不要 無料で利用可能 何度でも作成可能
MORE FEATURES

さらに多くのデザインや機能を使う

会員向けプランでは、無料版より多くのデザイン・カラー・詳細設定を利用できます。 申込み導線やブログ全体のデザインを作成するツールも用意しています。

記事を読みやすくする

装飾ツールパック

見出し・囲み枠・吹き出し・ボタン・区切り線・メニューバーの会員向け版を利用できます。

  • 記事装飾ツール6種類
  • 豊富なデザイン・カラー
  • 細かな表示設定
装飾ツールパックを見る
ブログ全体を整える

導線デザインPRO

装飾・申込み導線ツールに加えて、アメブロ全体のデザインCSSを作成できます。

  • 装飾・導線ツール全種類
  • ブログデザイン用CSS
  • 記事からブログ全体まで対応
導線デザインPROを見る
SUPPORT

利用方法に迷ったときは

ツールの使い方や表示方法、コードの貼り付け方などでお困りの場合は、 お問い合わせページからご連絡ください。