我们能帮你什么吗?
如何更改页脚小部件标题的标题标签?
为了增强页脚小部件的视觉层次并确保它们与您的网站设计无缝集成,自定义页脚小部件标题的标题标签至关重要。
通过调整这些标签,您可以保持整个网站布局的有序外观。
本综合指南将提供逐步的演练,简化修改页脚小部件标题的标题标签的过程,以完美地与您想要的设计保持一致。
如何更改页脚小部件标题的标题标签
如果您希望更改页脚小部件标题的标题标签,您可以使用以下自定义代码。在子主题的 functions.php文件中添加相应的过滤器代码。
// Footer Widget 1
add_filter( 'astra_advanced_footer_widget_1_args', 'widget_title_footer_1_tag', 10, 1 );
function widget_title_footer_1_tag( $atts ) {
$atts['before_title'] = '<h1 class="widget-title">';
$atts['after_title'] = '</h1>';
return $atts;
}
// Footer Widget 2
add_filter( 'astra_advanced_footer_widget_2_args', 'widget_title_footer_2_tag', 10, 1 );
function widget_title_footer_2_tag( $atts ) {
$atts['before_title'] = '<h3 class="widget-title">';
$atts['after_title'] = '</h3>';
return $atts;
}
// Footer Widget 3
add_filter( 'astra_advanced_footer_widget_3_args', 'widget_title_footer_3_tag', 10, 1 );
function widget_title_footer_3_tag( $atts ) {
$atts['before_title'] = '<h4 class="widget-title">';
$atts['after_title'] = '</h4>';
return $atts;
}
// Footer Widget 4
add_filter( 'astra_advanced_footer_widget_4_args', 'widget_title_footer_4_tag', 10, 1 );
function widget_title_footer_4_tag( $atts ) {
$atts['before_title'] = '<p class="widget-title">';
$atts['after_title'] = '</p>';
return $atts;
}
// Footer Widget 5
add_filter( 'astra_advanced_footer_widget_5_args', 'widget_title_footer_5_tag', 10, 1 );
function widget_title_footer_5_tag( $atts ) {
$atts['before_title'] = '<div class="widget-title">';
$atts['after_title'] = '</div>';
return $atts;
}
您可以从相应小部件所需的过滤器中进行选择,并根据您的要求更新标签。
例如,如果您要更新第三页脚小部件标题,则需要复制如下所示的代码并将其粘贴到子主题的 functions.php 中。
add_filter( 'astra_advanced_footer_widget_3_args', 'widget_title_footer_3_tag', 10, 1 );
function widget_title_footer_3_tag( $atts ) {
$atts['before_title'] = '<h4 class="widget-title">';
$atts['after_title'] = '</h4>';
return $atts;
}
笔记:
如果您已使用页眉页脚构建器构建了页脚,请使用以下代码 –
add_filter( 'astra_footer_widget_1args', 'widget_title_footer_1_tag', 10, 1 );
function widget_title_footer_1_tag( $atts ) {
$atts['before_title'] = '<h1 class="widget-title">';
$atts['after_title'] = '</h1>';
return $atts;
}
笔记:
请注意,您选择具有编号的正确过滤器并根据需要更新标题标签。请参阅有关 如何添加自定义 PHP 代码的文档?