Using Bootstrap in themes

时间:2011-08-30 作者:Adam Matan

推特刚刚发布了一个new web framework called Bootstrap. 在主题中使用它的正确方式是什么?

Update: 样式表包含确实很简单。我想知道应该注意哪些注意事项或兼容性问题。

4 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

需要考虑的几件事:

使用wp_enqueue_style(), 并与其中任何一个wp_enqueue_scriptswp_print_styleswp_enqueue_script(), 并连接到“wp\\u enqueue\\u scripts()”中,确保排队的样式表和脚本只在前端排队,而不在管理后端排队。Bootstrap and similar frameworks should only be used on the front-end, 并且决不能用于覆盖或绕过管理后端中的核心UIwp_nav_menu()/wp_list_pages()/等),分页(paginate_links()/paginate_comments_links()/wp_link_pages()), 等。与核心WordPress功能集成

SO网友:alex

只是一个带有引导文件夹的主题文件夹,然后我创建了一个样式。css带

/*
Theme Name: Your theme
Theme URI: http://...
Description: Theme based on bootstrap

Author: You
Version: 0.5
*/
@import url("bootstrap/css/bootstrap.css");

...etc
我的0.02美元

SO网友:Paul Worpit

根据您使用的主题,您可能无法根据需要将CSS样式表排队。

你需要把它作为你网站的第一个CSS,否则你可能会有意想不到的设计怪癖。我们经常使用论文框架,它甚至阻止我们这样做。

所以我们写了一个插件来解决这个问题。无论您使用什么主题,您都可以将最新的twitter引导CSS作为站点中的第一个CSS链接。它是打开文档头元素之后的第一个条目。

该插件还支持twitter引导Javascript,现在编译器更少,因此您可以完全自定义引导样式。还有一些包含的短代码,这样您也可以快速使用一些Twitter引导元素。

这将适用于您使用的任何主题。

从WordPress中获取它。组织存储库here.

让我知道你的想法。。。干杯,保罗。

SO网友:Rarst

WordPress主题几乎可以绝对控制输出。可能存在一些小问题(比如WP函数在框架使用的输出中生成一些类),但简单地说,没有任何问题是您不能用适度的努力来解决的(主题开发本身不仅仅是适度的努力)。

结束

相关推荐