您链接到的网站似乎正在使用Bootstrap framework 在他们的主题设计中(基于我从他们的源代码中看到的内容)。您可以从他们的官方网站了解更多关于引导的信息,并使用它创建类似/相同的主题,或者您可以选择任何您喜欢的特定功能。
例如:如果您只对实现相同的帖子演示方法感兴趣(单击标题打开帖子,再次单击将其折叠),这称为accordion 在网站设计术语中。
只要使用HTML、CSS和JavaScript,即使没有引导程序,也很容易实现手风琴。因此,您有两个选项可以选择如何进行编码:
要使用引导框架实现这一点,请参阅有关使用折叠行为创建手风琴的官方引导文档:https://getbootstrap.com/docs/4.1/components/collapse/#accordion-example
要在不依赖引导框架的情况下实现这一点,请参阅w3schools教程,该教程展示了如何使用HTML、CSS和JavaScript创建具有可折叠内容的手风琴:https://www.w3schools.com/howto/howto_js_accordion.asp
创建手风琴后,只需将其与WordPress循环绑定,即可将内容放置在正确的位置。
但是,如果您不想使用引导程序编写新主题或从头开始创建新主题,则其他选项包括:
使用基于引导框架的WordPress主题,或使用实现手风琴的主题(无引导),或使用WordPress插件,允许您以手风琴格式呈现帖子,而不管您使用的主题是什么您可以找到以下类型的themes 和plugins 在WordPress.org 网站,有许多选项可供选择。我知道它们是可用的,但我最近没有亲自使用过,这就是为什么我没有直接链接到特定主题或插件的原因。
我上面提到的所有方法和选项都有各自的优缺点,这在很大程度上取决于你在这方面需要花多少时间,以及你目前的编码技能。
我希望您觉得这些信息很有用,如果您需要更多帮助或澄清,请随时告诉我。