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」;
- 保存模板后,所有文章都会自动带上这个复制按钮。
三、自定义短代码(零编码,复制粘贴即可)
不想装插件的话,可以用代码片段工具添加一个专属短代码:
- 安装并激活「Code Snippets」插件(比直接改主题文件更安全);
- 新建一个代码片段,粘贴以下代码:
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');
- 启用这个代码片段,之后在文章内容末尾或主题钩子中添加
[copy_post_url]短代码,就能实现点击复制当前文章URL的功能。
内容的提问来源于stack exchange,提问作者Homaira S
相关产品推荐
相关产品推荐

