跳到内容

强大的主题框架,可以用作独立的网站构建器,也可以用作在Twitter Bootstrap 3上创建wordpress构建子主题的框架。可使用LESS进行完全定制

许可证

bassjobsen/jbst公司

存储库文件导航

JBST公司

JBST是一个强大的主题框架,可以用作独立的网站构建器,也可以用作为WordPress创建子主题的框架。JBST构建在Twitter的Bootstrap 3之上,可以使用LESS进行完全定制。集成的定制程序,可轻松响应网站建设。支持从右到左(RTL)。它还内置了对BuddyPress、BBpress和电子商务(WooCommerce、JigoShop和WPeCommerce)的支持。

  • 推特引导3准备好的
  • 电子商务(我们推荐WooCommerce)
  • 巴迪出版社
  • BBPress公司

默认安装演示:网址:http://demo.jbst.eu/(一些快速安装说明:#34个)

安装

将最新版本下载为.zip文件。将.zip文件上载到WordPress主题目录(wp-content/themes)或使用仪表板中的安装主题功能。激活仪表板中的主题(外观>主题)。

定制和LESS

JBST有一个内置的定制器和LESS编辑器。另请阅读:在JBST WordPress主题中集成LESS.内置LESS实现WP LESS到CSS它依赖于less.php.使用编辑器添加mixin、变量和函数外观>WP LESS到CSS。请查看插件文档以了解高级选项。可选将LESS代码添加到library/assets/LESS/custom.LESS(子主题为LESS/custom.LESS)或wpless2css/wples2css.LESS(更新主题时备份!)。

修改推特的Boostrap代码中的构建:不要编辑wpless2css/bootstrap/variables.less,而是在上面提到的编辑器中覆盖变量。

注意:除非您了解自己在做什么,否则请使用编辑器编辑并添加LESS代码。使用编辑器进行的修改将保存在数据库中,并且在更新主题时不会被覆盖或丢失。更改子主题中的less/custom.less也将被保存。因为CSS是有效的LESS,您也可以将CSS代码添加到LESS编辑器。

使用内置编译器可以:

  • 设置任意引导数据库变量或使用Bootstrap的混合:-@navbar默认颜色:蓝色;
  • 创建自定义按钮:.btn-custom{.button-variant(白色;红色;蓝色);}
  • 设置任何内置LESS变量:例如@footer_bg_color:黑色;将页脚的背景色设置为黑色
  • 使用内置mixin:-添加自定义字体:.include-custom-font(@family:arial,@font-path,@path:@custom-font-dir,@weight:normal,@style:normal);

其他注释和示例自定义和LESS

安全问题

保存LESS设置或使用自定义程序时,主题将要求您提供FTP凭据。通过非安全(http)连接发送凭据始终是个坏主意。将凭据添加到wp-config.php以使此文件保存更容易、更安全。别忘了chmod您的wp-config.php到0600。更多信息:在插件中使用wp_filesystem存储自定义设置

网格

推特Bootstrap 3中最重要的变化将是更具移动性的第一步和网格。从现在起,推特Boosttrap定义了三个网格:手机的超小(xs)网格(<768px)、平板电脑的中/小网格(&gt=;768px)、笔记本电脑的中网格(>=992px)和桌面电脑的大网格。这些网格的行类前缀是“.col-xs”、“.col-sm-”、“.col-md-”和“.col-lg-”。大网格将堆叠在1200像素以下的屏幕宽度。低于992px像素的中网格和低于768px的小网格也是如此。超小网格从不堆叠。(针对Twitter的Bootstrap3 RC1更新)。另请阅读:Twitter Bootstrap 3断点和网格

JBST默认使用小网格。您可以在自定义程序中更改此设置。(小、小或大)。大网格将堆叠在992px以下,桌面(和大型平板电脑)将保持水平,而小网格从不堆叠。

有关网格和示例的更多信息:http://getbootstrap.com/css/#grid

注意:Twitter的Bootstrap 3 RC2引入了一个新的网格类(色谱-xs-*). 该类用于手机和色谱-xs-*永远不会堆叠)。这个新网格类正在将添加到设置中。

无响应功能

对于无响应的网站,将自定义程序中的默认网格设置为“Extra Small”,并设置最大容器宽度。

要删除所有响应功能,请考虑将Bootstrap CSS(替换libary/assets/CSS/Bootstrap.min.CSS)替换为https://github.com/bassjobsen/non-responsive-tb3。另请阅读:编译没有响应功能的Twitter Bootstrap 3.

国际化和本地化

主题的默认语言是英语(美国)。已开始荷兰语和法语翻译帮助我们翻译本地化工作流管理于网址:http://poeditor.com/

可达性/a11y

默认情况下,JBST已经就绪。当通过更改设置或创建子主题来构建站点时,可能会破坏所有检查。颜色设置应检查对比度。此外,其他已安装的插件或设置也会影响站点的可访问性。JBST可以帮助您满足a11y标准,但您还必须在更改后检查您的站点。冷凝器安装WP可访问性并在上检查您的颜色设置灰度位。另请参阅11岁主题靴.

菜单级别

安装后,可能的子菜单级别数设置为1。Bootstrap 3仅支持1个子级别的导航。另请参见:第20期.JBST实现了在自定义程序中设置的无限子菜单级别。

儿童主题

使用JBST为推特Bootstrap 3上的WordPress构建创建子主题。我们为您提供锅炉板JBST子主题以及一个基于带有垂直菜单的Twitter Bootstrap Webshop模板.下载这个演示Webshop电子商务模板或者试试演示.

编辑less/custom.less以添加或修改less/CSS代码。或者使用LESS编辑器。在更改LESS/custom.LESS之后,您还必须使用LESS编辑器的保存功能。save函数从LESS文件生成新的CSS。

动作挂钩、过滤器、内置Less变量和mixin以及预定义设置的完整列表、和下载使用JBST构建儿童主题的指导指南.

JBST 1pxdeep主题

相对色彩设计是指根据相对视觉权重进行设计,或使用色彩方案进行设计。1像素深将这一概念引入BootstrapJBST 1pxdeep主题将其引入WordPress。JBST 1pxdeep主题也是JBST的子主题。

JBST砌体主题

建立你的主页就像一个石匠在墙上镶嵌石头:JBST砌体主题.基于砖石建筑、JavaScript网格布局库和Boostrap 3。

Twitter的Bootstrap短代码

自1.1版以来,JBST没有集成Twitter的Bootstrap Shortcodes。我们提供了对提供此功能的插件的支持,而不是集成。我们支持这些插件:

下载插件并激活它。有问题吗?发布问题。

从右到左(RTL)

WordPress根据语言自动检测文本方向。如果您使用RTL语言或切换到RTL语言,则需要使用内置LESS编译器重新编译CSS。

响应式图像滑块

JBST支持如下所示的插件。滑块插件没有捆绑,你必须自己安装。

推荐和支持的插件

NB只安装你真正需要的插件!而且去除那些你不用的。

购买和销售JBST儿童主题

2014年,我们开设了一家JBST市场子主题。如果您不想构建自己的子主题,并且仍然想从JBST的所有功能中获益,请看一看。你是主题开发者吗?我们也很乐意销售您的主题!给我们发个消息

设计师们,我们可以为您将psd转换为JBST,这样您也可以销售您的设计。

知识库

在我们的知识库.您将找到s.a.LightBox2集成以及将JBST与Jumbotron结合使用的答案和技巧。

JBST博览会

JBST博览会是一个展示基于JBST构建的绝对最佳项目的项目。

JBST Expo都是在GitHub上举办的,这意味着推荐新站点就像打开一个新发行的它还使主要JBST报告集中于代码和文档,而不是几十个无关的映像。

支持

我们总是很乐意帮助你。如果您对以下方面有任何疑问这个代码。给我们发个消息或在推特上联系我们@jbst主题

将Skematik迁移到JBST

信用

示例

截图

关于

强大的主题框架,可以用作独立的网站构建器,也可以用作在Twitter Bootstrap 3上创建wordpress构建子主题的框架。可使用LESS进行完全定制

资源

许可证

星星

观察者

叉子

包装

未发布包

贡献者4

  •  
  •  
  •  
  •