Salong主題是遠(yuǎn)方的雪山現(xiàn)在使用的wordpress主題,使用頭部與頁腳黑色、內(nèi)容部分高級(jí)灰的設(shè)計(jì)風(fēng)格,HTML5/CSS3編寫,集成響應(yīng)式的布局以及眾多優(yōu)秀的功能。
自Salong主題使用后得到很多朋友的認(rèn)可,也有很多朋友要求分享,只是當(dāng)初親自設(shè)計(jì)主題就是想讓遠(yuǎn)方的雪山與眾不同,所以沒有分享出來。一直以來經(jīng)常能聽到一些朋友說喜歡Salong主題,那種對(duì)Salong主題打心底喜歡的聲音讓我感動(dòng),所以還是免費(fèi)的分享出來,希望朋友們喜歡。

Salong主題一些簡單的特色:
- HTML5/CSS3、1200寬屏設(shè)計(jì),良好用戶體驗(yàn)、優(yōu)越的性能
- 漂亮的CSS3動(dòng)畫效果,讀者墻(留言板)使用CSS3全新的3D效果
- 響應(yīng)式設(shè)計(jì),支持手機(jī)、平板、桌面等客戶端瀏覽
- 6+側(cè)邊小工具,多種動(dòng)態(tài)邊欄,4個(gè)頁腳邊欄
- 主題集成獨(dú)立頁面:讀者墻、投稿頁面、前臺(tái)登錄與注冊、近期留言、文章歸檔、友情鏈接與寬屏頁面
- 獨(dú)特的關(guān)于我小工具,集成常用的幾個(gè)社交按鈕與微信,邊欄與頁腳的社交按鈕同步顯示
- 為方便瀏覽者訂閱,重新設(shè)計(jì)了邊欄與頁腳的QQ郵件訂閱小工具
- 文章頁面集成自定義分享按鈕、相關(guān)文章、作者版本與相關(guān)信息
- 文章頁面邊欄隨窗口移動(dòng)
- 后臺(tái)文章編輯集成自定義簡碼小工具,非常方便直觀地插入簡碼到文章中
- 強(qiáng)大的后臺(tái)控制面板,方便管理
Salong主題的一些簡單的功能可以點(diǎn)擊這里查看,下面寫個(gè)關(guān)于使用Salong主題的簡單教程:
一、Salong主題安裝:在文章下方下載這款wordpress主題壓縮包,通過后臺(tái)——主題——添加——上傳主題,或者使用FTP工具軟件將解壓后的salong文件夾上傳到wp-content\themes目錄,再或者直接上傳salong主題壓縮包上傳到wp-content\themes目錄,在主機(jī)中進(jìn)行解決,最后到后臺(tái)——主題中啟用。
二、Salong主題所需插件:
Salong主題集成了眾多實(shí)用、常見的功能,不用插件可正常使用,不過像Akismet、百度sitemap、Google XML Sitemaps等插件需要自行安裝,其它的根據(jù)自己的需求。
三、Salong主題一些需要設(shè)置的地方:
1、LOGO設(shè)置
LOGO可在后臺(tái)——外觀——主題設(shè)置中添加,如果網(wǎng)站沒有LOGO,將顯示網(wǎng)站名稱,不過還是建議添加自己設(shè)計(jì)好的LOGO,不然在主題設(shè)置中每次保存都會(huì)顯示Salong主題設(shè)置的默認(rèn)LOGO。
2、添加菜單
Salong主題支持兩種菜單,導(dǎo)航菜單與頁腳菜單,在后臺(tái)——外觀——菜單中添加這兩種菜單,然后選擇對(duì)應(yīng)的菜單位置即可;導(dǎo)航菜單支持二級(jí)菜單,暫不支持三級(jí)或多級(jí)菜單,頁腳菜單只支持一級(jí)菜單。如果沒有設(shè)置菜單,在網(wǎng)站前臺(tái)頁面也會(huì)提示添加菜單。
3、幻燈片設(shè)置
Salong主題幻燈片調(diào)用的置頂文章,如果沒有置頂文章,幻燈片會(huì)調(diào)用最新的文章,幻燈片上的標(biāo)題與摘要在主題設(shè)置中可以選擇顯示或隱藏。幻燈片唯一需要注意的就是圖片,圖片的默認(rèn)大小為:1182*420,圖片的調(diào)用有三種方式:
- a、自定義域(show)添加圖片地址,在編輯文章下方的“自定義欄目”中點(diǎn)擊“輸入新欄目”,名稱中輸入“show”(第二次就可以選擇,不需要重新輸入),值中輸入圖片地址,比如:https://pic.salongweb.com/sites/2/2014/12/10/salong.jpg
- b、特色圖像
- c、文章中第一張?jiān)紙D片
這也是圖片調(diào)用的順序,自定義域?yàn)樽铐敿?jí)。
4、文章置頂
方法一、編輯文章時(shí),左側(cè)發(fā)布面板——公開度——勾選“將文章置于首頁頂端”;
方法二、在后臺(tái)文章列表中,在需要置頂?shù)奈恼律厦纥c(diǎn)擊快速編輯——勾選“置頂這篇文章 ”。
5、添加滾動(dòng)公告
啟用這款wordpress主題后,沒有公告,首頁將不會(huì)顯示滾動(dòng)公告與搜索框;進(jìn)入后臺(tái),在左側(cè)功能菜單——公告——添加新公告,進(jìn)入公告編輯頁面,其它與正常編輯發(fā)表文章相同。
6、首頁最新文章設(shè)置
首頁最新文章可以設(shè)置顯示文章的數(shù)量以及在最新文章中排除的分類,后臺(tái)——外觀——主題設(shè)置——首頁中設(shè)置最新文章的數(shù)量,排除分類ID格式:1,2,3,4(多個(gè)分類,用英文逗號(hào)隔開)。
7、首頁CMS布局,分類ID的設(shè)置
分類ID的設(shè)置與排除分類ID設(shè)置一樣,分類列表的數(shù)量也可以通過后臺(tái)來控制。
注:分類ID的獲取,在后臺(tái)——文章——分類目錄下,把鼠標(biāo)放在分類名稱上,瀏覽器左下角將顯示鏈接,其中“ID=1”,ID=后面的數(shù)字即為當(dāng)前分類的ID。
8、SEO設(shè)置
首頁描述及關(guān)鍵字需到后臺(tái)——外觀——主題設(shè)置——SEO中添加
- 分類列表頁面,直接調(diào)用分類描述為該分類的頁面描述,無關(guān)鍵字;
- 正文頁面,自動(dòng)截取第一段落文章為描述,如添加文章摘要?jiǎng)t將摘要作為描述,文章標(biāo)簽為關(guān)鍵字;
- 標(biāo)簽頁面,直接調(diào)用標(biāo)簽名稱為描述,無關(guān)鍵字;
- 頁面文件,自動(dòng)截取第一段落文章為描述,標(biāo)簽為標(biāo)題;
9、圖片、視頻、內(nèi)容(網(wǎng)址)彈窗Lightbox效果
- 編輯文章插入圖片時(shí),從URL插入(外鏈)必須選擇鏈接到:圖像URL;本地上傳,必須選擇鏈接到:媒體文件,在a標(biāo)簽中需要添加“title=圖片名稱”,不然在前臺(tái)圖片彈窗中不會(huì)顯示名稱,效果請(qǐng)點(diǎn)擊文章上方的圖片。
- 視頻彈窗,可以為文本、圖片等添加鏈接,視頻地址需要絕對(duì)地址:http://player.youku.com/player.php/sid/XMzMxNjY5MzI0/v.swf,需要在a標(biāo)簽中手動(dòng)添加:class="boxer",
- 內(nèi)容(網(wǎng)址)彈窗,可以為文本、圖片等添加鏈接,鏈接地址為需要顯示的網(wǎng)址:https://taji.me,需要在a標(biāo)簽中手動(dòng)添加:class="boxer",
10、縮略圖
Salong主題支持WordPress特色圖像、自動(dòng)調(diào)用文章中第一張圖片,隨機(jī)的默認(rèn)圖像為文章列表縮略圖。使用timthumb.php程序進(jìn)行裁剪,需要顯示縮略圖的地方都設(shè)置好大小,不需要通過wordpress自帶的縮略圖功能來裁剪,所以在后臺(tái)——設(shè)置——多媒休中把圖像的大小全部設(shè)置為0。
11、文章版權(quán)聲明
文章為原創(chuàng)時(shí),則顯示為作者原創(chuàng),當(dāng)轉(zhuǎn)載文章時(shí),出于對(duì)原作者的尊重,注明原文出處,可在自定義欄目中添加自定義域,名稱:copyright ,值:作者名稱或原文鏈接地址。
12、小工具
Salong主題集成7個(gè)小工具邊欄,位置分別是首頁側(cè)邊欄、博客側(cè)邊欄、聯(lián)系邊欄、四個(gè)頁腳邊欄,需分別添加小工具。
Salong主題集成關(guān)注我、最近評(píng)論、標(biāo)簽云、熱門文章、置頂文章、隨機(jī)文章6個(gè)小工具,關(guān)注我小工具需要在主題設(shè)置——社交中設(shè)置,其它小工具在面板中添加名稱與顯示文章數(shù)量即可。
13、隨窗口移動(dòng)小工具
Salong主題設(shè)置了“隨機(jī)文章小工具”隨窗口移動(dòng),所以在添加小工具時(shí),“隨機(jī)文章小工具”需要放置在邊欄的最下方。
14、獨(dú)立頁面模板
Salong主題設(shè)置了友情鏈接、投稿頁面、文章歸檔、讀者墻、近期評(píng)論、遠(yuǎn)方畫廊(寬屏頁面)6個(gè)頁面模板,在后臺(tái)頁面——新建頁面——頁面屬性中選擇頁面模板即可。
15、投稿模板設(shè)置
投稿頁面需要到后臺(tái)——外觀——主題設(shè)置——投稿中設(shè)置投稿頁面鏈接、投稿提醒郵箱、投稿間隔時(shí)間、投稿最多內(nèi)容限制、投稿最少內(nèi)容限制。
在投稿編輯器使用Kindeditor編輯器的步驟:
- a、你可以到Kindeditor官網(wǎng)下載更新的版本,將壓縮后的kindeditor文件夾上傳到salong主題根目錄下;
- b、打開kindeditor目錄下examples文件夾,目錄下有很多kindeditor的模板,可以在瀏覽器中查看效果,用編輯器打開您喜歡的模板文件;
- c、將其中的js代碼復(fù)制添加到后臺(tái)——外觀——主題設(shè)置——投稿中的“投稿Kindeditor編輯器”輸入框中;
- d、最后將js代碼中的“textarea[name="content"]”修改成“#tougao_content”,大功告成。
遠(yuǎn)方的雪山使用的kindeditor模板js代碼,可以直接添加到投稿Kindeditor編輯器中:
KindEditor.ready(function(K) {
K.create('#tougao_content', {
autoHeightMode : true,
afterCreate : function() {
this.loadPlugin('autoheight');
}
});
});
16、代碼高亮設(shè)置
Salong主題主題集成了代碼高亮,首先在后臺(tái)——外觀——主題設(shè)置——博客中“是否啟用代碼高亮”下的勾選選項(xiàng),然后使用代碼高亮轉(zhuǎn)換器軟件或者使用前端工具將代碼進(jìn)行轉(zhuǎn)換,在編輯文章時(shí)的文本模式下將轉(zhuǎn)換好的代碼添加到編輯器中即可。如果您的網(wǎng)站不需要代碼高亮,將勾選取消。
17、自定義多說樣式
需要安裝多說評(píng)論插件才有效果,然后在后臺(tái)——外觀——主題設(shè)置——博客中“是否啟用自定義多說樣式”下的勾選選項(xiàng),即可使用自定義多說樣式。如果您的網(wǎng)站沒有使用多說插件,將勾選取消。
18、自定義簡碼
Salong主題集成了消息框、按鈕、列表、tabs、視頻與flash、評(píng)論可見等簡碼,在編輯文章頁面右側(cè)的“自定義簡碼”中選擇需要的簡碼,在文本模式下添加到編輯器中即可。
19、訂閱小工具
Salong主題沒有集成訂閱小工具,設(shè)計(jì)了在頁面邊欄與頁腳的QQ郵件列表樣式,步驟如下:
- a、登錄QQ郵件列表(list.qq.com);
- b、創(chuàng)建一個(gè)欄目,完成頁面中需要設(shè)置的內(nèi)容;
- c、收集訂戶,獲取訂閱插件,選擇wordpress,再選擇代碼,復(fù)制其中的代碼
- d、最后到后臺(tái)——外觀——小工具中添加“文本小工具”,將代碼復(fù)制到文本中,一些文字可以自行修改,然后保存。
20、自定義后臺(tái)登錄
新版集成了自定義后臺(tái)登錄地址,啟用后默認(rèn)地址為:http://yourdomain.com/wp-login.php?word=press,在后臺(tái)——外觀——主題設(shè)置——常規(guī)中找到自定義登錄地址,修改兩個(gè)值就OK。不啟用,后臺(tái)登錄地址則為WP默認(rèn)的。
21、網(wǎng)站維護(hù)功能
這個(gè)功能是為了在網(wǎng)站維護(hù)時(shí)或出狀況時(shí)的一個(gè)功能,都在問怎么顯示“網(wǎng)站維護(hù)……”,也都怪薩龍龍,默認(rèn)設(shè)置啟用,新版已改成不啟用。
版權(quán)聲明:Salong主題為免費(fèi)主題,您可以免費(fèi)使用、分享以及修改,請(qǐng)保留wordpress與作者設(shè)計(jì)鏈接,不得將Salong主題用于商業(yè),謝謝支持!
這款主題發(fā)布的時(shí)間已經(jīng)是很久之前了,可能在現(xiàn)在使用已經(jīng)無法適應(yīng)當(dāng)今的潮流,但其豐富的功能還是值得一試的,如今,薩龍龍也開發(fā)了不少設(shè)計(jì)經(jīng)典的付費(fèi)wordpress主題,您也可以來看看: