Question

我对在Wordpress标头中显示可点击图标的快速而肮脏的解决方案有疑问。我只是想一个快速的图标来打开一个外部链接，所以我将以下行添加到我的template.php文件中：

<a href="<?php echo esc_url( "http://www.google.com/" ); ?>" rel="external" class="site-intro"><i class="fab fa-github-alt fa-2x"> </i></a>

我发现了将启动标题并设置样式的区域。图标将显示为我想要的样子，但我无法单击链接... 当我将链接更改为我的家庭URL或使用“ home_url”时，该图标是可单击的。但是当我使用外部链接时，当我将鼠标悬停在链接上时，会得到阻止信号。

也许有人知道为什么会这样吗？

/**
 * Site title
 * Displays the gravatar, site title and description
 * Hooked into highwind_header()
 * @since 1.0
 */
if ( ! function_exists( 'highwind_site_title' ) ) {
    function highwind_site_title() {
        ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" class="site-intro">
            <?php
                do_action( 'highwind_site_title_link' );
                if ( apply_filters( 'highwind_header_gravatar', true ) ) {
                    echo get_avatar( apply_filters( 'highwind_header_gravatar_email', $email = esc_attr( get_option( 'admin_email' ) ) ), 256, '', esc_attr( get_bloginfo( 'name' ) ) );
                }
            ?>

            <h1 class="site-title"><?php esc_attr( bloginfo( 'name' ) ); ?></h1>
            <h2 class="site-description"><?php esc_attr( bloginfo( 'description' ) ); ?>
            </h2>
        </a>

        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

        <a href="<?php echo esc_url( "http://www.google.com/" ); ?>" rel="external" class="site-intro"><i class="fab fa-github-alt fa-2x"></i></a>
    <?php
    }
}

Answer 1

请将双引号更改为单引号。

<?php echo esc_url( 'http://www.google.com/' ); ?>

为：

<a href="<?php echo esc_url( 'http://www.google.com/' ); ?>" rel="external" class="site-intro">
<i class="fab fa-github-alt fa-2x"> </i>
</a>

外部链接被阻止

1 个答案: