如何使用ADD_THEME_SUPPORT(‘HTML5’)？

时间：2017-09-06 作者：Mohamed Omar

我想知道add_theme_support() 函数可以工作，但在Html5的部分，我尝试将其与gallery一起使用，我注意到它的标记已经更改，下面是我所做的

add_theme_support( \'html5\', array(\'gallery\') );
但对于其他类似搜索表单或评论表单的表单

add_theme_support( \'html5\', array( \'comment-form\',\'search-form\',\'gallery\', \'caption\' ) );
我没有注意到输出有任何变化，所以我是否遗漏了一些东西？或者它是如何工作的？

2 个回复
最合适的回答,由SO网友:Mohamed Omar 整理而成

我已经找出了为什么没有发生任何更改，问题是我调用了一个自定义搜索表单文件searchform.php 以及功能add_theme_support() 仅影响内置功能。因此，如果要通过调用get_search_form() 没有searchform.php 文件，然后您可以使用

add_theme_support( \'html5\', array( \'search-form\' ) );
这将对表单应用html5标记。以下是之前和之后的add_theme_support()（包含阿拉伯语文本）：

之前：

<form role="search" method="get" id="searchform" class="searchform" action="http://localhost/TB/">
            <div>
                <label class="screen-reader-text" for="s">البحث عن:</label>
                <input value="" name="s" id="s" type="text">
                <input id="searchsubmit" value="بحث" type="submit">
            </div>
        </form>
之后：

<form role="search" method="get" class="search-form" action="http://localhost/TB/">
            <label>
                <span class="screen-reader-text">البحث عن:</span>
                <input class="search-field" placeholder="بحث …" value="" name="s" type="search">
            </label>
            <input class="search-submit" value="بحث" type="submit">
        </form>

SO网友:Pat J

根据文档，您必须在要启用HTML5标记的位置传递一个项目数组：

add_theme_support( \'html5\', array(
    // Any or all of these.
    \'comment-list\', 
    \'comment-form\',
    \'search-form\',
    \'gallery\',
    \'caption\',
) );
文档还建议使用add_theme_support() 在after_setup_theme hook，声明init 对于某些功能来说，挂钩可能太迟了。

参考文献

Developer documentation: add_theme_support() » HTML5

结束
标签： theme-development   add-theme-support   小码农  

相关推荐