是否将主题转换为基于引导？

时间：2014-01-09 作者：McKeene

我有一个主题，我想以引导网格为基础，而不是它原来的网格，我怀疑这是否相对容易改变，或者我会遇到无法预见的挑战。所以我的问题是，为了改变主题，应该做些什么？

它是否像将脚本排队（在主题样式表之前的引导样式表）和更改类和ID一样简单？

3 个回复
最合适的回答,由SO网友:Marco Godínez 整理而成

我已经使用Bootstrap 3创建了至少两个wordpress主题。事实上，一点也不复杂。除了显而易见的，你还需要记住三件事：

引导程序样式和脚本都正确排队设置自己的“Walker导航菜单”，该菜单覆盖默认Walker以创建下拉菜单，如：搜索表单（get\\u search\\u form）、摘录更多（extract\\u more）、默认菜单类（Nav\\u Menu\\u css\\u class）等

一些示例：http://gelatinisima.comhttp://www.filos.unam.mx

SO网友:Mark Barnes

你不能仅仅调整一些事情，就指望你的主题能与引导一起工作。转换为引导可能相对简单，也可能非常复杂，这取决于现有主题的构建方式和复杂程度。但我们无法给出一般性的指示，因为这完全取决于主题。

SO网友:Foxsk8

首先，您需要将所有引导css规则放入模板头中。

<link rel="stylesheet" type="text/css" href="<?php bloginfo( \'stylesheet_directory\' ); ?>/css/bootstrap.css" media="screen, print, projection" />

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
基本上，您需要用bootstarp包装现有的html标记，但需要查看，如果存在现有的html元素，css类的宽度是固定的。在内部元素上，您不需要固定的宽度，例如。所容纳之物新建\\u项{宽度：500px；}，这将是错误的，并打破你的靴子包装。

然后，您需要根据以下内容进行网格布局，例如：

<div class="content">
    <div class="row">
        <div class="span12">
        <div class="span4">4 columns</div>
        <div class="span4">4 columns</div>
        <div class="span4">4 columns</div>
        <div class="span4">4 columns</div>
        </div>
    </div>

    <div class="row">
        <div class="span8">
        12 - 4 = 8
        </div>
        <div class="span4">
        12 - 8 = 4
        </div>
    </div>
</div>
有关详细信息，您可以检查引导程序上的网格html标记：http://getbootstrap.com/css/#grid

结束
标签： themes   twitter-bootstrap   小码农  

相关推荐

Making custom woo themes

我最近决定加入WordPress，但我需要为电子商务创建一些主题，这些主题目前构建在Open Cart中。我在电子商务方面的经验来自开放式购物车，但我对WordPress完全没有经验。经过几个月的研究，我决定尝试从Woo主题中创建自己的主题Mystile. 我的问题如下：如果制作自定义主题是只修改custom.css?</发布主题更新时，他们是否也会更新.css 文件或是否有正在更新的标准文件集</Woocommerce似乎没有standard 那么有没有比使用Mystile或Artific