[英]How to properly embed a html conditional code in php
我有一種情況,我正在努力將2個有條件的html
代碼序列嵌入到PHP
文件中。 我在想,使用include PHP
函數在header.php
調用兩個單獨的外部html
文件( section1.html
和section2.html
),如下所示:
<!-- Start Header -->
...
<?php
/* a conditional PHP code is required in order to load
the section1.html if the menu1** is shown on the page (?)*/
include('section1.html');
/* also here, a conditional PHP code is required in order
to load the section2.html if the menu2** is shown on the
page (?)*/
include('section2.html');
?>
...
<!-- End Header -->
在PHP
標簽之間使用另一種方法:
<!-- Start Header -->
...
<?php if(condition){ ?>
<!-- HTML code of section1 here -->
/* above, a PHP (condition) that could load section1 if
the menu1** is shown on the page, should be defined (?) */
<?php } ?>
<?php if(condition){ ?>
<!-- HTML code of section2 here -->
/* above a PHP (condition) that could load section2 if
the menu2** is shown on the page, should be defined (?) */
<?php } ?>
...
<!-- End Header -->
如果有幫助,我可以公開html
代碼部分,但我認為目前為止還不那么重要。
**條件PHP
代碼應與在wordpress / appearance / menus部分中創建的上述menu1和menu2相關。
LE:
HTML部分為section1:
<nav>
<ul>
...
</ul>
<div id='menuRight'>
<div>
Home
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
<div>
Portfolio
<img src='http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
</img>
</div>
<div>
About
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
</div>
</nav>
和section2:
<nav>
<ul>
...
</ul>
<div id='menuRight'>
<div>
Home
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
<div>
Fiva
<img src='http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
</img>
</div>
<div>
Caterham
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
<div>
Mobile
<img src='http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
</img>
</div>
</div>
</nav>
有什么想法嗎? 謝謝,
根據您最近的注釋中包含的menu1和menu2頁面鏈接,看起來menu1對應於您的葉子頁面,而menu2則是您的首頁。 如果您打算這樣做,則可以使用以下條件PHP。
<?php if (is_front_page()) : ?>
<nav>
<ul>
...
</ul>
<div id='menuRight'>
<div>
Home
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
<div>
Portfolio
<img src='http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
</img>
</div>
<div>
About
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
</div>
</nav>
<?php else : ?>
<nav>
<ul>
...
</ul>
<div id='menuRight'>
<div>
Home
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
<div>
Fiva
<img src='http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
</img>
</div>
<div>
Caterham
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
<div>
Mobile
<img src='http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
</img>
</div>
</div>
</nav>
<?php endif; ?>
如果要使用外部文件包含代碼,則必須將其另存為.php文件而不是.html文件。 您可以在這些.php文件中使用完全相同的代碼,但是在保存它們時使用.php擴展名很重要。 這是文件的外觀:
menu1.php
<nav>
<ul>
...
</ul>
<div id='menuRight'>
<div>
Home
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
<div>
Fiva
<img src='http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
</img>
</div>
<div>
Caterham
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
<div>
Mobile
<img src='http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
</img>
</div>
</div>
</nav>
menu2.php
<nav>
<ul>
...
</ul>
<div id='menuRight'>
<div>
Home
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
<div>
Portfolio
<img src='http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
</img>
</div>
<div>
About
<img src='http://images5.fanpop.com/image/photos/31100000/random-space-space-31155586-598-398.jpg'>
</img>
</div>
</div>
</nav>
然后在您的header.php文件中使用以下代碼:
<?php if (is_front_page()) : ?>
<?php include 'menu2.php'; ?>
<?php else : ?>
<?php include 'menu1.php'; ?>
<?php endif; ?>
重要的是要確保menu1.php和menu2.php文件的路徑正確。 上面的代碼假定這兩個文件與header.php文件位於同一目錄中。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.