the-affinger.com の工房

追従バナー工房v1.7.1

画面を動かしても付いてくる案内（バナーやボタン）を作る道具です。できあがったコードは、WordPress のカスタムHTMLブロックに貼るだけで動きます。

3,980円税込・買い切り
BOOTH で購入する 4本まとめて 7,980円

HTML 1枚で動き、インストールは要りません。決済とダウンロードは BOOTH で行います。

体験版設定をさわると、見本がその場で変わります。コードの表示とコピーは製品版でできます。別の画面で開く

体験版は、パソコンで開くと設定と見本を並べてさわれます。スマホでも開けます（設定が上、見本が下に並びます）。

体験版を開く

決めてある所

  • 形は6つ

    バナー（帯・カード）、下の2ボタン、右端の縦書きの帯、右下の小ボタン、読み進めると伸びる帯、上下の2段。形を変えると、その形に要る設定だけが出ます。

  • iPhone の画面の下の端をよける

    ホームバーの分の余白を、iPhone の実機で測って合わせました。帯の上下の余白もそろえています。

  • パソコンとスマホで出し分け

    右端の縦書きの帯は、スマホでは下の細い帯に切り替わります。どちらか一方だけに出すこともできます。

  • フッターの文字を隠さない

    読み進めると伸びる帯は、ページの一番下ではフッターの上にくっついて一緒に上がります。

  • 見本とコードは同じプログラム

    工房の見本で決めた見た目と動きが、そのまま記事に出ます。

  • アイコンと色

    アイコンは19種類から選べて、手持ちの SVG も使えます。よく使う色を10個まで登録でき、配色に名前を付けて保存できます。

使う手順は3つ

  1. 6つの形から1つ選ぶ
  2. 文言・リンク・色を決めて、右の見本で動きを確かめる
  3. 「コードをコピー」して、記事のカスタムHTMLブロックに貼る

こんな方に向いています

  • キャンペーンや特典の案内を、読んでいる途中でも目に入る所に置きたい方
  • 電話やお問い合わせフォームへの入口を、スマホの画面の下に出したい方
  • コードを書かずに、見た目と動きを画面で決めたい方

貼る場所と動作環境

貼る場所WordPress の記事や固定ページのカスタムHTMLブロック
確認したテーマAFFINGER・WordPress の標準テーマ（Twenty Twenty-Five）
工房を開く環境パソコンのブラウザ（Google Chrome の最新版で確認）
中身ZIP（工房の HTML 1枚と使い方ガイド）。インストールは要りません

※ 工房は HTML 1枚で動き、外のサーバーへ何も送りません。

使える範囲

購入した方ご本人が運営するサイトなら、数の制限なく使えます。

お客様のサイトを制作するときに使うこともできます。

※ 工房の HTML や ZIP そのものをほかの方へ渡すこと、再配布・転売はできません。

返品について

ダウンロード商品のため、購入後のお客様都合による返品・返金はお受けしていません。

※ 動かない・表示が崩れるなどの不具合は、修正版をお届けして対応します。

よくある質問

体験版と製品版の違いは
設定と見本は同じです。製品版だけ、作ったものを貼るコードを表示・コピーできます。
お問い合わせフォームも入れられますか
右下の小ボタンの中に、Googleフォームなどの埋め込みや、Contact Form 7 のショートコードを入れられます。ショートコードは、工房の見本では文字のまま表示され、記事に貼るとフォームに変わります。
登録した色は残りますか
マイパレットと保存した配色は、そのパソコンのそのブラウザに残ります。

4本まとめて 7,980円

1本ずつ買うより 1,940円 安くなります。

  • 追従バナー工房（3,980円）
  • 発光ドット工房（2,980円）
  • 境界線デザイン工房（1,980円）
  • 斜め背景工房（980円）
4本まとめて購入する