浮萍漂泊本无根
天涯游子君莫问

WordPress后台开发,无插件增加一键复制文章页面功能

要在WordPress后台开发中实现一键复制文章页面功能而无需插件,你可以通过自定义功能和JavaScript来实现此功能。以下是实现此功能的基本步骤:

自定义WordPress功能:
在你的主题(或自定义插件)中添加以下代码来创建一个自定义页面模板或者在现有模板中添加一个自定义按钮。

// 添加一个自定义按钮到编辑文章页面
function add_copy_button_to_editor_toolbar( $buttons ) {
    array_push( $buttons, '|', 'copy_button' );
    return $buttons;
}
add_filter( 'mce_buttons', 'add_copy_button_to_editor_toolbar' );

// 注册按钮脚本
function add_copy_button_script() {
    // 检查用户权限
    if ( ! current_user_can( 'edit_posts' ) && ! current_user_can( 'edit_pages' ) ) {
        return;
    }

    // 添加脚本
    wp_enqueue_script( 'copybuttonscript', get_template_directory_uri() . '/js/copybuttonscript.js', array( 'jquery' ), '1.0', true );
}
add_action( 'admin_enqueue_scripts', 'add_copy_button_script' );

创建JavaScript文件:
在你的主题文件夹中创建一个名为 copybuttonscript.js 的文件,然后添加以下JavaScript代码。

(function($) {
    $(document).ready(function() {
        // 当点击复制按钮时,复制文章内容到剪贴板
        $('body').on('click', '#copy_button', function(e) {
            e.preventDefault();

            var postContent = $('#content').text(); // 获取文章内容
            copyToClipboard(postContent);
        });

        // 复制文本到剪贴板
        function copyToClipboard(text) {
            var textarea = document.createElement('textarea');
            textarea.value = text;
            document.body.appendChild(textarea);
            textarea.select();
            document.execCommand('copy');
            document.body.removeChild(textarea);

            // 提示复制成功
            alert('文章内容已成功复制到剪贴板!');
        }
    });
})(jQuery);

添加复制按钮到编辑页面:
在编辑文章页面,在编辑器的工具栏中应该会看到一个“复制”按钮。你可以点击该按钮来复制文章内容到剪贴板。

请确保你在你的主题文件中正确地引用JavaScript文件,并将其放置在正确的路径下。调整代码以适应你的主题或插件的特定情况。

赞(0) 打赏
未经允许不得转载:主题秀 » WordPress后台开发,无插件增加一键复制文章页面功能

评论 抢沙发

评论前必须登录!

 

更好的WordPress主题

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

联系我们联系我们

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册