handsome 主题添加相关文章

samool

2020 年 04 月 26 日

5461 次浏览

暂无评论

117字数

搞软件

AI摘要

为了在文章页面添加“相关文章”主题，需要在文章页脚广告位下方添加相关代码。这段代码创建了一个包含“相关文章”标题和列表的div容器，使用

this-&gt;related(10)-&gt;to(

relatedPosts)获取相关文章，并遍历显示文章标题和链接。如果没有相关文章，则显示“无相关文章”。

为了在文章页面

修改post.php

<?php if ($this->options->adContentPost != ""): ?>
                 <!--文章页脚的广告位-->
                 <?php $this->options->adContentPost(); ?>
<?php endif; ?>

在下面添加下面代码

<!-- 相关文章 -->
<div id="relatedPosts" style="box-shadow: 4px 6px 16px 0px #ddd; padding-left: 2rem; padding-top: 0.8rem; padding-bottom: 1.25rem;">
                    <h2>相关文章</h2>
                    <ul class="tocify-header nav nav-list">
                        <?php $this->related(10)->to($relatedPosts); ?>
                        <?php if ($relatedPosts->have()): ?>
                            <?php while ($relatedPosts->next()): ?>
                            <li class="tocify-item">
                                <a href="<?php $relatedPosts->permalink(); ?>" title="<?php $relatedPosts->title(); ?>"><?php $relatedPosts->title(); ?></a> 
                            </li>
                            <?php endwhile; ?>
                        <?php else : ?>
                        <li>无相关文章</li>
                        <?php endif; ?>
                    </ul>
</div>
<!-- end 相关文章 -->