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

WordPress 增加特色图像上传尺寸提示的代码

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

你可以通过添加以下代码到你的WordPress主题的functions.php文件来为特色图像上传增加尺寸提示:

function custom_featured_image_size_note() {
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            // 替换 "yourimagesize" 为你的图像尺寸名称
            var imageSizeName = 'yourimagesize';

            // 替换 "Your custom image size note." 为你想要的提示文本
            var imageSizeNote = '上传的图像应为特色图像尺寸:宽度 x 高度';

            // 监听特色图像上传区域的变化
            $('#postimagediv').on('DOMNodeInserted', function() {
                // 在图像上传区域显示提示文本
                $('#postimagediv h2 span').after('<p class="imagesizenote">'  imageSizeNote  '</p>');

                // 监听图像尺寸选择框的变化
                $('#<?php echo $imageSizeName; ?>settings').on('change', function() {
                    // 更新提示文本
                    $('.imagesizenote').text(imageSizeNote  ' ('  $(this).val()  ')');
                });
            });
        });
    </script>
    <style>
        .imagesizenote {
            margintop: 10px;
            fontstyle: italic;
        }
    </style>
    <?php
}
add_action('admin_footer', 'custom_featured_image_size_note');

在上面的代码中,请确保替换以下部分:

  1. 'yourimagesize':替换为你的特色图像尺寸的名称,例如 'thumbnail''medium'
  2. 'Your custom image size note.':替换为你想要显示的尺寸提示文本。

添加此代码后,当你上传特色图像时,将在图像上传区域显示尺寸提示文本,以帮助用户了解所需的图像尺寸。

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

等待您对该主题的建议

发表评论

还能输入240个字

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

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

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

  • 猛戳我吧