web-dev-qa-db-ja.com

Wordpressテーマ（get_search_form（）を使用））で、プレースホルダーテキストを検索ボックスに追加するにはどうすればよいですか？

テーマを作成しようとしていますが、ヘッダーに検索ボックスを表示しています。

<?php get_search_form(); ?>

そのボックスに表示するプレースホルダーテキストを取得する方法はありますか？

phpwordpresswordpress-theming
14
BrianLender

テーマフォルダーに「searchform.php」というファイルがない場合、Wordpress displaysはプレースホルダーテキストを含まないデフォルトのフォームであることがわかりました。

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>

テーマフォルダーに「searchform.php」という新しいファイルを作成し、プレースホルダーテキストを含めるようにデフォルトのフォームを変更しました。

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div>
        <input type="text" value="" name="s" id="s" placeholder="Search gear, clothing, & more.." />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>
14
BrianLender

searchform.phpをテーマフォルダーに作成し、そのコードをその中に配置します

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
<div>
<input class="text" type="text" value=" " name="s" id="s" />
<input type="submit" class="submit button" name="submit" value="<?php _e('Search');?>" />
</div>
</form>

好きなように変更してください！クラス、プレースホルダー、テキストなど、名前、ID、フォーム属性など、必要なものはすべて変更しない

ありがとう

6
Vishal Thoriya

WP codexには プレースホルダーの例 があります：

テーマがHTML5をサポートしている場合（add_theme_support('html5', array('search-form'))を使用している場合）、次のHTMLフォームが出力されます。 WordPress 3.6。

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

HTML5タグと属性を使用したくない場合は、 JavaScriptでプレースホルダーを作成 を使用できます。

2
Tobias