一起使用Twitter的引导与WordPress(Using Twitter Bootstrap t

2019-07-30 11:25发布

如何一起使用WordPress与Twitter的引导? 我知道如何建立一个WordPress的页面,我已经和引导工作,但现在我想用这两个在一起的第一次。

对于我的WordPress的项目中,我通常只安装WordPress从头开始创建一个新的主题。 对于我的引导项目,我总是Initializr建立一个模板。

现在使用谷歌,我发现各种“引导主题”和插件,我需要其中的一个? 我想用更少的定制引导看看我自己的颜色等等,这就是为什么我问。 我只是有闹明白这两个怎么会一起工作,我还没有找到任何很好的资源吧。

Answer 1:

将有解决这几个方面,但这里是我一直在做什么?

  1. 把你最喜欢的起点主题的副本
  2. 下载完整引导回购(少和一切),并弹出到你的主题文件夹。
  3. 创建一个名为“CSS”的引导文件夹内,并将此作为您的位置来输出编译“bootstrap.css”文件夹中。
  4. 再向上的主题根,打开“styles.css的”,更改主题名称等,你会如果你正在创建一个新的主题,删除所有的风格和只添加一行代码@import url("bootstrap/css/bootstrap.css");
  5. 您现在应该能够在“可湿性粉剂管理员”你的“外表”菜单中选择这个新的主题。
  6. 这会明显地看起来可怕,但一旦你添加了一些你的主题类/ ID的进入“layout.less”。 然后通过“variables.less”运行,以添加基本主题,你会被一些进展。
  7. 除此之外,你必须去通过每个模板文件,并考虑所有的类/ ID的,有时编辑主题,以更好地利用现有的自举类的,但其他时候,你需要添加你自己的自定义类引导。

这是相当费时,但一旦它完成它显然可以重新使用,以加快未来的项目。

顺便说一句,我也一直在使用这个同样的原则建设的主题,但基于http://stuffandnonsense.co.uk/projects/320andup/两个伟大的工程。 我建议你观察一下哪些最适合你。



Answer 2:

你总是可以我们Twitter的引导WordPress插件。 这是WordPress.org上的完全免费在这里: http://wordpress.org/extend/plugins/wordpress-bootstrap-css/

还有很多的简包括这样你可以包括你的页面内引导元素和后-有它的全部演示页面在这里: http://worpit.com/wordpress-twitter-bootstrap-css-plugin-home/wordpress-shortcodes -demo /

希望可以帮助您开始!



Answer 3:

我以前在这里回答#同样的问题。 我觉得这是有点晚了共享但对于那些谁正在寻找这样的教程只需点击给出的超链接标题: 在WordPress的使用Twitter的引导 。



Answer 4:

有一种快速的方法来做到这一点,你的主题用作曲:

composer.json

{
        "config": {
                        "component-dir": "lib/composer",
                        "vendor-dir": "lib/composer",
                        "bin-dir" : "bin/composer",
                        "cache-dir" : "var/cache/composer"
        },
        "require": {
                        "twitter/bootstrap": "3"
        }
}

注:我删除了其他作曲家的部分和要求,phing整合来降低复杂性。

执行

 composer install

然后在你的主题,添加/lib/composer/twitter/bootstrap/dist/css/bootstrap.css这个句子

    $bootUri = get_template_directory_uri() . '/lib/composer/twitter/bootstrap/dist/css/bootstrap.css';

    wp_enqueue_style('sindy_bootstrap', $bootsUri); 

瞧! :)



文章来源: Using Twitter Bootstrap together with Wordpress