在 Astra 主题中,网站标题表示网站名称,副标题是简短且富有吸引力的描述性短语。默认情况下,Astra 为网站标题使用 H1 标签,副标题则使用<p>标签。如果需要更改这些标签,可以通过自定义过滤器来实现。
网站标题和标语设置
网站标题是网站的名称,标语是一个简短且引人注目的描述性短语。
要访问并修改它们,请使用 Astra 定制器。
Astra 定制器
打开 Astra 定制器。
导航至 Header Builder > Site Title & Logo,即可为网站添加标题和标语。
更改副标题的 HTML 标签
默认情况下,网站标题使用 H1 标签,而标语使用 <p> 标签。如果需要更改这些标签,可以通过以下过滤器将其更改为其他 HTML 标签。
要更改 副标题 的 HTML 标签,可以将以下代码添加到子主题的 functions.php 文件中:
add_filter( ‘astra_site_tagline_tag’, ‘astra_change_site_tagline_tag’ );
/* 更改副标题标签的函数。
@param string $tag 默认是 p 标签。 */
function astra_change_site_tagline_tag( $tag ) {
$tag = ‘h6’; // 更改为所需的任何标签(例如 h2, h3 等)。
return $tag;
}
此过滤器会将副标题的默认 标签更改为 (或任何选择的标签)。
这是添加过滤器之前默认标签的样子。
这是添加 Filter 后代码中从 <p> 到 <H6> 的变化。
使用浏览器的 检查元素 工具可以确认更改。
更改网站标题的 HTML 标签
要将 网站标题 的 H1 标签替换为<span> 标签,可以使用以下过滤器:
add_filter( ‘astra_site_title_tag’, ‘astra_function_change_site_title’ );
/**
* 将网站标题的 h1 标签替换为 span 标签的函数。
*
* @param string $tag 这是用于网站标题的标签。
* @return string
*/
function astra_function_change_site_title( $tag ) {
$tag = ‘span’; // 更改为所需的任何标签(例如 h2, span 等)。
return $tag;
}
强制使用 H1 标签
如果需要 强制网站标题始终使用 H1 标签,可以使用以下过滤器:
add_filter( ‘astra_show_site_title_h1_tag’, ‘__return_true’ );
总结
通过以上方法,可以灵活地更改 网站标题 和 副标题 的 HTML 标签。这有助于根据实际需求调整标签的使用,达到更合适的网站结构效果。