主题设置

一般设置里,主题允许你控制它的表现形式和整体的外观。


样式

在样式部分,包含了定制工具(Customizer)。点击 定制工具(Customizer) 按钮添加或修改现有的样式。定制工具打开以后,可以轻松地定制色彩、字体、尺寸等等样式来修改主题。定制工具只会保持被修改的变量,并将它们编译到CSS中。

需要了解更多信息,请查看定制工具使用教程

开发

1. LESS 开发者模式

查看第一个选项,每当加载一个页面时,通过JavaScript使浏览器自动编译LESS文件(browser automatically compiles your LESS files) 。这提供了一个合适的测试环境。不推荐在已上线的网站启用开发者模式,因为编译过程的效率是非常低的。

2. 动态样式

第二个选项,允许浏览器通过RL加载样式(load styles by URL)。如果想要测试网站的不同样式,这会很有用。网站上线后,需要禁用此项。

3. 将LESS编译成CSS

点击 编译LESS(Compile LESS) 按钮,完成LESS的修改,你所有的修改都会被编译成为最终的CSS。

重要 必须确保你没有在 /styles/STYLE-NAME/css 文件夹中进行开发,因为这些文件夹会在点击编译LESS(Compile LESS) 按钮时立即被覆写。

压缩

在下列压缩选项中选择一个,以优化页面加载时间。

设置 描述
None 所有文件都将以分开并且完整体积的状态被加载。
Combination + Minify 此选项将会最小化地将CSS和JavaScript合并到一个单独的文件中。
Combination + Minify + Data URIs Data URI 直接将图像数据嵌入文档中,从而减少了图像文件的HTTP请求。这仅适用于最大10KB的图像。
Combination + Minify + Data URIs + Gzip Gzip 允许通过压缩数据包实现更快的数据传输,替代原有的通过分别进行传输来处理大数据量的方式。

响应式

视口meta标签控制移动设备浏览器中的布局。如果没有设置它,手机上的默认宽度是980px,并且网站会看起来和PC浏览器中一样。

Bootstrap (只针对Joomla)

选择此项,禁用 Bootstrap。如果你仅仅使用Joomla的博客与文章,这将会减少页面加载时间。

文章 (只针对WordPress)

在页面中设置显示1列或最多4列布局样式,并设定文章的排列顺序是横向排列还是纵向排列。另外,选择 wpautop 选项,启用自动为段落添加HTML标签的功能。

内容

启用或禁用回到顶部Warp标志

社交按钮

选中Social buttons选项,让用户可以将文章分享给他人。它会在文章下面插入小工具。这些都是通过来自Twitter, FacebookGoogle+的JavaScript进行加载的。

小工具/模块(Widgets/Modules)

为特定位置上的默认小工具和模块设置样式。

注意小工具/模块设置中,一旦为某个单独的小工具/模块选择了样式,此处设定的样式将立即被覆写。

附加的脚本

你可以在这里添加谷歌统计代码等附加的脚本。它会被添加在body元素结束标签前。

  
var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
  

查看Google Analytics tutorial了解更多信息。