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

时间:2018-03-03 18:25:48

标签: php wordpress wordpress-theming

我已经下载了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>

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

1 个答案:

答案 0 :(得分:0)

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