2017-04-07 46 views
1

我試圖創建一個變化,每一個新的崗位被創建時的標題。最新帖子的精選圖片也應該成爲主頁頁眉,並帶有一個按鈕來查看該帖子。是否有多個header.php文件的最佳做法,還是應該有條件語句?您是否必須創建多個header.php文件才能擁有動態標頭?

+1

一個有條件的鏈接,或者可能與宇宙學徒_ONE learner_ – RiggsFolly

+0

只能使一個,創建一個函數來得到你想要得到惱人的最新post.If圖片,使用AJAX更改圖片(無需重新加載頁面)。如果您決定在100%的HTML網站中使用功能,則使用PHP毫無意義:)。 –

+0

@MarinNedea所以,我沒有你所說的話,但我的問題是,我改變所有的頭。我想我努力在html中使用is_home()來設置我的if語句。 – rabowlen

回答

1

你並不需要一個multuple動態標題。您的帖子需要一個標題。比方說,例如,你有

post.php中

你可能需要的東西的post.php中的文件一樣包括「header.php文件」。在包含以下內容中,請嘗試以下內容

//put this portion of the code in between the head tag somewhere 

<!--Little CSS fade in --> 
<style> 
.fade-in{ 
    -webkit-animation: fade-in 2s ease; 
    -moz-animation: fade-in ease-in-out 2s both; 
    -ms-animation: fade-in ease-in-out 2s both; 
    -o-animation: fade-in ease-in-out 2s both; 
    animation: fade-in 2s ease; 
    visibility: visible; 
    -webkit-backface-visibility: hidden; 
} 

@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}} 
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}} 
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}} 
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}} 

</style> 
</head> 
<body> 

<!--We appendin' on this div - ps: ids make sense here... punk--> 
<div id="banner-load"></div> 

<!--Don't forget Jquery--> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script> 

<!--New images on load --> 
<script> 
//Add your images, we'll set the path in the next step 
    var images = ['banner-1.jpg', 'banner-2.jpg', 'banner-3.jpg', 'banner-4.jpg]; 

//Build the img, then do a bit of maths to randomize load and append to a div. Add a touch off css to fade them badboys in all sexy like. 
    $('<img class="fade-in" src="images/' + images[Math.floor(Math.random() * images.length)] + '">').appendTo('#banner-load'); 
</script> 

</body> 
?> 

確保在includes中記住包含文件時的頭標籤和主體標籤的位置。

這裏是GitHub的https://gist.github.com/stephenscaff/8266351

相關問題