WordPress画像アップロード時に自動でウォーターマークを追加する方法まとめ

皆さん、こんにちは、私はLei Feng Geです。今日はWordPress 画像にウォーターマークを追加のPlugin紹介と方法、画像にウォーターマークを追加することは実際には技術的に難しいことではなく、画像にウォーターマークを追加することは一方で画像盗用を防ぎ、他方でウェブサイトの知名度を高めるためです。

WordPress画像アップロード時にウォーターマークを追加するPlugin推薦

画像に毎回ウォーターマークを追加するのが面倒な場合、Pluginを使用すると自動的にウォーターマークを追加できます。WordPressプラットフォームには自動ウォーターマーク追加Pluginが多数ありますが、ここでは使用した効果が良い2つのPluginをおすすめします。

Plugin推薦1：DX-Watermark

DX-Watermark これは非常に古い画像ウォーターマークPluginです。作者は6年間更新していませんが、使用はすべて正常です。テキストウォーターマークと画像ウォーターマークの追加をサポート。 DX-Watermarkがサポートする機能：

1. タイプ：テキストまたは画像ウォーターマークの2種類から選択可能で、デフォルトはテキストです。
2. 無視：画像サイズがこの設定値より小さい場合、ウォーターマークを追加しません。
3. 位置：ウォーターマークの9つの位置を設定し、デフォルトは右下隅です。
4. 水平調整、垂直調整：ウォーターマークの水平および垂直オフセットを調整します。負の値は左または上へのオフセットを示します。
5. フォント：フォントファイルはサイズが大きいため、Pluginにはいくつかのフォントのみが組み込まれており、ユーザーは.ttfフォントファイルをwp-content/uploads/dw-uploads/fonts/ディレクトリにアップロードできます。
6. テキスト：ウォーターマークに表示するテキストを入力します。
7. サイズ：テキストウォーターマークの表示サイズを入力します。
8. 色：ポップアップカラーパレットでテキストウォーターマークの色を選択します。
9. 透明度：0は完全に透明、100は不透明を意味します。
10. PluginのAdmin Dashboardにはプレビュー機能が提供されており、ユーザーは効果をプレビューしてから保存できます。

ダウンロードURL

Plugin推薦2：image-watermark

image-watermarkのハイライト機能は、あなたが以前にアップロードした画像にもウォーターマークを追加できます。機能面でも、ウォーターマークの位置をサポートし、透明度を制御できます。 image-watermarkがサポートする機能：

1. ウォーターマークの位置を選択；
2. 透明度を調整可能；
3. 新旧のアップロード画像にウォーターマークを追加可能；
4. 画像の右クリックコピーを禁止。

ダウンロードURLimage-watermark日本語化版アドレス：https://www.lanzous.com/i6jzuni

同様のPluginは他にもいくつかあり、どれも大同小異です。上記の2つはユーザーが使用して比較的良好な評価を得ており、しかも無料です。

Plugin推薦3：WPWaterMark

WPWaterMarkは、中国のブロガー老蒋が制作したWordPressにウォーターマークを追加するPluginで、完全に中国語対応です。

1. WordPressプログラムをベースにユーザーに無料で提供され、画像ウォーターマーク機能を強化し、記事や画像の盗用を防止します。少なくともウォーターマークを残すことで、盗難防止能力を強化します；
2. 九宮格、ランダム九宮格、全面敷き詰めウォーターマークの3つの効果から選択可能で、少なくとも現在はネット上でも数少ないPluginの一つです；
3. 軽量ウォーターマークPluginは、テキストや画像ウォーターマークの設定をサポートし、回転角度や透明度などの一般的な機能を設定できます。

ダウンロードURL githubダウンロード

WordPress画像アップロード時にウォーターマークを追加するPlugin不要の方法：

もしインストールがWordPress Pluginリソースの無駄だと思うなら、以下の方法で手動でファイルを作成し、自動的に画像ウォーターマークを追加することもできます（実際にはPluginの原理と同じです） 1. Themeディレクトリ内にclassフォルダを作成し、その中にimage.phpファイルを配置する 2. functions.php ファイルを開き、以下のコードを追加します： 参考：functions.phpファイルにコードを安全に追加する方法：Code Snippets

/**
* WordPress上传图片添加水印
*/
function uimoban_watermark($attachment_ID)
{
$attachment = get_post($attachment_ID);
switch($attachment->post_mime_type){
case 'image/jpeg':
case 'image/png':
case 'image/gif':
require THEME_FILES . '/class/image.php';
$image = new image(true);
$image->set('watermark.png', 1);
$image->watermark($attachment->guid);
break;
default:return ;
}
}
add_action('add_attachment', 'uimoban_watermark');

説明：$image->set('watermark.png', 1);の„watermark.png“は透かし画像を指定し、最初のステップのコード内のdata/watermark/ディレクトリにあるwatermark.pngと一致させる必要があります。もちろん、自分で変更することもできます。„1“は透かしの位置を表します。

WordPressでUPYun/Qiniuにウォーターマークを追加する方法：

一部のユーザーは又拍雲/七牛の画像ホスティングを使用しており、又拍雲/七牛自体は透かし設定をサポートしています。WordPressに透かし付き画像を呼び出させるには、以下の方法が必要です。

UPYun自動ウォーターマーク追加

1. functions.php ファイルを開き、以下のコードを追加します：

/**
* 又拍云图片添加水印
*/
function fa_hack_image_url($matches) {
    $prefix = '!boob';// 自定义版本或者水印字符串
    return $matches[1] . $matches['2'] . $prefix;
}

function fa_image_add_watermelon( $content ){
    $content = preg_replace_callback("/(]*src *= *[\"']?)([^\"']*)/i", 'fa_hack_image_url' , $content);
    return $content;
}
add_filter('the_content','fa_image_add_watermelon');

2. 次に、又拍雲の透かしルールを設定し、サムネイル作成内で透かしを設定します。生成された透かし付きアドレスは、URLアドレスを自分で組み立てることができます：/watermark/url/透かしパスbase64/align/southeast透かしパスはbase64エンコードする必要があります。例えば、パスが/watermark.pngの場合、base64変換後はL3dhdGVybWFyay5wbmc=となり、画像に追加する必要があるサフィックスは：!/watermark/url/L3dhdGVybWFyay5wbmc=/align/southeastalignの後は方向で、必要に応じて調整できます。もちろん、最も簡単なのは新しいルールを作成する際に設定することです。

Qiniu自動ウォーターマーク追加

1. functions.php ファイルを開き、以下のコードを追加します：

add_filter('the_content', 'QiNiuThumbnail');
function QiNiuThumbnail($content) {
global $post;
$pattern ="//i";
/* 下面这行代码中的300表示缩略图的大小，请根据实际需求修改即可 */
$replacement = '';
$content = preg_replace($pattern, $replacement, $content);
/* 此处预留位置，可删除 */
return $content;
}

PS：上記のコードでは、?imageMogr2/thumbnail/300x必要な文字に置き換えて画像処理を完了します。 2. 七牛の管理画面で新しい画像スタイルを作成し、画像ウォーターマークスタイルまたはテキストウォーターマークスタイルを作成します。上記の方法は張戈ブログと fatesingerを参考にしました。 もし手間を厭わないなら、手動で画像にウォーターマークを追加することもできます、オンラインウォーターマーク追加ツールまたはPSを使用します。自動ウォーターマーク追加では、ウォーターマークが画像の重要な部分を覆ってしまうことがあるためです。 パソコンで画像に一括でウォーターマークを追加するには、XnConvertというソフトウェアを使用できます：Macで画像の一括処理（サイズ変更、透かし追加、回転）を行う方法（Windows版もあります。記事は当初Mac版について書いただけです。）