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. 李小健
    李小健发布于: 

    你好我的博客用的主题自带的插件弄的缩略图,大小不一样,博客很不美观,最赞文章也是怎么也配置不出来。请教下。

    • 李小健
      李小健发布于: 

      最赞文章搞定了,因为没有,但是缩略图还是不好看,什么办法可以解决缩略图整齐好看

    • 萨龙龙
      萨龙龙发布于: 

      有问题还是在群里讲!主题自带的缩略图与 WP 默认的缩略图功能,都是一样比例的缩略图,看你的站是可以的。最赞的文章获取的是有点赞的文章。

  2. ROPEAL
    ROPEAL发布于: 

    您好,非常感谢您的主题。我对您的主题做了一点修改,但是今天发现正文中的照片不会在文章中显示,不知道是不是图片延迟加载出了问题,不知道能不能帮我看看,麻烦您啦!

    • 萨龙龙
      萨龙龙发布于: 

      看了你的网站,图片显示正常啊,看你的意思是不是缩略图不会在文章中显示?

    • ROPEAL
      ROPEAL发布于: 

      萨龙龙大神,我已经将我的问题通过邮件发送到您的邮箱longyizaifei了,希望得到您的解答,万分感谢

      • 萨龙龙
        萨龙龙发布于: 

        我这里看你的网站图片都是正常的,缩略图在文章中显示也是可以,你自己再找找是什么原因?

发表回复