在主页中使用H1标签包装徽标/图像如今越来越流行。问题:a)如何为wordpress基础网站做到这一点?b) 什么是代码(php或其他)以及放在哪里
c) 有什么插件可以让它更简单吗?(这里是新手)。
谢谢
我看到的一些例子:
尤斯特。com公司
<h1><a href="/" class="siteheader__title">
<picture>
<source media="(max-width: 895px)"
srcset="https://yoast.com/app/themes/yoast-theme/images/logo-diap.svg" sizes="100%"/>
<source media="(min-width: 896px)"
srcset="https://yoast.com/app/themes/yoast-theme/images/logo.svg"
sizes="100%"/>
<img src="https://yoast.com/app/themes/yoast-theme/images/logo.svg" alt="Yoast - SEO for everyone" loading="eager"/>
</picture>
英国广播公司。com公司
<h1 id="page-title">BBC Homepage</h1>
<div id="page" role="main" class="content" data-wwhp-module="images, media">
最合适的回答,由SO网友:ZecKa 整理而成
根据您的评论,以下是您可以做的:
教育中心使用挂钩显示标题,因此您可以覆盖education_hub_action_header
在这样的插件中挂钩
在wp-content/plugins/中添加一个新的php文件,内容如下:
<?php
/*
Plugin Name: h1 in homepage logo for education hub
Version: 1.0.0
*/
add_action(\'init\', function(){
remove_action( \'education_hub_action_header\', \'education_hub_site_branding\', 10 );
});
add_action(\'education_hub_action_header\', \'education_hub_site_branding_override\');
function education_hub_site_branding_override(){
?>
<div class="site-branding">
<?php if ( is_front_page() || is_home() ) : ?>
<h1>
<?php endif; ?>
<?php education_hub_the_custom_logo(); ?>
<?php if ( is_front_page() || is_home() ) : ?>
</h1>
<?php endif; ?>
<?php $show_title = education_hub_get_option( \'show_title\' ); ?>
<?php $show_tagline = education_hub_get_option( \'show_tagline\' ); ?>
<?php if ( true === $show_title || true === $show_tagline ) : ?>
<div id="site-identity">
<?php if ( true === $show_title ) : ?>
<?php if ( is_front_page() && is_home() ) : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( \'/\' ) ); ?>" rel="home"><?php bloginfo( \'name\' ); ?></a></h1>
<?php else : ?>
<p class="site-title"><a href="<?php echo esc_url( home_url( \'/\' ) ); ?>" rel="home"><?php bloginfo( \'name\' ); ?></a></p>
<?php endif; ?>
<?php endif ?>
<?php if ( true === $show_tagline ) : ?>
<p class="site-description"><?php bloginfo( \'description\' ); ?></p>
<?php endif ?>
</div><!-- #site-identity -->
<?php endif; ?>
</div><!-- .site-branding -->
<?php $show_search_form = education_hub_get_option( \'show_search_form\' ); ?>
<?php if ( true === $show_search_form ) : ?>
<div class="search-section">
<?php get_search_form(); ?>
</div>
<?php endif; ?>
<?php
}
然后激活:
h1 in homepage logo for education hub
插件