知更鳥WordPress主題:HotNews Pro 2.7

網站建設 wordpress主題210,106閱讀模式

米粒在線分享一篇來自知更鳥官網分享的主題,HotNews(熱點新聞)作為一款免費的Wordpress主題,集成了五、六十項功能,豐富的主題設置面板,功能模塊化,雖是一款主題,卻集成了CMS、BLOG、圖片、視頻等多個模版,統一的風格展示不同的內容。歷經多次升級,目前版本為HotNews Pro 2.7.1 Plus。

主題使用說明

使用主題前請詳細閱讀使用說明!

知更鳥WordPress主題:HotNews Pro 2.7-圖片1 知更鳥WordPress主題:HotNews Pro 2.7-圖片1

■ 下載安裝。

不要直接上傳下載的壓縮包,解壓后上傳里面的主題HotNewspro.zip及wp-postviews插件(必須安裝),否則會提示樣式表丟失和部分功能模塊無法顯示。

主題集成了大量JS腳本,因此安裝主題前,最好禁用所有插件,以免造成沖突,產生莫名的問題。如果之前使用過HotNews Pro主題,后臺刪除原來的版本,并到wp-content\uploads目錄,刪除類似HotNewspro.zip的壓縮包,全新安裝。

如果擔心之前的設置會丟失,可以在刪除之前版本前,打開主題設置頁面,保留不要關閉,安裝新版后,返回保留的設置頁面,點擊一下保存設置,隨后再設置新版本的一些功能。另外,主題在安裝微軟雅黑系統中IE8以上或其它核心瀏覽器顯示效果最佳。

■ 主題設置面板

啟用主題后,首先需進入主題設置面板,熟習各項功能控制,設置相關選項(如圖)。不論是否設置了相關選項,必須點一次保存設置按鈕,否則頁面會有樣式錯誤.知更鳥WordPress主題:HotNews Pro 2.7-圖片2

■ 顏色風格選擇

主題集成灰、黑、紅、藍、綠、紫、白七種顏色的導航菜單風格,默認為灰色。

知更鳥WordPress主題:HotNews Pro 2.7-圖片3  知更鳥WordPress主題:HotNews Pro 2.7-圖片3

■ 首頁布局設置

首頁有二種布局,分別為BLOG與CMS(雜志),適應不同內容展示的需求,默認為BLOG布局。

知更鳥WordPress主題:HotNews Pro 2.7-圖片4

■ CMS布局設置

通過查看右側提取的分類ID,分別輸入左右文章列表的分類ID數字,多個分類ID用半角英文","隔開,一定要區分全角與半角,包括分類ID數字,分類中如果無日志,將不會顯示設置的分類。首頁分類文章列表,自動排除上面已顯示的最新日志,不支持父子分類和一篇文章屬于多分類。

知更鳥WordPress主題:HotNews Pro 2.7-圖片5

■ 橫向滾動圖片模塊

默認不顯示,開啟后,通過為文章添加自定義欄目,名稱:recommend,值:可任意,添加什么都行,調用到該模塊中??s略圖大小140×100px,同樣需添加自定義欄目,名稱:img,如圖:

知更鳥WordPress主題:HotNews Pro 2.7-圖片6

如果在編輯頁面上無自定義欄目設置面板,可以點擊右上“顯示選項”按鈕,在顯示下列項目中,勾選“自定義欄目”。

在2.7.1版本中可以切換到顯示視頻日志。

■ 頂部熱點文章設置

默認調用四篇最新文章,縮略圖支持WP特色圖像、添加自定義欄目、自動獲取文章中圖片、隨機縮略圖等,也可以切換到Key模式,分別添加自定義欄目,名稱:hot和image,調用指定文章及縮略圖,縮略圖大小236×155px具體方法看下圖:

知更鳥WordPress主題:HotNews Pro 2.7-圖片7  知更鳥WordPress主題:HotNews Pro 2.7-圖片7

■ 側邊推薦欄目設置

此模塊為主題自帶小工具,需添加顯示的的分類ID并為分類添加描述。

■ 特色圖片功能

該功能適合喜歡本地上傳圖片的童鞋使用,默認未開啟。開啟后,上傳圖片會自動生成三張裁剪后的140×100、400×248、236×155的縮略圖,選擇“作為特色圖像”后(如下圖),會自動調用到相應的縮略圖位置。

知更鳥WordPress主題:HotNews Pro 2.7-圖片8

■ 導航菜單

主題頂部及頁腳各有一個導航菜單,必須使用WP的“菜單”功能。頂部支持多級下拉菜單,底部不支持多級菜單,否則會造成錯位。菜單功能使用教程:WordPress3.0導航菜單圖文使用教程(訪問知更鳥站點查看).

PS:可以在菜單設置頁面,打開右上的顯示選項,選擇顯示的項目

■ 熱點推薦及幻燈設置

默認顯示最新五篇日志,當有日志設置置頂后,將自動取消之前的最新日志調用,繼而顯示置頂后的日志。自動調用日志中的圖片為縮略圖,無圖顯示隨機圖片,支持上面的特色圖片功能,并可通過添加自定義欄目“show”,顯示指定的縮略圖,推薦使用該方法專門制作縮略圖,縮略圖大小400×248px提高頁面加載速度,如下圖:

知更鳥WordPress主題:HotNews Pro 2.7-圖片9

■ 主題自帶小工具

主題集成側邊廣告、站內搜索、最新文章、訂閱本站、年度排行、隨機文章、熱門標簽、全部分類、推薦欄目、推薦文章、最新評論、最新圖片12個小工具,如下圖左??勺们橥线M右側不同的小工具中,如下圖右,讓不同頁面顯示不同的側邊小工具。

知更鳥WordPress主題:HotNews Pro 2.7-圖片10  知更鳥WordPress主題:HotNews Pro 2.7-圖片10

另外,主題自帶的小工具功能設置,并沒有直接寫到小工具中(代碼過于復雜),需要到主題設置中進行相應設置。

■ 添加公告

啟用主題后在左側功能面板新增公告面板(如圖),添加公告與正常添加日志文章沒有什么區別,只是添加的公告不會顯示在正常的文章列表中,只顯示在底部固定的公告欄中。

知更鳥WordPress主題:HotNews Pro 2.7-圖片11

■ 添加相冊

啟用主題后,在后臺左側功能面板中新增相冊面板,點擊左側相冊面板中的添加圖片。

1. 縮略圖需添加自定義欄目:small,彈出暗箱放大后的圖片,需添加自定義欄目:big,如下圖:

知更鳥WordPress主題:HotNews Pro 2.7-圖片12

注:必須添加自定義欄目:big,否則無法啟用暗箱放大特效,包括使用特色圖片功能。

如果在編輯頁面上無自定義欄目設置面板,可以點擊右上“顯示選項”按鈕,在顯示下列項目中,勾選“自定義欄目”。

2. 縮略圖添加完成后,加入多張圖片時,不需要將圖片插入到日志中,只需隨意輸入一個詞:比如:風景圖片,然后選中輸入的文字,點擊編輯工具中的“插入或編輯鏈接”按鈕,加入圖片的超鏈接即可,提高頁面加載速度,形式如下圖:

知更鳥WordPress主題:HotNews Pro 2.7-圖片13

另外,自定義欄目:big值中的大的圖片鏈接就不要加入到日志中了,會造成重復顯示。

3. 插入WP自帶的相冊。首先到主題設置→綜合功能設置中,開啟特色圖像功能,之后正常上傳圖片(不少于2張),上傳完成后,不要關閉上傳窗口,點擊保存所有更改,這時上邊出現相冊菜單按鈕,打開相冊選項卡進入插入相冊頁面(如下圖),選擇鏈接縮略圖到圖像文件,相冊列數選擇4,點擊插入相冊,選擇其中一張上傳的圖片作為特色圖像,并添加添加自定義欄目:big,值為:大圖片的鏈接地址。

知更鳥WordPress主題:HotNews Pro 2.7-圖片14

4. 由于發表的相冊圖片,不會顯示在正常的頁面中,所以需要在相冊面板中新建一個相冊分類,并將發表的圖片劃歸到這個分類中,便于添加調用到“導航菜單”中,方便瀏覽者查看。

■ 添加視頻

啟用主題后,在后臺左側功能面板中新增視頻面板,與上面添加相冊使用方法相似,只不過添加的自定義欄目:big,值為:獲得的視頻Flash鏈接地址而已,如下圖:

知更鳥WordPress主題:HotNews Pro 2.7-圖片15

注:部分站點的視頻在IE瀏覽器下關閉彈出暗箱時可能會提示錯誤,無法解決,,包括優酷、Ku6等,請使用非IE核心的瀏覽,比如:火狐、chrome、Opera等瀏覽器。

視頻Flash鏈接地址獲取方法:

除一些提供分享代碼的視頻的網站,基本所有基于Flash播放器的視頻網站都可獲取其視頻播放地址

騰訊視頻格式為:http://static.video.qq.com/v1/res/qqplayerout.swf?f=3&vid=j0090FAoXzv

把后面紅色部分替換為正常打騰訊視頻地址欄“=”號后面的一組數字

■ 縮略圖

主題有四種方法調用顯示縮略圖:

1. WP自帶的特色圖像功能,不支持外鏈,使用方法參考上面的“特色圖片功能”。不推薦使用此方法,因為上傳一張圖片會同時生成三張尺寸不一的縮略圖,浪費空間,也不利于以后的管理。

2. 直接獲取日志中插入的第一張圖片作為縮略圖,優點:支持外鏈,使用方便,缺點:無裁剪,插入日志中的圖片尺寸較大,直接調用為縮略圖,一個頁面同時加載顯示十幾張200、300K的圖片,頁面打開速度可想而知,其它任何優化都會化為泡影,建議一般情況下不要使用該方法。

3. 添加自定義欄目,調用指定的圖片,推薦此方法。喜歡弄圖片,還是老老實實制作單獨的縮略圖為上,找個簡單的圖片處理軟件,裁剪一下圖片尺寸,也不是什么難事,可以提高頁面加載速度。

常用的縮略圖顯示在首頁及分類文章列表頁面,添加自定義欄目名稱:thumbnail,值為:縮略圖鏈接地址,尺寸:140×100px。

4. 無圖顯示隨機縮略圖。

如果在編輯頁面上無自定義欄目設置面板,可以點擊右上“顯示選項”按鈕,在顯示下列項目中,勾選“自定義欄目”。

■ 分類圖標

將分類別名修改為英文或拼音,然后使用FTP軟件進入空間后臺wp-content\themes目錄,將主題HotNewspro\images\caticon目錄中的小圖標名稱改為對應的分類別名,并到主題設置中開啟分類圖標功能。

知更鳥WordPress主題:HotNews Pro 2.7-圖片16

另外,如果固定鏈接格式是默認的,點擊圖標會顯示404頁面。

推薦兩種固定鏈接格式:

/%category%/%post_id%.html或者/%postname%.html

■ Google自定義搜索

默認為WP自帶的搜索,如果認為功能太弱,可以在主題設置中開啟Google自定義搜索,然后添加一個頁面,右下頁面屬性“模板”中選擇“谷歌搜索”模板,最終搜索結果將顯示在這個頁面中,只需在主題設置中輸入搜索結果鏈接頁面及自已的搜索ID即可,默認是我的。

附:Google自定義搜索操作方法


WordPress主題集成Google自定義搜索不僅可以減輕服務器的負載,還可以充分利用 Google 強大的智能搜索功能,增強搜索效率,是Wordpress自帶的站內搜索不能比擬的。

新建的站點,正常更新日志,一般半個月后,Google都會收錄的。

本教程只針對HotNews Pro主題,不涉及其它主題修改,如準備把此功能加到自己用的其它主題中,請自行搜索教程。

具體流程:

第一,申請Google自定義搜索ID。

1.打開Google自定義搜索申請頁面。點擊“登錄以自定義搜索引擎”,會轉到Google賬戶登錄窗口,輸入自己gmail郵箱登錄。

2.登錄后自動跳轉到新建自定義搜索”頁面,輸入地址,點擊下面的“創建”按鈕,完成。

3、對于HotNews Pro主題只需要獲得搜索引擎 ID就可以了,獲取方法:

(1)查看申請自定義搜索頁面的瀏覽器地址欄,比如:

http://www.google.com/cse/setup/basic?cx=010908498719216810079:iyeuecgnxak

其中紅色部就是搜索引擎 ID

(2)點擊左側“設置”進入基本設置頁面,點擊“搜索引擎 ID”按鈕,彈出窗口也會顯示搜索引擎 ID。

 

第二,主題設置。

1.添加一個新頁面,標題比如:search,右下選擇“谷歌搜索”模板,點擊發布即可。

知更鳥WordPress主題:HotNews Pro 2.7-圖片17

2.進入當前主題設置中,打開Google自定義搜索設置選擇卡,在搜索結果頁面鏈接中輸入剛才新建的頁面鏈接地址,最終搜索結果將顯示在這個頁面中。下面輸入申請的Google自定義搜索ID,注意前后不能有空格,保存設置。

返回博客首頁,如果你啟用了CMS模板,可以在導航搜索框內輸入搜索內容,也可以使用側邊集成的固定搜索,點擊小放大鏡后,會自動跳轉到新建的搜索頁面中,看看是否成功了。


■ 代碼高亮

主題集成了代碼高亮樣式,可以不用插件實現多種語言的代碼高亮顯示。

使用方法:不用插件實現WordPress代碼高亮顯示(訪問知更鳥站點查看)

■ 圖片暗箱特效

使用主題集成的圖片暗箱放大特效,插入圖片時需注意:本地上傳“鏈接 URL”應選擇鏈接到“文件URL”,外鏈需將圖像鏈接到圖像,否則不會啟用暗箱特效,不喜歡用這個特效,可以到主題設置中關閉。

WordPress 3.5版分別為:鏈接到“媒體文件”和圖像URL

■ 背景

主題支持WP自定義背景功能。打開背景設置頁面,可以通過上傳圖片或選擇一個顏色改變主題背景風格,可惜受主題圓角圖片限制,只能使用與淺灰色相近的圖片及顏色,如圖:

知更鳥WordPress主題:HotNews Pro 2.7-圖片18

■ 頂部

主題支持WP自定義頂部圖片功能。使用前需到主題設置中關閉頂部熱點文章,然后打開頂部設置頁面,上傳圖片,并適當剪裁,如圖。如果不使用自定義頂部圖片功能,最好點擊“移除頂部圖片”,以免頁面加載多余的圖片。

知更鳥WordPress主題:HotNews Pro 2.7-圖片19

■ 獨立頁面模版

主題集成了blog、友情鏈接讀者墻、谷歌搜索、文章歸檔、近期留言聯系方式我的商鋪、RSS聚合、熱門標簽等7個獨立模板。可以新建一個頁面,右下頁面屬性→模板中選擇一個相應的模版,發布后添加到導航菜單中。

知更鳥WordPress主題:HotNews Pro 2.7-圖片20

其中,聯系方式模版,需打開HotNewspro\includes目錄form.php模版,把里面的郵箱地址改成自己的。

■ 留言板

這個真沒有,呵呵!雖然主題集成了近期留言獨立模板,不過該頁面不能留言,如果你想弄個什么留言板,那就新建一個頁面,起個標題名稱叫“留言板”就行了,讓大家在這個沒有任何意義的頁面死勁留言吧!

■ 通欄分類模版

主題中有一個模板文件名稱為:category-414.php,將后面的數字414改成某個分類的ID,再打開這個分類就會以通欄的樣式顯示該分類。

■ 增強文章編輯功能

后臺文章編輯時,實現所見即可所得,與前臺瀏覽排版樣式相同,包括集成的代碼高亮顯示。

■ 添加文章來源

這個東西一直是本人自己用的,雖然很早就集成在主題中,但從未寫過使用方法,主要用于轉載文章時,尊重原文作者而增添的功能。

如果文章是自己寫的:添加自定義欄目:original,值:自已的名字或鏈接地址什么都行

如果是轉載自其它站點的文章:添加自定義欄目:reprinted,值:原文章的鏈接地址。

■ 密碼保護的文章

默認有密碼保護的文章,部分內容會顯示出來??梢栽谖恼戮庉嬁蛳碌恼须S意輸入一些內容即可。

■ 下載鏈接按鈕

在編輯日志時,在適當位置分別加入短代碼:

  1. {url?href="http://m.bjmhhq.com/"]下載地址[/url]
  2. {demo?href="http://m.bjmhhq.com/"]主題演示[/demo]

自行修改其中的http://m.bjmhhq.com鏈接及文字。

注:將代碼中前面的"{"改為“[”

■ 頁面關鍵字及描述

首頁 主題設置中添加網站關鍵字及描述

分類列表頁面,直接調用分類描述為該分類的頁面描述,無關鍵字。

標簽頁面,直接調用標簽名稱為描述

頁面文件,需為該頁面分別添加自定義欄目:

名稱:description,值為:該頁面描述

名稱:keywords,值為:該頁面關

■ 需手動修改的

聯系方式模版默認郵件地址,打開HotNewspro\includes目錄中的form.php模版,將其中的電子郵件地址改為自己的。

▲ 注意事項

■?主題很多功能都需要添加自定義欄目實現,如果在編輯頁面上無自定義欄目設置面板,可以點擊右上“顯示選項”按鈕,在顯示下列項目中,勾選“自定義欄目”。

■?公告、相冊、視頻采用自定義文章發布類型功能,這是WP3.0后新增的功能,國外商業主題大量采用,國內免費主題中卻很少見到,不過通過上述功能發表的日志在更換主題后,將不能瀏覽查看,在后臺也看不見。

■?添加WP程序自帶的小工具,必須添加標題,否則會造成側邊及底部頁面錯位。

■?正確顯示評論樓層號,需登錄后臺→設置→討論設置頁面中,勾選“分頁顯示評論”。

■?如果在打開公告、相冊、視頻等日志時,顯示“對不起!這個真沒有!”404錯誤頁面,可以登錄后臺→設置→固定鏈接設置頁面,隨意改一下固定鏈接格式,然后再改回自己正常用的固定鏈接格式,可以消除這個錯誤,不行就反復多改幾次。

■?主題大部分功能可在主題設置中加以控制,但另有少部分功能,需手動修改模版文件才能正常使用,所以建議使用notepad++或EmEditor文本編輯 軟件修改模版后,通過FTP軟件上傳覆蓋原文件,或者在Wordpress后臺外觀→編輯中修改模版文件,切記不能用操作系統自帶的記事本修改中文模板, 否則會改變模版編碼造成主題錯位(中文模版編碼為:UTF-8 無BOM)。

■?主題自帶最新圖片小工具,不支持添加自定義欄目的圖片,只支持采用特色圖片功能添加的圖片。可以到主題設置中開啟固定的側邊最新圖片。

■?由于種種原因Gravatar頭像可能經常不顯示,可以參考:

直接從www.gravatar.com主站加載Gravatar頭像修改程序默認的服務器,


Gravatar網站CND(內容分發網絡)經常未知原因出現問題(你懂的...),國內無法顯示以0.gravatar.com和1.gravatar.com為前綴的頭像,而以www.gravatar.com為前綴的卻可以,如果你啟用了頭像緩存插件或主題具備頭像緩存功能,空間主機又在國外,不會受到影響,而國內主機則無法實現頭像緩存,這一問題嚴重拖慢了頁面打開速度.

可能有人會問,為什么有的站點的Gravatar頭像地址是以www.gravatar.com開頭,有的卻是以0.gravatar.com和1.gravatar.com為前綴呢?WordPress 從2.5版開始集成了Gravatar頭像功能,隨著使用Gravatar頭像的用戶越來越多,為了減輕服務器負擔,Gravatar網站采用CDN(內容分發網絡),就近從Gravatar網站服務器加載頭像,提高頁面打開速度。

正因為如此從WordPress 3.0開始,改進源代碼適應CDN,提高頭像加載速度。默認情況下還在使用老版本WordPress的用戶,由于沒有啟用CDN,所以前綴是www.gravatar.com,直接從主站加載頭像,不會受到影響。

下面就說說如何修改WordPress源文件,直接從www.gravatar.com加載Gravatar頭像。

打開WordPress程序wp-includes目錄中的pluggable.php

在大概第1634行找到:

  1. $host?=?sprintf(?"http://%d.gravatar.com",?(?hexdec(?$email_hash{0}?)?%?2?)?);

修改為:

  1. $host?=?sprintf(?"http://www.gravatar.com",?(?hexdec(?$email_hash{0}?)?%?2?)?);

在第1636行找到:

  1. $host?=?'http://0.gravatar.com';

修改為:

  1. $host?=?'http://www.gravatar.com';

完成保存后覆蓋原文件即可.

再打開評論頁面查看源文件,頭像全部是以www.gravatar.com開頭了。

如果認為修改程序文件麻煩,可以安裝啟用Gravatar fixed插件


或者啟用頭像緩存插件:推薦幾款Gravatar頭像緩存插件(訪問知更鳥站點查看)

■?如果想在文章列表中顯示指定的摘要,可以在文章編輯頁面下面的“摘要”中輸入摘要內容,如無“摘要”項目,在右上顯示選項中將其調出來,CMS分類列表不支持該功能。

■?如果啟用主題后首頁只顯示導航菜單及一個標題,說明你的主機不支持主題文字截斷函數mb_strimwidth,最有可能的原因是,主機空間缺少mb_string extension(Linux主機)及php_mbstring.dll(WIN主機)擴展服務,可以要求空間商打開。

■?使用圖片及視頻模版,需進入后臺---設置---閱讀---博客頁面至多顯示文章數要小于16篇,否則會造成翻頁錯誤。

■ 可選參數

■?默認情況下,主題集成的最近留言小工具,不顯示已登錄者的留言,可以打開HotNewspro\includes\widget目錄中的r_comments.php,查找并刪除:AND user_id='0'

■?開啟博主個性化頭像。主題具備博主留言頭像區別于其他留言者頭像功能。默認ID為1的注冊用戶頭像比其他人的要小一些。如果不知道自己的ID,可進入數據庫查看wp_users表,并修改functions.php中user_id == 1的數字1。

還可以用

  1. <img id="mavatar"?src="<?php bloginfo('template_directory');?>/images/robin.gif"/>

替換

  1. <?php?echo?get_avatar(?$comment, 32 ); ?>

并將一張大小為48×48的圖片放到主題的images目錄中,替代自己的Gravatar頭像,比如我目前的頭像效果。

主題專用插件

必須安裝主題包中的WP-PostViews 1.61 版插件(修改版)

WP-PostViews插件設置:進入WP-PostViews插件設置頁面,去掉Views Template:%VIEW_COUNT%?views中的紅色部分。

下載的主題包文件說明:主題HotNewspro.zip、插件wp-postviews.zip(修改版)、PSD源文件.zip,解壓后分別上傳主題和插件.?

30,880 次下載?

鄭重聲明:

你可以免費使用、傳播和修改本主題,但請保留頁腳作者鏈接,不得將本作品用于商業目的(包括所有頁面元素)!

建議閱讀以下知更鳥官方網站的相關文章:

相關插件:

自助友情鏈接插件專用版: 使用說明

投稿插件:submit posts 使用說明

 
  • 本文由 米粒在線 發表于 2013年5月8日20:48:56
  • 轉載請務必保留本文鏈接:http://m.bjmhhq.com/7326.html
網站建設

網站速度很慢?使用 WordPress 短時緩存(Transients)來優化數據庫查詢和 HTTP 響應!

每個人都想要一個速度很快的網站,網站速度越快,用戶停留和點擊頁面或購買產品的時間就越長,加快網站速度的方法之一是開啟緩存,而緩存背后的邏輯就是存儲信息,更具體一點說,就是找到一個比連接數據庫更快的存儲...
評論  2  訪客  2
    • NameDomain 1

      好像還不錯 :mrgreen:

    發表評論

    匿名網友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
    確定

    拖動滑塊以完成驗證