高级 WordPress php 帮助

Question

我试图包含这个滑出信息面板 我在我的 WordPress 网站中创建了它。我尝试在 page.php 文件和 index.php 文件中使用，但没有成功。我的网站是一个单页网站，我相信我在解决这个问题时遇到了问题。包含文件实际上是一个完整的 html 页面，所以我对如何处理这个问题感到困惑。请帮助......建议

Answer 1

您不需要整个 html 页面。您只需要这部分（按钮和 div）。将它放在 page.php 的 body 标记中的某个位置，因为它位于 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> 

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

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

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

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