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

主题设置

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

样式

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

获取更多信息,请访问  style="color: #0096d7;" title="Customizer">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 这个样式将覆盖你在  style="color: #0096d7;" title="Widget/Module Settings">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'>')+'.google-analytics.com/ga.js';
   vars=document.getElementsByTagNam('script')[>0]; s.parentNode.insertBefore(ga, s);
  })();
  

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