为你的 WordPress 小工具创建表单(4)

文本是《一步步创建你的第一个 WordPress 小工具(共5篇)》专题的第 4 篇。阅读本文前,建议先阅读前面的文章:

在本系列教程的前三部分,你已经开始创建你的WordPress小工具。在这一部分,我将向你展示如何为你的WordPress小工具创建表单,确保WordPress能够在上面进行任何的设置更新。

这意味着你要为Tutsplus_List_Pages_Widget类编写两个函数:form函数和update函数。

你需要做的是

跟随本教程,你需要:

  • 安装一个WordPress开发环境
  • 一个代码编辑器
  • 来自前期教程“构建你的 WordPress 小工具”中的相关代码

创建表单

要为你的小工具创建表单,你需要填充已经添加Tutsplus_List_Pages_ Widget 类中的form函数。

打开你的插件,找到form函数,编写如下:

  1. function form( $instance ) {
  2. $defaults = array(
  3. ‘depth’ => ‘-1’
  4. );
  5. $depth = $instance[ ‘depth’ ];
  6. // markup for form ?>
  7. <p>
  8. <label for=“<?php echo $this->get_field_id( ‘depth’ ); ?>”>Depth of list:</label>
  9. <input class=“widefat” type=“text” id=“<?php echo $this->get_field_id( ‘depth’ ); ?>” name=“<?php echo $this->get_field_name( ‘depth’ ); ?>” value=“<?php echo esc_attr( $depth ); ?>”>
  10. </p>
  11. <?php
  12. }

以上代码添加了字段标记,包括一个输入字段($depth),用来设定列表下的页面层次结构。默认值为-1,表示将会显示所有层次。

现在保存你的插件。你会发现WordPress小工具出现了一个表单:

2015-01-23_105721_wpdaxue_com

然而,如果你尝试在其中输入一些内容,它不会被保存下来。因此你需要进一步完善让这个表单能保存你所输入的内容。

允许表单更新

要做到这一点你需要处理之前创建的update函数。编码如下:

  1. function update( $new_instance, $old_instance ) {
  2. $instance = $old_instance;
  3. $instance[ ‘depth’ ] = strip_tags( $new_instance[ ‘depth’ ] );
  4. return $instance;
  5. }

上述代码用新值($new_instance)代替了depth字段的旧值($old_instance),并采用strip_tags进行消毒。现在你可以在其中进行任意的输入并保存了:

2015-01-23_105738_wpdaxue_com

小结

现在你终于为你的WordPress小工具创建了一个工作表单,可以说一切都准备就绪了,那么下一步就是在网站上显示你的WordPress小工具啦!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 lk2768783601@gmail.com 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年9月5日 下午3:28
下一篇 2023年9月5日 下午3:35

相关推荐

  • 编写和注册你的 WordPress 小工具(2)

    文本是《一步步创建你的第一个 WordPress 小工具(共5篇)》专题的第 2 篇。阅读本文前,建议先阅读前面的文章: 创建一个WordPress小工具(1) 本文是系列教程《创建你的第一个WordPress小工具》的第二部分,向你展示如何创建属于你的第一个WordPress小工具。在第一部分的教程中,你已经了解了WordPress小工具API(Appli…

    wordpress开发 2023年9月5日
    860
  • 在 WordPress 中创建上下文相关的侧栏页面导航

    有时我得到一项业务,我的客户要求建立一个完全由众多网页构成的网站——没有花哨的数据库查询,也没有额外的模板文件,只有在分层结构中的一大堆网页。 对用户来讲,一个非常庞大且内嵌有众多网页的网站,如果导航没有做好的话,就会变得非常混乱而难以操作。因而,在每一个网页页面层次的当前分支中,提供一个包含所有页面的导航列表就显得很有帮助了。 例如,如果你为一个机构建立一…

    wordpress开发 2023年9月5日
    930
  • 在正确的工具区域内显示你创建的WordPress小工具(5)

    文本是《一步步创建你的第一个 WordPress 小工具(共5篇)》专题的第 5 篇。阅读本文前,建议先阅读前面的文章: 创建一个WordPress小工具(1) 编写和注册你的 WordPress 小工具(2) 构建你的 WordPress 小工具(3) 为你的 WordPress 小工具创建表单(4) 创建你的WordPress小工具的最后一步是在网站上显…

    2023年9月5日
    1250
  • 构建你的 WordPress 小工具(3)

    文本是《一步步创建你的第一个 WordPress 小工具(共5篇)》专题的第 3 篇。阅读本文前,建议先阅读前面的文章: 创建一个WordPress小工具(1) 编写和注册你的 WordPress 小工具(2) 如果你一直是跟随本系列教程来操作的话,那么你现在将会有你自己的WordPress小工具插件作为下一步的开始。你必须创建一个新类来编写你的小工具,并添…

    2023年9月5日
    860
  • 创建一个WordPress小工具(1)

    对于非程序员要创建一个WordPress站点,小工具是很棒的。它们能够添加菜单、列表供稿、文本以及更多东西到小工具区,并且不限于侧边栏。现在许多主题都在页脚添加了小工具区,并且大主题框架通常在多个位置设有小工具区,如头部或内容的上下方。 在这个五部分的系列教程中,我将带你一起完成创建您的第一个小工具所需的步骤。 本系列包括: 介绍小工具和小工具API 编写和…

    wordpress开发 2023年9月5日
    910
关注微信