我在网站上添加了一些自定义HTML代码。一切都很好。我正在尝试根据页面名称显示此HTML代码。我查看了一些在线资源并写出了代码,但它不起作用。我也在网上查过了,我只是在寻找有条件地添加CSS和JS的方法。这是可能做到的吗?我该怎么做?
My code
<?php
global $wpdb;
$query = new WP_Query(array(
\'posts_per_page\' => 12,
\'category_name\' => \'featured-posts\',
));
$posts = $query -> posts;
if ( is_page(\'Featured Posts\') ){
foreach ($posts as $post) {
echo \'
<div class="slider-container">
<h4 class="slider-header">
<span class="slider-header_text">Trending</span>
</h4>
<div class="slider">
<div class="carousel-container">
<div class="carousel-inner">
<div class="track">
<div class="card-container">
<a href="\'.$post->guid.\'" class="card">
<div class="img">
<img src="\'.get_the_post_thumbnail_url( $post -> ID, \'thumbnail\' ).\'" alt="">
</div>
<div class="info">
<h5>\'.$post->post_title.\'</h5>
</div>
</a>
</div>
</div>
</div>
<div class="nav">
<button class="prev">
<i class="fas fa-angle-left"></i>
</button>
<button class="next">
<i class="fas fa-angle-right"></i>
</button>
</div>
</div>
</div>
</div>\';
}
}
?>
最合适的回答,由SO网友:James Hill 整理而成
您可以关闭php标记,只编写正常的html,而不必重复一大堆html。
例如:
<?php
...
...
...
foreach ($posts as $post) {
?>
<!-- here goes the html -->
<?php
}
?>
另一方面,您在问题中提到,您正在尝试基于页面名称显示html。
您可以通过page template