[英]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.