Last updated 2023-01-24

HOME | Bind up(バインドアップ)の使い方【ポップアップ機能】

1.「ポップアップ」機能

クリックすると最前面に飛び出すように現れるウィンドウ

 
・主にホームページでは
「画像をクリック→関連サイトが表示」
のようにする時に使います。
 
※しかし最近は「リンクタグ」を使って別ウインドウ(別タブ)で
表示させる方法が主流になっています。
 

操作方法

・編集画面(ブロックエディタ)で画像を挿入します。
 

 
・画像をクリックし→ クリック設定→リンクする
 →リンク先URL→ポップアップ
 
 の順に入れていきます。
 
 
 

 
 

 

実際にポップアップ機能を入れた画像です。

 

 

2.ちょっと工夫してロールオーバー画像も使う。

 

「ロールオーバー画像とはマウスを合わせると違う画像になる機能」

 
 ポップアップ機能に入れた画像をモノクロ等にして
ロールオーバーに使います。
 
インパクトがありクリック率も上がります。

 操作方法

・画像をクリックし→ クリック設定→リンクする
 →リンク先URL→ポップアップ→ロールオーバー画像
 

 
 
 

 
 
・「ロールオーバー画像を使う」にチェック→「画像編集」をクリック
 

 
 

 
・「エフェクト」をクリック→モノクロを選ぶ→保存
 

 

実際に設定した画像が下の画像です。

カーソルを画像の上に合わせて下さい。
   ↓

 

YouTubeでの解説はこちら

 
 

 

 

私が執筆者です。

長井ネット(代表)
色摩 正暢