1.「ポップアップ」機能
クリックすると最前面に飛び出すように現れるウィンドウ
・主にホームページでは
「画像をクリック→関連サイトが表示」
のようにする時に使います。
※しかし最近は「リンクタグ」を使って別ウインドウ(別タブ)で
表示させる方法が主流になっています。
操作方法
・編集画面(ブロックエディタ)で画像を挿入します。
・画像をクリックし→ クリック設定→リンクする
→リンク先URL→ポップアップ
の順に入れていきます。
・画像をクリックし→ クリック設定→リンクする
→リンク先URL→ポップアップ
の順に入れていきます。
実際にポップアップ機能を入れた画像です。
2.ちょっと工夫してロールオーバー画像も使う。
「ロールオーバー画像とはマウスを合わせると違う画像になる機能」
ポップアップ機能に入れた画像をモノクロ等にして
ロールオーバーに使います。
インパクトがありクリック率も上がります。
操作方法
・画像をクリックし→ クリック設定→リンクする
→リンク先URL→ポップアップ→ロールオーバー画像
・「ロールオーバー画像を使う」にチェック→「画像編集」をクリック
・「エフェクト」をクリック→モノクロを選ぶ→保存
→リンク先URL→ポップアップ→ロールオーバー画像
・「ロールオーバー画像を使う」にチェック→「画像編集」をクリック
・「エフェクト」をクリック→モノクロを選ぶ→保存
実際に設定した画像が下の画像です。
YouTubeでの解説はこちら
私が執筆者です。
長井ネット(代表)
色摩 正暢
長井ネット(代表)
色摩 正暢