Bind upの使い方【ポップアップ機能】

サイト更新日 2020-08-12

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

私が執筆者です。

山形県長井ネット塾
 色摩 正暢 (49)

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

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

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

操作方法

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

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

 
 

 

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

 

 

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

 

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

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

 操作方法

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

 
 
 

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

 
 

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

 

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

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

 

YouTubeでの解説はこちら

 
 

 
 
 

塾長の河童から一言👣
 
ホームページ作成はちょっとした気遣いと分かりやすさが大切!
ロールオーバー画像のようなひと手間でインパクトが出ますし
分かりやすくもなります。時間が少しあったら使う価値あり。

弊社で使っている
ドメイン・サーバー

 (日本語ドメインにサブドメイン追加可)