首页 问答 正文

如何使用WordPress Widget添加搜索栏?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 139 次

以下是使用WordPress Widget添加搜索栏的步骤:

首先,进入WordPress后台,点击左侧菜单中的“外观”->“小工具”。

然后,找到“搜索”小工具,将其拖动到想要添加搜索栏的侧边栏中。如果侧边栏中没有搜索栏,可以选择添加“自定义HTML”小工具,然后在其中添加以下代码:

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
    <label>
        <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span>
        <input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>">
    </label>
    <input type="submit" class="search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button' ) ?>">
</form> 

最后,保存小工具设置即可在网站侧边栏上看到搜索栏。

示例代码已提供,因此不需要其他说明。返回格式为:

使用WordPress Widget添加搜索栏的步骤:

1. 进入WordPress后台,点击左侧菜单中的“外观”->“小工具”。
2. 找到“搜索”小工具,将其拖动到想要添加搜索栏的侧边栏中。如果侧边栏中没有搜索栏,可以选择添加“自定义HTML”小工具,然后在其中添加以下代码: 

```
3. 保存小工具设置即可在网站侧边栏上看到搜索栏。
```

大家谈论
    我的见解