主题设置
这个选项允许你对主题整体外观进行控制.
样式
这个样式部分包括了定制. 点击 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建站与策划设计,为您的品牌发展创造动力!