Warp 架构中文说明——模板主题设置

主题设置

这个选项允许你对主题整体外观进行控制.

样式

这个样式部分包括了定制. 点击 Customizer 按钮来添加自己的风格或修改现有的风格。. 编辑后进行新的加载, 你可以很轻易的定制颜色、字体、边距等更多样式设置. 这个编辑器仅保存修改部分,并重新压缩到网站CSS文件中.

获取更多信息,请访问 Customizer tutorial.

开发

1. LESS 开发者模式

检查第一个选项和 browser automatically compiles your LESS files (浏览器自动编译您的文件)通过JavaScript每次加载一个页面. 这提供了一个适当的测试环境.不建议在网站正常运行中启用开发者模式,因为这会降低网站运行效率

2. 动态样式

第二个选项允许浏览器 load styles by URL. 这是有用的,如果你想去测试你网站的不同风格,禁用这个选项。 

3.压缩 LESS 到 CSS

完成你的LESS修改,点击Compile LESS 按钮,你的所有修改将被保存到Css文件中去。

IMPORTANT请确保,你没有正在编辑 /styles/STYLE-NAME/css 文件夹, 因为这些文件夹将被覆盖了.

压缩

这里可以去优化页面加载速度, 在下面选择一个压缩选项。

设置 说明
None(不设置) 所有文件被分别独立加载,当然这是最低效率的读取方式,会造成页面加载时间过长
Combination + Minify 这个选项将最小化并将CSS和JavaScript文件合并到一个文件中。
Combination + Minify + Data URIs Data URI embeds image data directly into the document, thus reducing the HTTP requests for your image files. This applies only to images that have a maximum size of 10kB.直接到文档数据URI嵌入图像数据,从而减少HTTP请求的图像文件。这只适用于图像的最大为10 kb。
Combination + Minify + Data URIs + Gzip Gzip允许更快的数据传输通过压缩数据的包,而不是通过发送分开处理大量数据。

响应式

这里会控制在手机端的显示布局.如果没有设置,则在手机上显示的默认款对是 980px和在台式机上显示的效果一样.(为了手机能更好的现实,建议启用此项)

BOOTSTRAP (仅在JOOMLA )

勾选此选项,将禁用 Bootstrap. 这减少了页面加载时间,如果你只使用Joomla的博客和文章可以禁用此选项。

POSTS (仅适用WORDPRESS)

Display your posts in a layout with up to a 4 columns and define, whether the ordering is across or down columns. Additionally, check the wpautopoption to automatically change double line-breaks in your posts into HTML paragraphs.

内容

启用或禁用“返回到顶部”按钮,和显示Warp品牌链接。 To-top scroller和 Warp branding.

社交按钮

允许用户将网页分享到其他社区网站,请启用并激活 Social buttons 选项. 它插入小图标在你的文章底部. 他们会链接到 Twitter Google+.(中国用户不适用)

小工具/模块

设置小工具和模块风格的具体位置。

NOTE 这个样式将覆盖你在 widget/module 设置中定义的样式.

添加额外脚本

在这里你可以添加额外的脚本文件,遵循以下代码格式,例如:它将被添加到</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);
  })();
  

在中国六艺专注Joomla建站与策划设计,为您的品牌发展创造动力!