Wordpress实战之第六章文章内容设置使用介绍(补充)

  1. 文章内容分为

文章内容和页面内容,文章就是发布文章内容,页面就是发布其他内容。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要在WordPress后台设置页面实现使用媒体上传工具上传图片,您需要使用WordPress提供的内置功能——媒体库。以下是一些基本步骤: 1. 在设置页面中添加一个"上传图片"按钮或者链接,以便用户可以点击它来打开媒体库。 2. 在JavaScript中编写代码,用于在用户点击"上传图片"按钮时打开媒体库。 3. 在处理上传的代码中,您需要将上传的图片信息保存在WordPress的选项中。您可以使用WordPress提供的update_option()函数来完成这个任务。 下面是一个示例代码,可以帮助您完成这个任务: ``` <?php // 添加设置页面 add_action('admin_menu', 'my_plugin_menu'); function my_plugin_menu() { add_options_page( 'My Plugin Settings', 'My Plugin', 'manage_options', 'my-plugin', 'my_plugin_settings_page' ); } // 渲染设置页面 function my_plugin_settings_page() { ?> <div class="wrap"> <h1>My Plugin Settings</h1> <form method="post" action="options.php"> <?php settings_fields('my-plugin-settings'); do_settings_sections('my-plugin-settings'); ?> <table class="form-table"> <tr> <th scope="row">图片 URL:</th> <td> <input type="text" name="my_plugin_image_url" value="<?php echo esc_attr(get_option('my_plugin_image_url')); ?>" /> <button class="button upload_image_button" data-target="my_plugin_image_url">上传图片</button> </td> </tr> </table> <?php submit_button(); ?> </form> </div> <?php } // 添加设置字段 add_action('admin_init', 'my_plugin_settings_init'); function my_plugin_settings_init() { register_setting( 'my-plugin-settings', 'my_plugin_image_url' ); } // 添加媒体上传脚本 add_action('admin_enqueue_scripts', 'my_plugin_admin_scripts'); function my_plugin_admin_scripts($hook) { if('settings_page_my-plugin' != $hook) { return; } wp_enqueue_media(); wp_register_script('my-plugin-admin-script', plugins_url('admin.js', __FILE__), array('jquery'), '1.0.0', true); wp_enqueue_script('my-plugin-admin-script'); } // 处理上传的图片 add_action('wp_ajax_my_plugin_upload_image', 'my_plugin_upload_image'); function my_plugin_upload_image() { check_ajax_referer('my-plugin-upload-image', '_wpnonce'); $attachment_id = media_handle_upload('file', 0); if(is_wp_error($attachment_id)) { wp_send_json_error(array('message' => $attachment_id->get_error_message())); } $image_url = wp_get_attachment_url($attachment_id); update_option('my_plugin_image_url', $image_url); wp_send_json_success(array('image_url' => $image_url)); } ``` 在这个示例代码中,我们使用WordPress提供的add_options_page()函数来添加一个设置页面,并在设置页面中使用了一个"上传图片"按钮,允许用户上传图片。我们还使用WordPress提供的wp_enqueue_media()函数来加载媒体上传脚本,并在点击"上传图片"按钮时打开媒体库。在处理上传的代码中,我们使用WordPress提供的media_handle_upload()函数将上传的图片保存到媒体库中,并使用update_option()函数将图片URL保存在WordPress的选项中。 希望这个示例代码可以帮助到您。如果您有其他问题,可以随时问我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

随行之旅

python国产化自动化

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值