Question

我已经下载了WordPress的MetaSlider插件，并且能够将生成的代码插入到我主题的header.php文件中，以便滑块显示在正确的位置。但是，当我这样做时，网站徽标和描述会消失（它们应该覆盖标题图像）。这是header.php文件的代码：

    <!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="profile" href="http://gmpg.org/xfn/11">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

    <!-- Preloader -->
    <?php get_template_part( 'templates/header/preloader' ); ?>

    <!-- Page Wrapper -->
    <div id="page-wrap">

        <!-- Boxed Wrapper -->
        <div id="page-header" <?php echo esc_attr(ashe_options( 'general_header_width' )) === 'boxed' ? 'class="boxed-wrapper"': ''; ?>>

        <?php

        // Top Bar
        get_template_part( 'templates/header/top', 'bar' );

        // Page Header
        get_template_part( 'templates/header/page', 'header' );


        // Main Navigation
        get_template_part( 'templates/header/main', 'navigation' );

        ?>

        </div><!-- .boxed-wrapper -->

        <!-- Page Content -->
        <div id="page-content">

            <?php get_template_part( 'templates/sidebars/sidebar', 'alt' ); // Sidebar Alt ?>

要使滑块进入正确的位置，我需要使用Meta Slider提供的代码替换// Page Header下面的代码。我认为，问题在于它取代了标题模板。所以，我也查看了php的标题模板，但是我不知道在那里我可以做什么，以解决问题。这是标题模板代码：

<div class="entry-header">
    <div class="cv-outer">
    <div class="cv-inner">
        <div class="header-logo">

            <?php 

            if ( has_custom_logo() ) :

                $custom_logo_id = get_theme_mod( 'custom_logo' );
                $custom_logo    = wp_get_attachment_image_src( $custom_logo_id , 'full' );

            ?>

            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php esc_attr( bloginfo('name') ); ?>" class="logo-img">
                <img src="<?php echo esc_url(  $custom_logo[0] ); ?>" alt="<?php esc_attr( bloginfo('name') ); ?>">
            </a>

            <?php else : ?>
            <a href="<?php echo esc_url( home_url('/') ); ?>"><?php echo bloginfo( 'title' ); ?></a>
            <?php endif; ?>

            <br>
            <p class="site-description"><?php echo bloginfo( 'description' ); ?></p>

        </div>
    </div>
    </div>
</div>

关于如何解决这个问题的任何想法都将非常感激!!

Answer 1

您是否尝试将position:relative; z-index:9999;//z-index number depends提供给您的徽标和说明？

在保留站点徽标和描述的同时添加标题图像滑块

1 个答案: