使い方
画像を読み込み、ドラッグしてリンク領域を作ります。位置は％で保存されるため、画像のサイズが変わっても領域がずれません。領域を選んでハンドルでサイズを調整し、URL・alt・title を入力して HTML/CSS をコピーするか、CSSを別ファイルとして保存します。
ヒント
- クリック領域がはっきりした画像がおすすめです。領域は長方形です。
- alt はスクリーンリーダー用、title はマウスを乗せたときの説明です。
- 公開前にPCとモバイル幅で確認してください。
- すぐ貼るときはインライン、サイトCSSが上書きする可能性があるときはクラス方式を使ってください。
よくある質問
画像はアップロードされますか？
いいえ。画像と編集内容はブラウザ内だけで処理されます。beancuitや他の誰にも送信しません。
どんな画像に向いていますか？
バナー、商品画像、案内画像などクリック領域がはっきりした画像です。位置は％で保存されるので、サイズが変わっても領域が一緒に追従します。
生成したコードはどう使いますか？
HTMLとCSSをサイトに貼り付けるか、HTML / CSS 分離を選んでCSSを別ファイルとして保存してください。
インラインとクラスの違いは？
インラインはすぐ貼り付けられます。クラス方式はランダムな親クラスでサイトCSSとの衝突を減らします。