WordPress

远方的雪山Salong主题免费分享和使用教程

LensNews

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

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

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

一、Salong主题安装:

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

二、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。幻灯片自定义链接,自定义域:“imgurl”,值为链接地址。
  • 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主题用于商业,谢谢支持!

Salong主题下载(最后更新于2015年12月02日)
演示地址Salong主题下载

(8)

本文由 远方的雪山 作者:萨龙龙 发表,转载请注明来源!

LensNews

热评文章

评论:

110 条评论,访客:0 条,博主:0 条
  1. coco巴伊
    coco巴伊发布于: 

    哥们,如何在留言那里昵称和邮箱的背景字改为自定义,在哪里修改呢?

    • 萨龙龙
      萨龙龙发布于: 

      留言中的昵称和邮箱默认是获取管理员的,只能修改源代码。

  2. coco巴伊
    coco巴伊发布于: 

    呵呵不错喜欢!!幻灯片如果能自定义页面就好了!

    • 萨龙龙
      萨龙龙发布于: 

      我自己用,所以不会有太多的功能,感觉使用置顶文章,再自定义图片和链接已经可以了。

  3. joshua
    joshua发布于: 

    请问下,我最近使用时发现幻灯的图片会随着我的文章的第一个图片的大小会把幻灯所在的BOX撑的特别的大。。

    • 萨龙龙
      萨龙龙发布于: 

      你也没有留下地址,不知道具体情况是什么样的,文章中第三点幻灯片设置你看下。

      • joshua
        joshua发布于: 

        “w3ccode。com”您看看。。是什么问题。。我看了下你的幻灯。默认调用文章第一张的话,幻灯BOX大小没固定下来。。

        • 萨龙龙
          萨龙龙发布于: 

          萨龙网络社区已经给你回复了。

  4. lsjlsm
    lsjlsm发布于: 

    这个主题很好看,不过安装后有几个问题。。。

    1、主题不支持IE8
    2、幻灯片图片大小不是固定的,而是需要发布文章时候使用统一大小图片,有点不方便
    3、网址弹窗感觉稍显繁琐
    4、网站维护功能 貌似用不了,没有开启选项
    5、自定义后台登录 这个功能貌似用不了,不论改什么,使用默认的均可登陆

    • 萨龙龙
      萨龙龙发布于: 

      1、使用IE8以下浏览器的都是什么人,太跟不上时代了
      2、幻灯片调用的是置顶文章,我个人使用觉得很方便
      3、你觉得繁琐可以不用弹窗效果
      4、这个似乎是你自己没有找到,而且我测试都是可以用,主题选项——常规最下方就是
      5、你在远方的雪山使用默认的登录地址可以进入?

  5. tonyroc
    tonyroc发布于: 

    首页分类列表ID设置(3,4,6,9)和分类列表显示的数量(6篇),设置好以后,在首页的相关分类栏目,只显示出1篇文章,无论怎么调整,也显示不出列表来。求解。

    • 萨龙龙
      萨龙龙发布于: 

      确定没有输错地方,这些分类都有文章?

      • tonyroc
        tonyroc发布于: 

        第个分类都有文章,也反复检查过了,现在只有一个分类可以显示部分文章,但不全。其余分类,只显示一篇文章,而且如把这篇显示出来的文章删除,这个分类就无法在首页显示。

        • 萨龙龙
          萨龙龙发布于: 

          没有出现过这样的错误,主题从新建的站点一步步测试都是正常的。看你在萨龙网络注册登录了,不行你加我QQ。

  6. 新手
    新手发布于: 

    求助,幻灯片显示数量怎么控制,不想显示那么多,幻灯片显示的一定是已经发布的文章内的图片吗,可以不可以不发任何文章,直接调用单独图片?

    • 萨龙龙
      萨龙龙发布于: 

      幻灯片调用的置顶文章,只能控制置顶文章的数量。

      • 新手
        新手发布于: 

        我试了,可以控制显示数量,但是只能调用已发布的文章图片,无法单独调用图片

        • 萨龙龙
          萨龙龙发布于: 

          文章中第三条,幻灯片设置中说明的很详细,可以自定义幻灯片图片和链接。

  7. 牙茶叔
    牙茶叔发布于: 

    博主,不知道是不是版本更新问题还是出了什么问题,我现在移动端显示不了顶部菜单。望解答。

    • 萨龙龙
      萨龙龙发布于: 

      每个版本都不会出现移动端不显示菜单,地址不留也没法看哪的问题?

      • 牙茶叔
        牙茶叔发布于: 

        博主绑我看下吧,现在应该有了吧。

  8. 牛年
    牛年发布于: 

    上次根据楼主说的没更新到最新主题我就去更新了发现相关文章这里的缩略图大小还是不对已经弄了一周了都修复不好搞得主题里css文件都快弄乱了求站长给个方法,还有就是我更新到最新模版后文章里的图片一直显示不出来。。。。咋办跪求麻烦了

    • 萨龙龙
      萨龙龙发布于: 

      你的网站文章缩略图也没有链接,文章列表和相关文章图片上都是有链接,相关文章缩略图样式也不对,看看是不是插件的原因。

  9. 牛年
    牛年发布于: 

    谢谢楼主 表示用了这个免费主题目前来说经过自己的修改还是很满意的,一直在考虑要不要购买付费主题,但是目前的付费主题还不是很满意等下次萨龙龙出更好的付费主题一定来买!

    • 萨龙龙
      萨龙龙发布于: 

      谢谢你的支持!你的意思Concise主题没有Salong主题好了,其实我也是这样觉得。

  10. 乐颜网
    乐颜网发布于: 

    这个主题很清爽,非常喜欢,希望能一直维护下去

    • 萨龙龙
      萨龙龙发布于: 

      谢谢支持,现在是自己用,会一直维护。

  11. winter
    winter发布于: 

    请教如下问题:
    我想让两个一级域名,解析到同一个ip,而达到有两个不同blog的目的,在安装或者解析的时候应该怎么设置?

    • 萨龙龙
      萨龙龙发布于: 

      你的意思是两个一级域名解析到同一个IP,而且两个不同的blog是安装在一个WP中?如果是,看下这篇文章《使用WordPress MU一个程序创建多站点网络介绍与安装教程》系列文章。

  12. winter
    winter发布于: 

    感谢您的分享,很棒,很喜欢

  13. 林浩
    林浩发布于: 

    博主你好!还是timthumb这个问题上,我用了两个主机进行测试,一个主机首页缩略图能显示,一个主机首页缩略图就不能显示,怎么查找问题都没有查出来,一个能显示图片的地址wp-content/uploads/2015/0531144969.jpg&h=225&w=400&zc=1,另一个不能显示的地址wp-content/themes/salong/images/thumb_loading.jpg&h=225&w=400&zc=1
    这是怎么回事的啊!更新了5月20号的

    • 萨龙龙
      萨龙龙发布于: 

      应该就是主机不支持timthumb了!

  14. 雪小仙
    雪小仙发布于: 

    我的网站 直接无法登陆 提示:网站临时维护中,请稍后访问,给您带来的不便,敬请谅解! 现在怎么解决呢?

    • 萨龙龙
      萨龙龙发布于: 

      重新下载一下5月20号的,之前是登录地址参数没有修改,现在后台已经添加了设置选项,看下文章最后两项说明。

  15. 从从
    从从发布于: 

    现在问题是后台都进不去了!有什么合适摄影的主题啊?

    • 萨龙龙
      萨龙龙发布于: 

      重新下载下主题吧,今天更新的。

  16. 从从
    从从发布于: 

    网站临时维护中,请稍后访问,给您带来的不便,敬请谅解!

    主页和后台都显示这个,怎么回事呢,老大要如何解决啊?谢谢

    • 萨龙龙
      萨龙龙发布于: 

      网站维护:后台——外观——主题设置——常规最下方,把勾选去掉就可以。
      幻灯片:后台——外观——主题设置——首页,看看幻灯片是不是没有启用。
      缩略图是固定了大小,你要弄摄影站salong主题就不太合适。

  17. 从从
    从从发布于: 

    太喜欢这个主题了,下载下来了,但想问问,我也是喜欢摄影的,想传作品上去,但缩图都剪的看不到头,特别是人物,还有就是阅读时图片太小了,不知能否大点呢?还有我的首页怎么没有幻灯片呢?我是小白,一下提好多问题!真不好意思,但这主题真的太喜欢了,还有个中间页底部色彩能不能换成灰色一点的呢,这样可能会更酷点!

  18. 林浩
    林浩发布于: 

    老大,使用你的主题很久了,还是没法解决那个首页缩略图不能显示,你说主机不支持timthumb这个程序,但是我去看了探针他的主机支持GD库的啊!timthumb这个程序要怎么才能解决啊!需要主机方

    • 萨龙龙
      萨龙龙发布于: 

      一般主机支持是没有问题了,你再找找原因。

    • 萨龙龙
      萨龙龙发布于: 

      主题更新了,你下载新的版本试下,应该是没有问题了。

  19. 哈啊哈
    哈啊哈发布于: 

    问下博主,就是我使用这个主题,要是没登录的话,就会显示网站临时维护中,请稍后访问,给您带来的不便,敬请谅解这是怎么回事啊??
    还有就是评论界面很漂亮,不用登陆就能评论怎么做到的。。。

    • 萨龙龙
      萨龙龙发布于: 

      后台——主题设置——常规最下方不勾选

  20. kloblic
    kloblic发布于: 

    非常感谢楼主。我是wordpress新手,找了很多主题都不满意,但是十分喜欢楼主分享的这一款主题,再次感谢。

    • 萨龙龙
      萨龙龙发布于: 

      不客气,也感谢你这么喜欢salong主题!

发表回复