企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
**章节导航:** [TOC] # WordPress如何做搜索框? ***** ``` <div id="search-3"> <h4>Search</h4> <form role="search" method="get" id="searchform" action="http://wp.org/" > <div> <label for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div> </form> </div> ``` # WordPress如何做首页留言? ***** > 原理:使用WordPress自带的小部件达成此目标 ## 第一步:注册小部件 ``` /** * 注册小部件。 * * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar */ function wp_yiqi_widgets_init() { register_sidebar( array( 'name' => esc_html__( 'Message', 'wp_yiqi' ), 'id' => 'sidebar-1', 'description' => esc_html__( '添加小部件。', 'wp_yiqi' ), 'before_widget' => '<section id="%1$s" class="widget %2$s">', 'after_widget' => '</section>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); } add_action( 'widgets_init', 'wp_yiqi_widgets_init' ); ``` ## 第二步:配置小部件 ![](https://img.kancloud.cn/1f/25/1f2544df55741262649291f0f9f9a495_1308x698.png) ## 第三步:在首页模板文件中调用小部件 ``` <div class="message"> <?php dynamic_sidebar( 'Message' ); ?> </div> ``` ## 最终效果 ![](https://img.kancloud.cn/a2/5e/a25e2a973c93c49502fd742a021a7768_365x469.png) # 标签云、近期文章、等其它小部件也同样可以如此随意调用