远方的雪山wordpress免费响应式主题Salong381 远方的雪山wordpress免费响应式主题Salong381 远方的雪山wordpress免费响应式主题Salong381 远方的雪山wordpress免费响应式主题Salong381
546

人喜欢此作品!

我也需要类似的网站

Salong主题是远方的雪山现在使用的主题,使用头部与页脚黑色、内容部分高级灰的设计风格,HTML5/CSS3编写,集成响应式的布局以及众多优秀的功能。

自Salong主题使用后得到很多朋友的认可,也有很多朋友要求分享,只是当初亲自设计主题就是想让远方的雪山与众不同,所以没有分享出来。一直以来经常能听到一些朋友说喜欢Salong主题,那种对Salong主题打心底喜欢的声音让我感动,所以还是免费的分享出来,希望朋友们喜欢。

更新内容(2015.10.02):

  • 修改友情链接图标加载代码,之前使用的是google代码,速度受到很大影响,现在正常
  • 友情链接与读者墙列表修复
  • 幻灯片内容的显示与隐藏,对针对单篇文章,只需在置顶文章添加“hide”自定义域,值为任意
  • 去除分类链接字样category,保存后请到设置——固定链接再保存下
  • 添加smartideo插件的功能,支持在线视频全平台播放
  • 添加HTML代码压缩输出

Salong主题一些简单的特色:

  • HTML5/CSS3、1200宽屏设计,良好用户体验、优越的性能
  • 漂亮的CSS3动画效果,读者墙(留言板)使用CSS3全新的3D效果
  • 响应式设计,支持手机、平板、桌面等客户端浏览
  • 6+侧边小工具,多种动态边栏,4个页脚边栏
  • 主题集成独立页面:读者墙、投稿页面、前台登录与注册、近期留言、文章归档、友情链接与宽屏页面
  • 独特的关于我小工具,集成常用的几个社交按钮与微信,边栏与页脚的社交按钮同步显示
  • 为方便浏览者订阅,重新设计了边栏与页脚的QQ邮件订阅小工具
  • 文章页面集成自定义分享按钮、相关文章、作者版本与相关信息
  • 文章页面边栏随窗口移动
  • 后台文章编辑集成自定义简码小工具,非常方便直观地插入简码到文章中
  • 强大的后台控制面板,方便管理

Salong主题演示站
Salong主题的一些简单的功能可以点击这里查看,下面写个关于使用Salong主题的简单教程:

一、Salong主题安装:

在文章下方下载主题压缩包,通过后台——主题——添加——上传主题,或者使用FTP工具软件将解压后的salong文件夹上传到wp-content\themes目录,再或者直接上传salong主题压缩包上传到wp-content\themes目录,在主机中进行解决,最后到后台——主题中启用。

二、Salong主题所需插件:

Salong主题集成了众多实用、常见的功能,不用插件可正常使用,不过像Akismet、百度sitemap、Google XML Sitemaps等插件需要自行安装,其它的根据自己的需求。

三、Salong主题一些需要设置的地方:

1、LOGO设置

LOGO可在后台——外观——主题设置中添加,如果网站没有LOGO,将显示网站名称,不过还是建议添加自己设计好的LOGO,不然在主题设置中每次保存都会显示Salong主题设置的默认LOGO。

2、添加菜单

Salong主题支持两种菜单,导航菜单与页脚菜单,在后台——外观——菜单中添加这两种菜单,然后选择对应的菜单位置即可;导航菜单支持二级菜单,暂不支持三级或多级菜单,页脚菜单只支持一级菜单。如果没有设置菜单,在网站前台页面也会提示添加菜单。

3、幻灯片设置

Salong主题幻灯片调用的置顶文章,如果没有置顶文章,幻灯片会调用最新的文章,幻灯片上的标题与摘要在主题设置中可以选择显示或隐藏。幻灯片唯一需要注意的就是图片,图片的默认大小为:1182*420,图片的调用有三种方式:

  • a、自定义域(show)添加图片地址,在编辑文章下方的“自定义栏目”中点击“输入新栏目”,名称中输入“show”(第二次就可以选择,不需要重新输入),值中输入图片地址,比如:https://pic.salongweb.com/sites/2/2014/12/10/salong.jpg
  • b、特色图像
  • c、文章中第一张原始图片

这也是图片调用的顺序,自定义域为最顶级。

4、文章置顶

方法一、编辑文章时,左侧发布面板——公开度——勾选“将文章置于首页顶端”;

方法二、在后台文章列表中,在需要置顶的文章上面点击快速编辑——勾选“置顶这篇文章 ”。

5、添加滚动公告

启用主题后,没有公告,首页将不会显示滚动公告与搜索框;进入后台,在左侧功能菜单——公告——添加新公告,进入公告编辑页面,其它与正常编辑发表文章相同。

6、首页最新文章设置

首页最新文章可以设置显示文章的数量以及在最新文章中排除的分类,后台——外观——主题设置——首页中设置最新文章的数量,排除分类ID格式:1,2,3,4(多个分类,用英文逗号隔开)。

7、首页CMS布局,分类ID的设置

分类ID的设置与排除分类ID设置一样,分类列表的数量也可以通过后台来控制。

注:分类ID的获取,在后台——文章——分类目录下,把鼠标放在分类名称上,浏览器左下角将显示链接,其中“ID=1”,ID=后面的数字即为当前分类的ID。

8、SEO设置

首页描述及关键字需到后台——外观——主题设置——SEO中添加

  • 分类列表页面,直接调用分类描述为该分类的页面描述,无关键字;
  • 正文页面,自动截取第一段落文章为描述,如添加文章摘要则将摘要作为描述,文章标签为关键字;
  • 标签页面,直接调用标签名称为描述,无关键字;
  • 页面文件,自动截取第一段落文章为描述,标签为标题;

9、图片、视频、内容(网址)弹窗Lightbox效果

  • 编辑文章插入图片时,从URL插入(外链)必须选择链接到:图像URL;本地上传,必须选择链接到:媒体文件,在a标签中需要添加“title=图片名称”,不然在前台图片弹窗中不会显示名称,效果请点击文章上方的图片。
  • 视频弹窗,可以为文本、图片等添加链接,视频地址需要绝对地址:http://player.youku.com/player.php/sid/XMzMxNjY5MzI0/v.swf,需要在a标签中手动添加:class="boxer",点击查看效果
  • 内容(网址)弹窗,可以为文本、图片等添加链接,链接地址为需要显示的网址:https://taji.me,需要在a标签中手动添加:class="boxer",点击查看效果

10、缩略图

Salong主题支持Wordpress特色图像、自动调用文章中第一张图片,随机的默认图像为文章列表缩略图。使用timthumb.php程序进行裁剪,需要显示缩略图的地方都设置好大小,不需要通过wordpress自带的缩略图功能来裁剪,所以在后台——设置——多媒休中把图像的大小全部设置为0。

11、文章版权声明

文章为原创时,则显示为作者原创,当转载文章时,出于对原作者的尊重,注明原文出处,可在自定义栏目中添加自定义域,名称:copyright ,值:作者名称或原文链接地址。

12、小工具

Salong主题集成7个小工具边栏,位置分别是首页侧边栏、博客侧边栏、联系边栏、四个页脚边栏,需分别添加小工具。

Salong主题集成关注我、最近评论、标签云、热门文章、置顶文章、随机文章6个小工具,关注我小工具需要在主题设置——社交中设置,其它小工具在面板中添加名称与显示文章数量即可。

13、随窗口移动小工具

Salong主题设置了“随机文章小工具”随窗口移动,所以在添加小工具时,“随机文章小工具”需要放置在边栏的最下方。

14、独立页面模板

Salong主题设置了友情链接、投稿页面、文章归档、读者墙、近期评论、远方画廊(宽屏页面)6个页面模板,在后台页面——新建页面——页面属性中选择页面模板即可。

15、投稿模板设置

投稿页面需要到后台——外观——主题设置——投稿中设置投稿页面链接、投稿提醒邮箱、投稿间隔时间、投稿最多内容限制、投稿最少内容限制。

在投稿编辑器使用Kindeditor编辑器的步骤:

  • a、你可以到Kindeditor官网下载更新的版本,将压缩后的kindeditor文件夹上传到salong主题根目录下;
  • b、打开kindeditor目录下examples文件夹,目录下有很多kindeditor的模板,可以在浏览器中查看效果,用编辑器打开您喜欢的模板文件;
  • c、将其中的js代码复制添加到后台——外观——主题设置——投稿中的“投稿Kindeditor编辑器”输入框中;
  • d、最后将js代码中的“textarea[name="content"]”修改成“#tougao_content”,大功告成。

远方的雪山使用的kindeditor模板js代码,可以直接添加到投稿Kindeditor编辑器中:

  1. KindEditor.ready(function(K) {
  2.     K.create('#tougao_content', {
  3.         autoHeightMode : true,
  4.         afterCreate : function() {
  5.             this.loadPlugin('autoheight');
  6.         }
  7.     });
  8. });

16、代码高亮设置

Salong主题主题集成了代码高亮,首先在后台——外观——主题设置——博客中“是否启用代码高亮”下的勾选选项,然后使用代码高亮转换器软件或者使用前端工具将代码进行转换,在编辑文章时的文本模式下将转换好的代码添加到编辑器中即可。如果您的网站不需要代码高亮,将勾选取消。

17、自定义多说样式

需要安装多说评论插件才有效果,然后在后台——外观——主题设置——博客中“是否启用自定义多说样式”下的勾选选项,即可使用自定义多说样式。如果您的网站没有使用多说插件,将勾选取消。

18、自定义简码

Salong主题集成了消息框、按钮、列表、tabs、视频与flash、评论可见等简码,在编辑文章页面右侧的“自定义简码”中选择需要的简码,在文本模式下添加到编辑器中即可。

19、订阅小工具

Salong主题没有集成订阅小工具,设计了在页面边栏与页脚的QQ邮件列表样式,步骤如下:

  • a、登录QQ邮件列表(list.qq.com);
  • b、创建一个栏目,完成页面中需要设置的内容;
  • c、收集订户,获取订阅插件,选择wordpress,再选择代码,复制其中的代码
  • d、最后到后台——外观——小工具中添加“文本小工具”,将代码复制到文本中,一些文字可以自行修改,然后保存。

20、自定义后台登录

新版集成了自定义后台登录地址,启用后默认地址为:http://yourdomain.com/wp-login.php?word=press,在后台——外观——主题设置——常规中找到自定义登录地址,修改两个值就OK。不启用,后台登录地址则为WP默认的。

21、网站维护功能

这个功能是为了在网站维护时或出状况时的一个功能,都在问怎么显示“网站维护……”,也都怪萨龙龙,默认设置启用,新版已改成不启用。

版权声明:Salong主题为免费主题,您可以免费使用、分享以及修改,请保留wordpress与作者设计链接,不得将Salong主题用于商业,谢谢支持!

7 个评价于 远方的雪山wordpress免费响应式主题Salong

  1. 5 / 5

    (验证用户):

    感觉新版本的幻灯片没1.2好用

    • (验证用户):

      都是一样的,只是换了更好的jQuery幻灯片插件,你觉得不好用那真没办法。

  2. 5 / 5

    (验证用户):

    原来如此 先拍 然后支付宝收货,然后就可以下了哈哈。。

  3. 5 / 5

    (验证用户):

    啥时候处理下?。。发送下载链接?

    • (验证用户):

      你有没有看你的支付宝,确认收货然后在我的帐户就可以下载。

  4. 5 / 5

    (验证用户):

    请问为什么我只要把主题设置修改一丁点整个网站就白屏了啊,害得我恢复了好几次数据库啊,求助~

    • (验证用户):

      没出现这样的情况,主题选项是没有任何选项能使网站空白的。

  5. 5 / 5

    (验证用户):

    下载的主题,jquery貌似不能放在footer里面,只能放在header里面,不然博客详情页就会出现”ReferenceError: $ is not defined”!

    • (验证用户):

      jQuery已经加载,你要添加js代码可以添加到js/custom.js文件中。

  6. 5 / 5

    (验证用户):

    不能设置直接发链接啊 等好久

    • (验证用户):

      支付宝确认收货后邮件和我的帐户中都有下载地址!

  7. 5 / 5

    (验证用户):

    在哪里下载了,找不到

    • (验证用户):

      在我的账户中

添加评论