用滑块替换一个多页标题图片

时间:2014-01-19 02:16:19

标签: jquery html css

在我们的网站上.... http://www.pbycatalina.com ....(Wordpress 3.8 Twenty Twelve)我们有一个用于每页的半飞机标题,直到现在一切正常。 我们使用html,css和jquery苍蝇和代码构建了一个时间轴滑块,并希望使用相同的标题图片和相同大小的标题图片,但使用手动滑动条将标题图片(仅在一页上)移出左侧页面的一侧拖动新的(但隐藏)时间轴图片和内容。我们知道这可以很容易地在标题下面作为内容完成,但不是我们想要的。 这是(仅示例)基本上它将如何反应。 http://www.jimpattison.com/corporate-info/default.aspx

我想我的问题是:我们的滑块项目包含图片和叙述内容(虽然不可见)....是否可以在WordPress Twenty Twelve中调整单页标题以使用相同的标题接受滑块图片? 如果我们的滑块代码有价值,我很乐意包含所有1.9mb的文件夹。

1 个答案:

答案 0 :(得分:0)

将滑块代码放入二十二分之一的模板文件中。在header.php中,您需要在条件检查中将现有代码包装在<header id="masthead">中。

<header id="masthead" class="site-header" role="banner">
    <?php if ( is_page( 'home' )): //replace 'home' with the page slug or ID you want ?>
        <?php get_template_part('your-slider-template'); ?>
    <?php else: ?>
        <hgroup>
            <h1 class="site-title">...
            <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        </hgroup>
        ... the rest of the header ...

    <?php endif; ?>
</header><!-- #masthead -->

您需要使用wp_enqueue_script加载javascript和wp_enququq_style以通过主题的functions.php文件加载滑块所需的CSS。你可以(而且应该)load those conditionally as well