Image Copy Blocker

Image Copy Blocker は、インフォボックス内の画像のコピーや保存を禁止するためのプラグインです。
このプラグインを使用することで、ユーザーが画像上で右クリックを行い、「名前をつけて画像を保存」や「画像をコピー」を行うことを防げます。

プラグイン追加方法

1. インフォボックスを作成したいレイヤーを左側パネルから選択
2. 右側パネルに表示される「インフォボックス」を選択し、「インフォボックス作成」をクリック
3. インフォボックス内の「+」ボタンをクリック
4. 「Image Copy Blocker」を選択

プラグインの使い方

1. インフォボックス内で「Image Copy Blocker」をクリック
2. 右側に表示される設定項目を設定

3. 画像の設定

   1. 「画像」ラベルの右側に表示される「未設定」をクリック
   2. 「アセット」から画像を追加するか、「URL」に画像リンクを貼り付け

4. タイトルの設定

   1. 「タイトル」ラベルの右側の入力フィールドにタイトルを入力

5. その他の設定

   1. 画像をブロック全体にフィットさせる
      「フルサイズ」ラベルの右側のトグルスイッチを ON にする

   2. 画像サイズを指定
      「画像サイズ」ラベルの右側のプルダウンメニューから「カバー」または「含む」を選択

      • カバー: 画像をブロック全体に拡大して表示
      • 含む: 画像全体をブロック内に表示

   3. 水平方向の配置を設定
      （画像サイズを「含む」に設定した場合のみ） 「水平位置」ラベルの右側のプルダウンメニューから「左」「中央」「右」を選択

   4. 垂直方向の配置を設定
      （画像サイズを「カバー」に設定した場合のみ）
      「垂直位置」ラベルの右側のプルダウンメニューから「上」「中央」「下」を選択

備考

本プラグインは長崎大学 情報データ科学部 全研究室との共同プロジェクトで作成されました。詳細はこちら。

Image Copy Blocker

Image Copy Blocker is a plugin designed to prevent the copying and saving of images within the infobox. Using this plugin, users are restricted from right-clicking on an image to perform actions such as "Save image as" or "Copy image."

How to Add the Plugin

1. Select the layer where you want to create an infobox from the left panel.
2. In the right panel, click on "Infobox" and then "Create Infobox."
3. Click the "+" button inside the infobox.
4. Select "Image Copy Blocker."

How to Use the Plugin

1. Click "Image Copy Blocker" inside the infobox.
2. Configure the settings displayed on the right panel.

3. Set the Image

   1. Click "Unset" displayed to the right of the "Image" label.
   2. Add an image from "Assets" or paste an image link into "URL."

4. Set the Title

   1. Enter a title into the input field to the right of the "Title" label.

5. Other Settings

   1. Fit the Image to the Entire Block
      Toggle "Full Size" to ON.

   2. Specify Image Size
      Select "Cover" or "Contain" from the dropdown menu to the right of "Image Size": - Cover: Expands the image to fit the entire block. - Contain: Displays the entire image within the block.

   3. Set Horizontal Alignment
      (Only applicable when "Contain" is selected for Image Size)
      Choose "Left," "Center," or "Right" from the dropdown menu to the right of "Horizontal Position."

   4. Set Vertical Alignment
      (Only applicable when "Cover" is selected for Image Size)
      Choose "Top," "Center," or "Bottom" from the dropdown menu to the right of "Vertical Position."

Notes

This plugin was developed as a collaborative project with the Faculty of Information and Data Science, Nagasaki University All Research Laboratories. For more details, please visit here.