光る玉を並べて、文字や図形を描く道具です。マウスを近づけると近くの玉だけが光り、ほかの玉が影を落とします。できあがったコードは、カスタムHTMLブロックに貼るだけで動きます。 ■ 体験版 購入の前に、設定と見本をさわって試せます。コードの表示とコピーは製品版でできます。 https://the-affinger.com/koubou/glow-dots.html ■ 決めてある所 ・言葉を玉で描く 　並びは文字・六角・升目など5つ。文字のときは、入れた言葉がそのまま玉で描かれます。改行もできます。 ・スマホでも光る 　スマホでは、指でなぞった所が光ります。パソコンとスマホで、横幅と高さを別に決められます。 ・光らせ方を選べる 　最初から全部を光らせるか、近づけた所だけを光らせるかを選べます。消えている玉が光を遮って、影と光の柱を伸ばすこともできます。 ・置き場所に合わせて広げる 　横幅は「記事の幅」と「画面の端まで」の2つ。ファーストビューの帯や、サイトのヘッダーにも置けます。 ・画面に見えている間だけ計算 　1つの記事に何個置いても動きます。光の計算は、画面に見えている間だけ行います。 ・見本とコードは同じプログラム 　工房の見本で決めた光り方が、そのまま記事に出ます。 ■ 使う手順 1. 左の設定で、並びと文字を決める 2. 右の見本で、光り方を確かめる 3. 「コードをコピー」して、カスタムHTMLブロックに貼る ■ こんな方に向いています ・ファーストビューやヘッダーに、動きのある看板を置きたい方 ・写真を使わずに、言葉そのものを目立たせたい方 ・コードを書かずに、光り方を画面で決めたい方 ■ 貼る場所と動作環境 ・貼る場所：WordPress の記事・固定ページのカスタムHTMLブロック、ヘッダーのウィジェット ・確認したテーマ：AFFINGER・WordPress の標準テーマ（Twenty Twenty-Five） ・工房を開く環境：パソコンのブラウザ（Google Chrome の最新版で確認） ・中身：ZIP（工房の HTML 1枚と使い方ガイド）。インストールは要りません ※ 古いブラウザでは、光の計算を使わない簡単な表示になります。玉の並びと文字はそのまま出ます。 ■ 使える範囲 購入した方ご本人が運営するサイトなら、数の制限なく使えます。 お客様のサイトを制作するときに使うこともできます。 ※ 工房の HTML や ZIP そのものをほかの方へ渡すこと、再配布・転売はできません。 ■ 返品について ダウンロード商品のため、購入後のお客様都合による返品・返金はお受けしていません。 ※ 動かない・表示が崩れるなどの不具合は、修正版をお届けして対応します。 ■ よくある質問 Q. 体験版と製品版の違いは A. 設定と見本は同じです。製品版だけ、作ったものを貼るコードを表示・コピーできます。 Q. 文字を長くしたら玉が小さくなりました A. 決めた横幅に収めるために、玉が小さくなります。「文字の幅」を広げるか、改行して2行にすると、玉が大きく見えます。 Q. 貼ったあとに見た目を変えたいときは A. 工房で設定を変えて、もう一度コードをコピーし、カスタムHTMLブロックの中身を入れ替えます。 ※ AFFINGER を the-affinger.com から購入した方は、購入特典としてこの工房を使えます。受け取りの条件は特典ページで確かめてください。 https://the-affinger.com/affinger6-benefit/