酷徒LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:引导  SET  SASS  grunt  theme  Genesis  setup  BOO  
WordPress Genesis Child Theme setup to use Bootstrap, Sass, and Grunt

  • 源代码名称:bootstrap-genesis
  • 源代码网址:http://www.github.com/salcode/bootstrap-genesis
  • bootstrap-genesis源代码文档
  • bootstrap-genesis源代码下载
  • Git URL:
    git://www.github.com/salcode/bootstrap-genesis.git
  • Git Clone代码到本地:
    git clone http://www.github.com/salcode/bootstrap-genesis
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/salcode/bootstrap-genesis
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
  • 引导起源

    WordPress的子主题设置使用 Bootstrap 3。Sass和 Grunt。

    贡献者

    ,@codenameEli,@bryanwillis。

    缺少 CSS

    我从很多用户那里听到,"嘿,我试图用你的主题,但没有 CSS。""

    快速修复

    下载最新的 Bootstrap 创世版本,并使用。

    长版本

    这是我为构建的项目所使用的基本主题。 我的工作流程部分包括使用 GruntJS插件为我的css/sass和JavaScript编译。连接和缩小。 由于生成的css/style.min.cssjs/javascript.min.js 文件是编译文件,所以我不将它们签入版本控制( 例如。 它们在 .gitignore 文件中列出)。

    所有这些结果都是 repo 中的文件,其中包含CSS和JavaScript的所有源文件,但是不是 final CSS和 JavaScript。

    如果你正在运行 并且安装了 Sass,你可以从 命令行 运行 npm installgrunt,并且将生成 JavaScript。 如果还没有运行这些工具,你可以使用最新的Bootstrap init版本,其中包括 compilied CSS和 JavaScript。

    style.css 中没有 CSS?

    我将CSS当作编译的资产,我不想把它包含在版本控制中,我只对主题标题信息使用 style.css,并且所有应用的CSS都存储在 css/style.min.css

    右键单击菜单修改

    菜单被修改为使用 Bootstrap 标记,菜单默认放置在页面的顶部。 当 Ubermenu插件插件出现时,所有菜单修改都被删除

    项目目标

    这个主题是作为我自己创建自定义初始子主题使用 Bootstrap 前端框架创建的。

    目标是通过添加适当的标记来触发 Bootstrap 样式设置,从而尽可能地利用 Bootstrap。

    每当通过标记或者通过 Sass/CSS 进行调整之间的选择时,标记修改都是 preferrable。 对此有两种理由:

    • 我们希望在加载时尽可能小的CSS
    • 通过使用 Bootstrap 标记,我们使 Bootstrap 集成更加透明,易于理解和操作。

    如何更新 Bootstrap

    以下是我在这里项目中更新 Bootstrap的注意事项。

    警告警告

    更新 Bootstrap 文件后,必须运行Grunt任务才能更新 css/style.min.cssjs/javascript.min.js。 CSS和JavaScript加载了两个文件,其他文件是用来创建这两个缩小文件的源文件。

    步骤

    • 下载最新的 Bootstrap 版本。
    • 替换JavaScript文件。将新的assets/javascripts/bootstrap.js 移动到 js/vendor/bootstrap/
    • 替换字体。将新下载中的所有文件从 assets/fonts/bootstrap/ 移到 fonts/bootstrap/
    • 替换顶级Sass文件。 将新 assets/stylesheets/_bootstrap.scss 移动到 css/sass/supporting/bootstrap.scss
    • 替换 Bootstrap 部分和mixin文件。 将新下载的所有文件从 assets/stylesheets/bootstrap/ 复制到 css/sass/supporting/bootstrap/

    许可证

    GPL



    文章标签:BOO  SET  引导  WORD  theme  Bootstrap  SASS  setup  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备17041772号-2  |  如果智培  |  酷兔英语  |  帮酷