Question

我想尝试包含此sliding out info panel 我创建的my wordpress site。我试过在page.php文件和index.php文件中使用并没有成功。我的网站是一个单页网站，我相信由于这个问题，我正在解决这个问题。包含文件实际上是一个完整的html页面，所以我很难理解如何解决这个问题。请帮助...... Sugestions

Answer 1

您不需要整个html页面。你只需要这个部分（按钮和div）。把它放在body标签中的某个地方的page.php中，因为它位于css中所以并不重要：

<div class="panel"> 
    <h3>Email Subscription</h3> 
    <p>Enter your email address below to receive promotional products and exclussive Elite givaways!</p> 

  <p><input name="" type="text" value="enter your email" /><input name="" type="submit" /></p> 
</div> 
<a class="trigger" href="#">infos</a>

然后确保你在header.php中的head标签中有这个javacript：

<script type="text/javascript"> 
$(document).ready(function(){
    $(".trigger").click(function(){
        $(".panel").toggle("fast");
        $(this).toggleClass("active");
        return false;
    });
});
</script>

然后显然还需要header.php中的head标签中的jquery js：

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>

head.php中head标签中的触发器和框的css：

<link rel="stylesheet" href="style2.css" type="text/css" media="screen" />

高级Wordpress php帮助

1 个答案: