在保留站点徽标和描述的同时添加标题图像滑块
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在保留站点徽标和描述的同时添加标题图像滑块相关的知识,希望对你有一定的参考价值。
我已经下载了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提供的代码替换//页眉下面的代码。我认为,问题在于它正在取代标题模板。所以,我也看了一下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>
关于如何解决这个问题的任何想法都将非常感激!!
答案
您是否尝试将position:relative; z-index:9999;//z-index number depends
提供给您的徽标和描述?
以上是关于在保留站点徽标和描述的同时添加标题图像滑块的主要内容,如果未能解决你的问题,请参考以下文章
JavaScript - 必须刷新页面才能显示粒子滑块徽标效果