You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress是否有插件/短代码可无代码实现前端文章链接复制?

WordPress文章页添加URL复制到剪贴板的无代码解决方案

一、用支持动态内容的复制插件直接实现

  • Copy Anything to Clipboard:安装激活后,进入插件设置的「Button」标签页,将按钮位置设为「After Content」(文章内容之后),在「Content to Copy」输入框里选择内置的动态标签{post_url},保存设置后,每篇文章末尾会自动生成复制按钮,点击就能复制当前文章的URL,不用嵌套短代码。
  • Clipboard.js for WordPress:激活插件后,直接在主题的「自定义代码」或「钩子」设置(多数主题在外观→自定义里有这个选项)中添加短代码[clipboard content="{post_url}"]复制文章链接[/clipboard],就能生成带动态文章URL的复制按钮,自动适配每篇文章。

二、页面构建器快速配置(适用于Elementor/Beaver Builder等)

如果你的网站用了页面构建器,以Elementor为例:

  • 打开Elementor的「主题构建器」,编辑「单文章」模板;
  • 拖一个「按钮」组件到文章内容下方区域;
  • 按钮文字设为「复制文章链接」,动作选择「复制到剪贴板」,在「要复制的内容」里选动态标签「文章URL」;
  • 保存模板后,所有文章都会自动带上这个复制按钮。

三、自定义短代码(零编码,复制粘贴即可)

不想装插件的话,可以用代码片段工具添加一个专属短代码:

  1. 安装并激活「Code Snippets」插件(比直接改主题文件更安全);
  2. 新建一个代码片段,粘贴以下代码:
function copy_post_url_shortcode() {
    $post_url = get_permalink();
    ob_start(); ?>
    <button onclick="navigator.clipboard.writeText('<?php echo esc_url($post_url); ?>')">复制文章链接</button>
    <?php
    return ob_get_clean();
}
add_shortcode('copy_post_url', 'copy_post_url_shortcode');
  1. 启用这个代码片段,之后在文章内容末尾或主题钩子中添加[copy_post_url]短代码,就能实现点击复制当前文章URL的功能。

内容的提问来源于stack exchange,提问作者Homaira S

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.23 06:52:14