【问题标题】:how to integrate bootstrap4 based menu into wordpress theme如何将基于 bootstrap4 的菜单集成到 wordpress 主题中
【发布时间】:2019-03-09 22:24:49
【问题描述】:

我有基于 bootstrap4 的自定义菜单,该菜单在移动设备和桌面设备上运行良好。在我的网站中,我使用了 27 个主题。我想用我的自定义菜单替换默认菜单。我读了很多文章,但没有找到合适的。

问题是我有一些用户定义的类,我正在使用我的下拉菜单和其他 js 文件。我可以将它们排入functions.php。我也会将 wp-bootsrap-walker 上传到我的主题中。但是在 nav 里面的部分,我需要添加 php 代码来代替我的代码。它将更改为用户定义的类定义的所有样式。谢谢,期待一个简短的解决方案。

【问题讨论】:

  • 你能发布你的 html 和 wp-bootsrap-walker 代码吗?
  • 您可以从此链接github.com/mebishalnapit/bootstrap-navwalker 下载 bootstrap-navwaker,对于示例菜单,您可以使用此 html。 jsfiddle.net/my3oje9t/1

标签: wordpress bootstrap-4


【解决方案1】:

您必须将 navwalker 添加到您的主题中 只需阅读以下 og google“navwalker 和 wordpress”

https://napitwptech.com/tutorial/wordpress-development/integrate-bootstrap-navwalker-wordpress-theme/

【讨论】:

  • 你好 elisa,根据这篇文章,我下载了他们的 navwalker 文件并将其上传到我的主题文件夹中。对不起,你能详细说明你的建议吗?谢谢
  • 你需要在functions.php文件中包含导航walker,比如require get_template_directory() . '/inc/wp_bootstrap_navwalker.php';
  • 我叫 Elias,你必须创建 headep.php、footer.php 并且在 header.php 中有类似
  • 'primary', 'depth' => 2, 'container' => false, 'menu_class' => 'nav nav-pills pull-对', 'fallback' => 'wp_bootstrap_navwalker::fallback', 'walker' => new wp_bootstrap_navwalker() )); ?>
  • 是的,我同意你必须在函数 php 中包含另一个解决方案 require_once('wp_bootstrap_navwalker.php');
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-21
相关资源
最近更新 更多