1

我正在为我的 wordpress 网站使用引导主题。我的问题是,在我的导航栏中,搜索表单将占位符显示为搜索,我想更改它,这就是我在这一行更改 searchform.php 文件但没有任何改变的原因。

这是form.php:

<form method="get" id="searchform" class="form-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label for="s" class="assistive-text hidden"><?php _e( 'Search', 'the-bootstrap' ); ?></label>
<div class="input-append">
<input id="s" class="span2 search-query" type="search" name="s" placeholder="<?php esc_attr_e('Search', 'the-bootstrap' ); ?>"><!--
--><button class="btn btn-primary" name="submit" id="searchsubmit" type="submit"><?php _e( 'Go', 'the-bootstrap' ); ?></button>
</div>
</form>

我想将占位符更改为图标,所以我是否必须更改此行或其他任何内容?

4

1 回答 1

4

看看答案@ Bootstrap 导航栏搜索图标是否适合您。

Alexey Ivanov 接受的答案有 3 种在输入框中使用图标作为背景图像的变体。因为它完全是 CSS,所以让它与 WordPress 一起为你工作应该没有问题。

user1769915 的第二个答案是如何在输入框中使用字体图标的一个很好的例子。重要的一点是他们在占位符代码中添加了一个跨度

<input type="text" class="search-query span2" placeholder="Search&hellip;"><span class="fornav"><i class="icon-search"></i></span>

如果您在 WordPress 网站上使用Font Awesome 之类的东西,这应该可以正常工作。

希望这可以帮助!

于 2013-05-20T11:29:52.183 回答