Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで画像に透かしを自動的に追加する方法

WordPressで画像に透かしを自動的に追加したいですか?

透かしはブランド認知度を高め、画像の盗難や悪用を防ぐことができます。写真家であれば、画像に透かしを入れることで、プロ意識を演出することもできます。

この投稿では、WordPressで画像に透かしを簡単に入れる方法を紹介します。

Automatically Add Watermark to Images in WordPress

なぜWordPressで画像に透かしを入れるのか?

ウォーターマークとは、画像の上に重ねる半透明のロゴ、テキスト、パターンのことです。ユーザーが気を取られることなくあなたの写真を表示できるように、目立つように、しかしさりげなくデザインされていますが、購入せずにファイルをダウンロードして使用することはできません。

写真サイトをお持ちの方や、ビジュアルポートフォリオを作成されている方は、画像に透かしを入れることをお勧めします。

Watermarked gallery preview

これにより、誰かがあなたの画像を許可なく使用することを困難にし、画像の盗難を防ぐことができます。

さらに、サイトのロゴ、URL、キャッチフレーズを透かしとして使用することで、ブランドの認知度を高め、ユーザーがどこでその画像を見たかを思い出しやすくなります。

同様に、オンラインで写真を販売する場合、無料でダウンロードされる画像すべてに透かしを入れることができます。つまり、ユーザーがウォーターマークなしであなたの画像を使いたい場合は、購入する必要があります。

それでは、WordPressで画像に透かしを自動的に追加する方法を見ていきましょう。様々な方法を取り上げますので、以下のクイックリンクから使いたい方法にジャンプしてください:

Envira Galleryは、透かしアドオンが付属している市場で最高のWordPressギャラリープラグインです。

ドラッグ&ドロップビルダー、ギャラリーテンプレート、タグ、音声ファイル、ソーシャルシェアリング、ライトボックス効果を提供します。

まず、Envira Galleryプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

注:Envira Galleryには無料プランもあります。ただし、透かしアドオンのロックを解除するには、プラグインのプレミアムバージョンが必要です。この拡張機能を使用すると、画像に透かしを追加することができます。

有効化したら、WordPressダッシュボードからEnvira Gallery ” 設定ページにアクセスし、ライセンスキーを入力してください。

この情報はEnvira Galleryサイトのアカウントで確認できます。

Add the Envira Gallery license key

そうしたら、WordPressの管理サイドバーからEnvira Gallery ” Addonsページにアクセスしてください。

ここで、下にスクロールしてウォーターマークアドオンを見つけ、その横にある「インストール」ボタンをクリックします。

Install watermarking addon

これで、ウォーターマーク付きのレスポンシブギャラリーに画像を追加する準備ができました。

これを行うには、WordPressダッシュボードからEnvira Gallery ” 新規追加ページにアクセスし、ギャラリーの名前を入力します。

そうしたら、’Currently in your Gallery’セクションまでスクロールダウンし、左の列から’Watermarking’タブに切り替える必要があります。その後、’透かしを有効化しますか’オプションの隣にあるボックスにチェックを入れます。

透かしを選択」ボタンをクリックします。WordPressのメディアライブラリが開き、透かしとして使用する画像を選択できます。

透かしに最適なサイズである150 x 150ピクセルの画像を追加することをお勧めします。その後、画像の位置と余白を選択してください。

Check enable watermarking option

ページ上部にスクロールし、「コンピューターからファイルを選択」ボタンをクリックして画像をアップロードします。メディアライブラリから画像を追加したい場合は、「他のソースからファイルを選択」ボタンをクリックします。

ただし、メディアライブラリから一度にアップロードできる画像は1枚だけであることに注意してください。

Add images to the gallery

次に、ライトボックス設定を構成し、画像にaltテキストを追加し、ギャラリーをモバイルレスポンシブにし、お好みに応じてギャラリーをカスタマイズすることができます。

詳しい手順については、EnviraでレスポンシブWordPressイメージギャラリーを簡単に作成する方法をご覧ください。

設定が完了したら、上部にある「公開する」ボタンをクリックし、設定を保存します。

Publish your gallery

さて、いよいよこの画像ギャラリーをWordPressの投稿やページに追加してみましょう。

これを行うには、投稿またはページを開き、左上にある’+’ブロック追加ボタンをクリックするだけです。ブロックメニューが開きますので、Envira Galleryブロックをクリックしてください。

そうしたら、ブロックのドロップダウンメニューから作成したイメージギャラリーを選択します。

Add envira gallery block for watermarked images

最後に、「更新」または「公開」ボタンをクリックして、設定を保存します。

これで、WordPressサイトにアクセスして、透かし入りの画像ギャラリーを表示できるようになりました。

Watermarked gallery preview

方法2:Easy Watermark(無料)を使ってWordPressで画像に透かしを入れる

透かしを入れる無料のソリューションをお探しなら、この方法がお勧めです。

まず、Easy Watermarkプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、WordPressダッシュボードからツール ” イージーウォーターマークページにアクセスし、「ウォーターマーク」タブに切り替えます。

次に、「新規透かしを追加」ボタンをクリックします。

Click Add New Watermark button

別の画面が表示されますので、透かしの名前を追加してください。その後、透かしの種類を画像またはテキストから選択します。このチュートリアルでは、透かしとしてテキストを追加します。

次に、「透かし」設定に使用したいフレーズを入力します。

Choose a watermark type and add the image or text

次に、「テキストオプション」セクションまでスクロールダウンし、フォントサイズ、色、角度、不透明度を選択します。

その後、’Alignment’セクションに行き、透かしを表示する場所を選ぶことができる。

Choose font type and alignment

次に、「Applying Rules(ルールの適用)」セクションで、ウォーターマークが適用されるWordPressの画像サイズを選択します。

例えば、サイトのすべてのサムネイルに透かしを有効化するオプションをチェックすることができます。

Choose image sizes where the watermark will be applied

その後、アップロード時に画像に透かしを自動的に追加するには、「Auto Watermark」オプションをオンにします。

また、ウォーターマークが適用される画像や投稿タイプを選択することもできます。

例えば、投稿にアップロードした画像にのみ透かしを追加したい場合は、「投稿タイプ」セクションの「ページ」と「添付されていない画像」のオプションをオフにします。

Check the box to enable automatic watermarking

最後に、上部にある「保存」ボタンをクリックして変更を保存します。これで、アップロードする新しい画像にはすべて自動的に透かしが入ります。

ただし、すでにアップロードされた画像にも透かしを入れたい場合は、もう一度ツール ” イージーウォーターマークのページにアクセスし、「ツール」タブに切り替える必要があります。

注意: 一度すべての画像に透かしを入れると、各画像の透かしを自動的に削除することはできません。そのため、WordPressサイト、特にメディアアップローダーディレクトリのバックアップを作成することをお勧めします。

次に、「Bulk Watermark」セクションのドロップダウンメニューから、先ほど保存したウォーターマークを選択します。そうしたら、「Start」ボタンをクリックしてください。

Bulk watermark your images

サイト上のすべての画像に自動的に透かしが入ります。

WordPressブログで表示できます。

Watermarked image preview

画像を復元したい場合は、WordPressダッシュボードからツール ” イージーウォーターマークページにアクセスし、「ツール」タブに切り替えることで復元できます。

ここで「復元」ボタンをクリックすると、透かしが入っているすべての画像から透かしが削除されます。

Click the Restore button to remove watermarks

手動で画像に透かしを追加する

アップロードされたすべての画像に自動的に透かしを入れたくない場合は、Easy Watermarkで手動設定も可能です。

まず、「ウォーターマーク」タブに切り替え、作成したウォーターマークの下にある「編集」リンクをクリックします。

Click Edit link under watermark

編集画面が表示されたら、’Auto Watermark’ セクションまでスクロールダウンし、’Automatically apply this watermark during image upload’ オプションのチェックを外します。

その後、上部にある「保存」ボタンをクリックして設定を保存します。

Uncheck the auto watermark option

次に、 メディア ” ライブラリページにアクセスし、透かしを追加したい画像を選択します。

そうしたら、画面左上のドロップダウンメニューから「透かし」オプションを選択します。

Choose watermark option on the media library page

次に、左側に表示されるドロップダウンメニューから、作成したウォーターマークを選択します。

最後に「適用」ボタンをクリックして設定を保存します。これで、選択した画像にのみ透かしが追加されます。

Select a watermark and click Apply

ボーナス:WordPressの画像に右クリックなしを追加する

ウォーターマークとは別に、画像の右クリックを無効化することで、ユーザーが自分のサイトに保存したり使用したりできないようにすることもできます。

WordPressのシンプルなブログであっても、一部のユーザーはあなたのブログのコンテンツをスクレイピングし、偽の広告やレビューのようなオンライン詐欺の一部としてあなたの個人写真を使用することができます。

画像に右クリック禁止を追加することで、著作権保護に役立ち、サイト上での画像の盗難を減らすことができます。

そのためには、No Right Click Imagesプラグインをインストールして有効化する必要があります。詳しい手順については、WordPressプラグインのインストール方法についての初心者ガイドをご覧ください。

プラグインを有効化すると、自動的に画像の右クリックが無効化されます。より詳細な設定を行うには、WordPressのダッシュボードから設定 ” 画像の右クリック禁止 のページにアクセスしてください。

How to add no right-click on WordPress images

ここでは、画像のドラッグ、タッチイベント、ジェスチャーイベントなど、右クリック禁止を回避するために使用される可能性のあるあらゆる抜け道を無効化することができます。

詳しい方法は、WordPressの画像に右クリックを追加しない方法のチュートリアルをご覧ください。

WordPressで画像に透かしを自動的に追加する方法について、この投稿がお役に立てれば幸いです。また、WordPressでギャラリーをライトボックス効果で追加する方法のチュートリアルや、WordPressの画像圧縮プラグインのトップピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

22件のコメント返信を残す

  1. Mrteesurez

    Using your logo and brand name to watermark is indeed the best approach as it helps increases brand awareness and even copying and sharing it will be promoting your brand.
    My question is, does the watermark applied to the copy of the image or the original image ?

    • WPBeginner Support

      The watermark would be applied to the original image.

      管理者

  2. Rana sahal

    Hello,
    when customers order any product so then show in the customer.
    I want when customers order then does not show watermark them.

  3. Besalb K.

    Hello!
    Have any options to show/enable watermark only after any user download image ?
    Thank You!

    • WPBeginner Support

      We do not have a recommended method for that at the moment.

      管理者

  4. Jayesh Sharma

    I prefer manually watermarking your images.

    • WPBeginner Support

      If you’re able that is a good option too. This can help with multiple authors or if you don’t have access to watermarking tools.

      管理者

  5. Arijit

    When I’m applying watermark or easy watermark plugin to my website. The watermark is not getting applied. Any reason behind it. I’ve set the transparency setting to 100%opaque, but still not getting applied. Anybody can assist me on it?

  6. Shawn

    Auto Watermarking…. not always good or wanted.

    So sad not one person in the entire community did not realize some people would want to manually add watermarks because the watermarks have to be placed in different positions to cover specific ‘important’ elements of the image to prevent people from cutting the watermark out.

    But hey… whats thinking out of the box?

  7. Ben

    Does this work for listing websites? I would need it to work for users uploading their own images.

    Many thanks

  8. Harpreet

    Great tool!! I was looking for somthing like this to avoid marking on my images … thanks Syed !!

  9. Jass SK

    A way to do it without plugin woukd be nice. Looks for something for our website.

    S. Developer

  10. Md Abul Bashar

    How can i do that without plugin?

  11. Thea @ Baking Magique

    Do I need to download wordpress to my computer in order to install the plug in? How do I download wordpress?

  12. Chris Hazel

    I have started water marking all my pictures, but that was not through the WordPress water mark feature, but through other tools like Photoshop and Picasa. I realized that images posted prior to this also needed some kind of safeguard to not let others use them for free.

    Thanks to your post I found the solutions and now my past images too have a watermark!

  13. CANALWP

    Good one. But i think the plugin mentioned by @alticreation:disqus is much better, have to agree with this one.

  14. Jean Gerard Jeveuxblogger Tikw

    Really nice article Syed! Real try it out.

  15. Frédéric

    Does it work with a retina plugin?

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。