如何在主页中使用h1标签包装图像徽标

时间:2020-05-14 作者:Bright Indy

在主页中使用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">

1 个回复
最合适的回答,由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 插件