【问题标题】:How can I use bootstrap with wordpress & woocommerce? [closed]如何将引导程序与 wordpress 和 woocommerce 一起使用? [关闭]
【发布时间】:2016-04-17 00:30:14
【问题描述】:

我已经使用 bootstrap 从头开始​​制作网站,使用 wordpress 制作网站,但现在我想使用 wordpress 和 woocommerce 制作电子商务网站,但我也想利用 bootrap 的命令进行响应。如何将引导程序集成到我正在创建的 wordpress 主题中?

【问题讨论】:

  • 请将您的问题缩小到具体问题。您的问题太宽泛,无法回答。

标签: css wordpress twitter-bootstrap woocommerce


【解决方案1】:

在您的主题/子主题 functions.php 文件中,您应该将您的 css 和 javascript 文件排入队列。

例如:

function theme_enqueue_styles() {


   wp_enqueue_style( 'bootstrap-theme-style', '/wp-content/themes/' . get_stylesheet() . '/assets/css/bootstrap.min.css' );
   wp_enqueue_script( 'bootstrap-min-script', '/wp-content/themes/' . get_stylesheet() . '/assets/js/bootstrap.min.js', array(), true );

}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

【讨论】:

    【解决方案2】:

    只需将引导样式和 javascript 添加到主题标题,然后使用中描述的响应类: http://getbootstrap.com/css/#responsive-utilities

    【讨论】:

    • 将 javascript 放在标头中是一种不好的做法。另外,对于 wordpress,我记得有 wp_ 处理 javascript 的函数。
    • 如果它是您的自定义模板,这不是一个坏习惯。
    • 接受的答案就是我的意思。 +1 自定义事实
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-19
    • 2013-03-26
    • 2013-05-26
    • 2013-01-05
    • 1970-01-01
    相关资源
    最近更新 更多