【问题标题】:bootstrap withword press integration与 wordpress 集成的引导程序
【发布时间】:2018-11-26 16:06:50
【问题描述】:

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

【问题讨论】:

    标签: html wordpress twitter-bootstrap-3 integration expand


    【解决方案1】:

    这个问题有点宽泛,但例如:

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

    2) 要控制帖子的显示方式,主要使用 CSS 和 javascriptjquery 来隐藏或显示 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 创建交互。

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

      【讨论】:

      • 是的,这样的事情会很完美,我对此很陌生,这对我来说是全新的,但这让我深思!谢谢! :)
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-01-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-07-26
      • 2015-07-11
      相关资源
      最近更新 更多