也想出现在这里?联系我们

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

2024.01.13 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

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

  1. 自定义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' );
  2. 创建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);
  3. 添加复制按钮到编辑页面:
    在编辑文章页面,在编辑器的工具栏中应该会看到一个“复制”按钮。你可以点击该按钮来复制文章内容到剪贴板。

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

有用0
  • 2024.01.13初次和大家见面了!

等待您对该主题的建议

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
也想出现在这里?联系我们
wordpress加速

我来推荐一个更牛逼的给你看看?

  • 猛戳我吧