アメブロAI集客支援|3日間無料プランを試す >

登録不要・無料で使える6つのツール

アメブロの無料装飾ツール

見出し、囲み枠、ボタンなど。
記事に合うデザインを選んで、読みやすく整えませんか。

文章とデザインを設定し、できあがったコードをアメブロへ貼り付けて使えます。

たとえば、こんな記事に

体験レッスンのご案内

はじめての方も、気軽にご参加ください。

こんな方におすすめ
・新しいことを始めたい
・自分に合う教室を探している
レッスンの詳細を見る

見出し・囲み枠・ボタンの使用イメージ

すべて無料・登録不要

作りたいものから選ぶ

見た目や用途から、使いたいツールを開いてください。

掲載例は使用イメージです。選べるデザインや設置方法は、各ツールでご確認ください。

さらにデザインや機能を選びたい方へ

作りたい記事に合わせて、有料版も選べます

無料版とは異なるデザインや、より細かな設定を使いたい方に。
サービス案内や募集記事、PC版ブログ全体のデザインにも対応したプランがあります。
有料版は画面下部にプレビューを固定表示。編集しながら仕上がりを確認できます。

記事の装飾を充実させたい

装飾ツールパック

見出しや囲み枠を、
より好みのデザインに。

  • 記事装飾の会員向け6ツール
  • 無料版とは異なるデザイン
  • カラーや表示の詳細設定
装飾パックの内容・料金を見る

PC版ブログ全体も整えたい

導線デザインPRO

記事に加えて、
PC版ブログの見た目も。

  • 装飾・導線ツール一式
  • PC版ブログのデザインCSS
  • CSS編集対応のテンプレート向け
PROの内容・料金を見る

はじめての方へ

使い方は、選んで・設定して・貼り付ける

  1. ツールを選ぶ

    作りたい見出しや囲み枠などのツールを開きます。

  2. 文章とデザインを設定

    文章や色を入れ、プレビューで仕上がりを確認します。

  3. コードを貼り付ける

    生成コードをコピーし、各ツールの案内に沿ってアメブロに設置します。

利用前に確認したいこと

無料ツールに会員登録は必要ですか?

会員登録は不要です。このページの6つの無料ツールは、そのまま開いてご利用いただけます。

無料版と有料版は何が違いますか?

選べるデザインや設定項目が異なります。また、有料版ではプレビューが画面下部に固定表示されるため、編集しながら仕上がりを確認できます。プランに応じて導線専用ツールやPC版ブログのデザインCSSも利用できます。詳しくは料金プラン表をご確認ください。

作ったコードはどこに貼り付けますか?

記事のHTML表示などへ貼り付けます。メニューバーなど、ツールによって設置場所が異なるため、各ツール内の案内をご確認ください。