与 wordpress 集成的引导程序

Posted 2023-03-24

【中文标题】与 wordpress 集成的引导程序

【英文标题】：bootstrap withword press integration

【发布时间】：2018-11-26 16:06:50

【问题描述】：

我在网上看了很多，似乎找不到答案，希望有人能指出我正确的方向。我对 wordpress 循环有点熟悉，但我有一个带有几个 div 的引导主题。是否有可能有一个 div 调用 wordpress 帖子，一旦用户点击就会展开？我在网上找到的任何信息都是如何构建引导 wordpress 主题。所以基本上 id 就像一个帖子/新闻部分，它不会重定向并在同一个 div 中打开内容。我希望这是有道理的。 谢谢

【参考方案1】：

这个问题有点宽泛，但例如：

1) 要使用引导程序，您必须使用 wp_enqueue_style() 和 wp_enqueue_scripts() 添加 js 和 css 文件，并将其挂钩到操作 wp_enqueue_scripts。

2) 要控制帖子的显示方式，主要使用 CSS 和 javascript 或 jquery 来隐藏或显示 html 元素。或者您可以在 jquery-ui 或其他库中找到一些合适的小部件。对于内容，我认为你有两种选择：

我。将帖子内容下载到页面中，以便当您根据用户点击（在 javascript 中捕获）决定是否显示它时，内容就在那里。

二。只需下载对帖子的引用（如帖子 ID）并通过 ajax 调用下载要显示的内容，同样基于用户点击。 这种替代方法更复杂，您需要了解 ajax 调用是如何在 worpdress 中进行的，并添加一些安全措施，例如可以由服务器验证的 nonce。 WP Ajax

【参考方案2】：

我认为你必须解决这个问题，将你的任务分成不同的方面：

在设计方面，你想用或者你正在用Bootstrap。 在交互方面，您可以使用 CSS 和 Javascript 来实现您想要的。 就 WordPress 如何传递信息而言，您必须使用 php 和 WordPress 函数。

据我了解您的问题，您想创建一种下拉菜单，其中有一个包含帖子标题的列表，并且点击交互将显示帖子的内容。

类似this

我的建议： - 您必须了解 WordPress 循环的工作原理。 - 熟悉 Bootstrap 元素，在本例中使用 Collapse（CSS 和 Jquery 的组合） - 最后，在这种情况下，我对任何问题的处理方法都是创建小任务：

PHP - WORDPRESS：使用 - the_title & the_content

PHP - CSS - HTML（引导程序）：隐藏内容

使用 Bootstrap 创建交互。

让我知道我是否清楚或者我没有理解你的想法。

【讨论】：

是的，这样的事情会很完美，我对此很陌生，这对我来说是全新的，但这让我深思！谢谢！ :)