首页 问答 正文

如何添加文本或图像水印到WordPress网站的图片?

注册会员 / 悠然自学 / 2023-07-11/ 浏览 145 次

要添加文本或图像水印到WordPress网站的图片,可以按照以下步骤进行操作:

添加文本水印:

  1. 打开WordPress后台,进入设置 -> 阅读选项卡。
  2. 在“分配的存储文件”中修改缩略图大小为所需尺寸,点击保存更改。

添加文本水印的示例代码:

img {
  position: relative;
}

img:after {
  content: 'Your Watermark Text';
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
} 

将上述代码添加到WordPress主题的自定义CSS中即可。

添加图像水印:

  1. 使用图片编辑软件创建你想要的图像水印,并将其保存为PNG或GIF格式。
  2. 登录WordPress后台,进入“媒体 -> 添加新文件”并上传水印图片。
  3. 点击上传后,复制该图像的URL。

添加图像水印的示例代码:

img {
  position: relative;
}

img:after {
  content: url('your-watermark-image-url.png');
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0.5;
} 

将上述代码添加到WordPress主题的自定义CSS中,把your-watermark-image-url.png替换为先前复制的水印图片URL即可。

这样,你就成功地为WordPress网站的图片添加了文本或图像水印。

大家谈论
    我的见解