我在网站上添加了一些自定义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>\';
}
}
?>