2011-05-04 51 views
0

我想包括這sliding out info panel ,我創建到my wordpress site。我曾嘗試在page.php文件和index.php文件中使用,並沒有成功。我的網站是一個單一的網站,我相信我有這個問題,因此解決了這個問題。包含文件實際上是一個完整的html頁面,所以我很難理解如何去做這件事。請幫忙......建議高級WordPress的幫助

回答

0

你不需要整個html頁面。你只需要這部分(按鈕和div)。把它放在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> 

然後確保你有這樣的javacript頭標記中的header.php:

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

然後也顯然需要在頭標籤jquery的JS中的header.php:

<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" /> 
+0

確實很好...這是有道理的....但我應該把那部分的HTML頁面 – 2011-05-04 22:11:17

+0

我的答案,我編輯它說,在主題中的哪些文件。 – rzetterberg 2011-05-04 22:12:29

+0

謝謝...虐待它給我一個嘗試,看看我是否遇到任何問題 – 2011-05-05 01:06:38