那些遇到过的问题

自定义Wordpress搜索表单模板(Genesis)

Sil*_*ink 5 php wordpress search-form genesis

我想通过添加autocomplete="off"到搜索输入来稍微更改我的搜索表单.

我最初寻找一个简单的过滤器,如下所示:

//* Customize search form input box text
add_filter( 'genesis_search_text', 'sp_search_text' );
function sp_search_text( $text ) {
    return esc_attr( 'Search my blog...' );
}
Run Code Online (Sandbox Code Playgroud)

但因为/genesis/lib/structure/search.php没有任何变量autocomplete="%s",所以该属性无法定位.我可能不得不直接介绍它,所以我将search.php父主题文件夹复制到子主题文件夹文件夹.

该文件的原始代码如下:

<?php

/**
 * Replace the default search form with a Genesis-specific form.
 *
 * The exact output depends on whether the child theme supports HTML5 or not.
 *
 * Applies the `genesis_search_text`, `genesis_search_button_text`, `genesis_search_form_label` and
 * `genesis_search_form` filters.
 *
 * @since 0.2.0
 *
 * @return string HTML markup for search form.
 */

add_filter( 'get_search_form', 'genesis_search_form' );

function genesis_search_form() {
    $search_text = get_search_query() ? apply_filters( 'the_search_query', get_search_query() ) : apply_filters( 'genesis_search_text', __( 'Search this website', 'genesis' ) . ' &#x02026;' );

    $button_text = apply_filters( 'genesis_search_button_text', esc_attr__( 'Search', 'genesis' ) );

    $onfocus = "if ('" . esc_js( $search_text ) . "' === this.value) {this.value = '';}";
    $onblur  = "if ('' === this.value) {this.value = '" . esc_js( $search_text ) . "';}";

    // Empty label, by default. Filterable.
    $label = apply_filters( 'genesis_search_form_label', '' );

    $value_or_placeholder = ( get_search_query() == '' ) ? 'placeholder' : 'value';

    if ( genesis_html5() ) {

        $form  = sprintf( '<form %s>', genesis_attr( 'search-form' ) );

        if ( genesis_a11y( 'search-form' ) ) {

            if ( '' == $label )  {
                $label = apply_filters( 'genesis_search_text', __( 'Search this website', 'genesis' ) );
            }

            $form_id = uniqid( 'searchform-' );

            $form .= sprintf(
                '<meta itemprop="target" content="%s"/><label class="search-form-label screen-reader-text" for="%s">%s</label><input itemprop="query-input" type="search" name="s" id="%s" %s="%s" /><input type="submit" value="%s" /></form>',
                home_url( '/?s={s}' ),
                esc_attr( $form_id ),
                esc_html( $label ),
                esc_attr( $form_id ),
                $value_or_placeholder,
                esc_attr( $search_text ),
                esc_attr( $button_text )
            );

        } else {

            $form .= sprintf(
                '%s<meta itemprop="target" content="%s"/><input itemprop="query-input" type="search" name="s" %s="%s" /><input type="submit" value="%s"  /></form>',
                esc_html( $label ),
                home_url( '/?s={s}' ),
                $value_or_placeholder,
                esc_attr( $search_text ),
                esc_attr( $button_text )
            );
        }


    } else {

        $form = sprintf(
            '<form method="get" class="searchform search-form" action="%s" role="search" >%s<input type="text" value="%s" name="s" class="s search-input" onfocus="%s" onblur="%s" /><input type="submit" class="searchsubmit search-submit" value="%s" /></form>',
            home_url( '/' ),
            esc_html( $label ),
            esc_attr( $search_text ),
            esc_attr( $onfocus ),
            esc_attr( $onblur ),
            esc_attr( $button_text )
        );

    }

    return apply_filters( 'genesis_search_form', $form, $search_text, $button_text, $label );

}
Run Code Online (Sandbox Code Playgroud)

然后我删除了原始过滤器并添加了我的过滤器:

remove_filter( 'get_search_form', 'genesis_search_form' );

add_filter( 'get_search_form', 'my_search_form' );
Run Code Online (Sandbox Code Playgroud)

并添加autocomplete="off"到搜索输入中,因此当前为:

<?php

/**
 * Replace the default search form with a Genesis-specific form.
 *
 * The exact output depends on whether the child theme supports HTML5 or not.
 *
 * Applies the `genesis_search_text`, `genesis_search_button_text`, `genesis_search_form_label` and
 * `genesis_search_form` filters.
 *
 * @since 0.2.0
 *
 * @return string HTML markup for search form.
 */

remove_filter( 'get_search_form', 'genesis_search_form' );

add_filter( 'get_search_form', 'my_search_form' );

function my_search_form() {
    $search_text = get_search_query() ? apply_filters( 'the_search_query', get_search_query() ) : apply_filters( 'genesis_search_text', __( 'Search this website', 'genesis' ) . ' &#x02026;' );

    $button_text = apply_filters( 'genesis_search_button_text', esc_attr__( 'Search', 'genesis' ) );

    $onfocus = "if ('" . esc_js( $search_text ) . "' === this.value) {this.value = '';}";
    $onblur  = "if ('' === this.value) {this.value = '" . esc_js( $search_text ) . "';}";

    // Empty label, by default. Filterable.
    $label = apply_filters( 'genesis_search_form_label', '' );

    $value_or_placeholder = ( get_search_query() == '' ) ? 'placeholder' : 'value';

    if ( genesis_html5() ) {

        $form  = sprintf( '<form %s>', genesis_attr( 'search-form' ) );

        if ( genesis_a11y( 'search-form' ) ) {

            if ( '' == $label )  {
                $label = apply_filters( 'genesis_search_text', __( 'Search this website', 'genesis' ) );
            }

            $form_id = uniqid( 'searchform-' );

            $form .= sprintf(
                '<meta itemprop="target" content="%s"/><label class="search-form-label screen-reader-text" for="%s">%s</label><input itemprop="query-input" type="search" name="s" id="%s" %s="%s" autocomplete="off" spellcheck="false" autocorrect="off" autocapitalize="off" dir="auto" /><input type="submit" value="%s" /></form>',
                home_url( '/?s={s}' ),
                esc_attr( $form_id ),
                esc_html( $label ),
                esc_attr( $form_id ),
                $value_or_placeholder,
                esc_attr( $search_text ),
                esc_attr( $button_text )
            );

        } else {

            $form .= sprintf(
                '%s<meta itemprop="target" content="%s"/><input itemprop="query-input" type="search" name="s" %s="%s" autocomplete="off" spellcheck="false" autocorrect="off" autocapitalize="off" dir="auto" /><input type="submit" value="%s"  /></form>',
                esc_html( $label ),
                home_url( '/?s={s}' ),
                $value_or_placeholder,
                esc_attr( $search_text ),
                esc_attr( $button_text )
            );
        }


    } else {

        $form = sprintf(
            '<form method="get" class="searchform search-form" action="%s" role="search" >%s<input type="text" value="%s" name="s" class="s search-input" onfocus="%s" onblur="%s" autocomplete="off" spellcheck="false" autocorrect="off" autocapitalize="off" dir="auto" /><input type="submit" class="searchsubmit search-submit" value="%s" /></form>',
            home_url( '/' ),
            esc_html( $label ),
            esc_attr( $search_text ),
            esc_attr( $onfocus ),
            esc_attr( $onblur ),
            esc_attr( $button_text )
        );

    }

    return apply_filters( 'my_search_form', $form, $search_text, $button_text, $label );

}
Run Code Online (Sandbox Code Playgroud)

它目前在主页上完美运行,但在任何其他页面中只生成标题和标语.我可以直接编辑父主题文件,但想要一个替代方案,以避免搞乱一切.任何见解或建议？

get_search_form的文档

genesis_search_form的文档

Genesis Snippets的文档

Chr*_*ras 1

我看到该genesis_search_form函数genesis_search_form在最后应用了过滤器。genesis_search_form您可以使用它来操作表单并DOMDocument在新过滤器中使用来添加autocomplete所需的属性，而不是重写整个函数。在您的子主题中尝试以下代码functions.php，看看它是否有效：

add_filter( 'genesis_search_form', 'my_search_form_filter', 5 );
function my_search_form_filter($form) {

    $document = new DOMDocument();
    $document->loadHTML($form);
    $xpath = new DOMXPath($document);
    $input = $xpath->query('//input[@name="s"]');
    if ($input->length > 0) {
        $input->item(0)->setAttribute('autocomplete', 'off');
    }

    # remove <!DOCTYPE 
    $document->removeChild($document->doctype); 
    # remove <html><body></body></html> 
    $document->replaceChild($document->firstChild->firstChild->firstChild, $document->firstChild);
    $form_html = $document->saveHTML();

    return $form_html;
}
Run Code Online (Sandbox Code Playgroud)

不要忘记禁用禁用默认值的代码get_search_form过滤器并添加您的过滤器的代码。

编辑

之前的代码是错误的，请使用上面有效的最新代码进行更新。我已经用genesis和genesis-child主题对其进行了测试。

在这里您可以找到安装了主题的Dev Wordpress站点genesis，您可以检查搜索输入框并看到它的属性autocomplete设置为off： http: //wp.dev.lytrax.net/

这是显示具有该autocomplete属性的表单搜索输入元素的屏幕截图：

WordPress 截图

编辑2

该genesis-sample主题使用 HTML5 搜索表单，并且在element 可以使用 处理的meta代码中包含一些标签，因此它会抛出许多警告并且无法继续。您看不到这些 PHP 警告，因为很可能您已禁用它们。请尝试我更新的代码。将其添加到文件末尾并检查是否添加了该属性。createDocumentFragmentappendXMLgenesis-sample/functions.phpautocomplete

归档时间：

查看次数：

886 次

最近记录：

8 年，9 月 前
相关归档
如何获取数组中的最后一个键？ 321
错误信息严格标准:不应在php中静态调用非静态方法 111
检查字符串是否包含多个特定单词 40
远程调试不会在断点处停止 36
我们可以在PHP的任何函数中传递数组作为参数吗？ 30
我什么时候应该使用按位运算符？ 20
在WooCommerce中使用PHP按ID删除产品 7
古腾堡块：使用“register_block_type_from_metadata()”注册多个块会在控制台中引发错误 5
在Wordpress中为图像添加标签 1
如何在页面加载或刷新时打印或回显随机php字符串？ 1
难疑归档
为什么我的JavaScript在所请求的资源上出现"No'Access-Control-Allow-Origin'标头"错误,当Postman没有？ 2320
从HTML页面重定向 1523
<meta charset ="utf-8"> vs <meta http-equiv ="Content-Type"> 1499
Dockerfile中CMD和ENTRYPOINT有什么区别？ 1484
如何在Git中有选择地合并或选择来自另一个分支的更改？ 1374
如何正确强制推送Git？ 1206
如何在PHP中进行重定向？ 1201
哪些字符在CSS类名/选择器中有效？ 1171
哪个MySQL数据类型用于存储布尔值 1168
jQuery的jquery-1.10.2.min.map触发了404(未找到) 1051