WordPress實現(xiàn)企業(yè)網(wǎng)站的方法
2019-10-10 來源：愛站科技
在學習WordPress之后我們都知道它可以為我們實現(xiàn)簡單的企業(yè)網(wǎng)站，那么具體要如何實現(xiàn)呢？接下來我們就跟著西部數(shù)碼小編一起去看看WordPress實現(xiàn)企業(yè)網(wǎng)站的方法。
Berita是一個專為此類需求設(shè)計的免費theme。較之于同類產(chǎn)品，它同時為了增加定制化程度還改造了wp系統(tǒng)，使用上更類似插件。只要掌握簡單的html+css，就可以隨意對頁面進行改造。靈活度和拓展性在同類中是佼佼者。
下圖是我昨天使用WP+ berita改造的網(wǎng)站。（這個網(wǎng)站主要是為了方便演示，里面的部分icon和圖片有版權(quán)問題，請勿直接使用）
這是berita官網(wǎng)的demo。
?
?在此處下載我改造過的版本。（修改了css，header.php以及圖片文件）
?此處下載官方原版。官方地址：http://bizzartic.com/bizzthemes/berita/download/
我縮小了原版的header區(qū)域高度，在search框上方增加了一組url。添加了一些底欄版塊的樣式。
具體如何使用berita的插件系統(tǒng)，我會在下面詳細說明流程。并放出我的代碼。
————————————————————————————————————————————————————
首先，像安裝所有theme一樣，解壓包放置在wp-content/themes，并在WP左側(cè)菜單 Appearance - Themes 里啟用該theme。
接下來看見的界面是這樣的。。�？湛杖缫病２灰�。還有大量的定制化和手寫代碼工作要做。
在左側(cè)菜單的Appearance里可以發(fā)現(xiàn)多了一項Berita Theme Options .這就是定制系統(tǒng)。如下圖。我做了粗略的說明。
Berita簡單的工作原理：
一個簡單的企業(yè)站是有一部分靜態(tài)頁面和一部分動態(tài)頁面來共同構(gòu)成的。諸如about us ,contact us ,service, feature, customs 之類不經(jīng)常變動的頁面直接寫成靜態(tài)html頁面。 news，case 之類會需要更新維護的動態(tài)部分使用CMS系統(tǒng)來生成。
Berita 使用WP里的pages 來制作靜態(tài)頁面，用posts來制作動態(tài)部分。實際上pages和posts都使用同一個編輯器，在編輯代碼時沒有什么差別。
所以下面先來創(chuàng)建一些pages，一些posts和幾個categories，來作為“建筑材料”。
有了材料，我們就可以組建首頁了。
第一步：設(shè)置LOGO
在此處設(shè)置Logo圖片。如果勾選Show Blog Title+Tagline，則logo圖片不再生效，而直接顯示blog title和tagline的文本。
第二步：首頁導航。
創(chuàng)建完pages后，導航上會直接出現(xiàn)鏈接。可以在Berita Theme Options 去掉你不希望顯示在導航上的page。
在Blog Section Settings 設(shè)置一個放在導航上的post 分類。鏈接到Categories頁面。適用于”公司新聞”或者“產(chǎn)品的blog”
這里只允許設(shè)置1個。系統(tǒng)建議創(chuàng)建一個Category 名叫 BLOG ,然后把其它所有分類都設(shè)為它的子分類。這種做法適合想給blog加個首頁的用戶。
還可以設(shè)置在footer區(qū)顯示的文字導航
還可以設(shè)置多級導航。在edit page的時候，將右側(cè)的的Attributes - Parent 設(shè)為對應頁面，就可以在導航里自動出現(xiàn)
我在搜索框上方加了幾個about | contact的入口。在Appearance - Editor - header.php里可以修改鏈接和文本。在
下方加上About | contact | Join
第三步：首頁的滾動推薦區(qū)(Front Slider)。
Berita系統(tǒng)中，這部分也是利用Pages來完成的。創(chuàng)建幾個pages,有無title都可以。
然后如下圖中設(shè)置page的id及排序。
這個區(qū)域的高度可以在Pick Height里設(shè)置，頁面中超過該高度的部分不會顯示。
下面的代碼大家可以直接使用：注意要更換img時，要把class 改為class=”fr” （也就是float right的意思，完成圖片的右浮動）
第四步：底欄的3個版塊。
在Appearance-Widgets菜單里，我們可以發(fā)現(xiàn)左邊的可選widget窗體多了好幾個以Bizz開頭的。
右側(cè)的Current Widget也從單一的Sidebar,增加了6組Footer。
Front Footer: 控制靜態(tài)頁面（首頁和pages）底欄的3個版塊區(qū)域
Blog Footer: 控制動態(tài)頁面（posts 和 categories) 底欄的3個版塊區(qū)域。
像設(shè)置傳統(tǒng)的sidebar一樣，只要將所需的窗體從左側(cè)拖拽到右側(cè)對應欄目里，可添加多個，并排序。
一般都是使用添加text窗體，在里面添加代碼來進行頁面的自定義。
下面的代碼直接用，圖片不要用了。___________________________________________________________________
Find Key Online Influencers
No other social media monitoring tool finds key influencers, ranks their social authority and charts sentiment as well as Dialogix…
Available for Agencies
Offer Dialogix to your clients with your own branding. Generous re-seller packages are available…
________________________有6個客戶logo小圖的代碼__________________
Who’s already using Clentrust
“Dialogix has given us insights that have changed the way our clients do business.” Remy Brassac, Gallery De Pasquale
TEL: 086+12345678
Mail: support@clentrust.com__________________________________________________________________
Berita系統(tǒng)支持在widget里添加 twitter和flickr。配置非常方便
?
設(shè)置廣告：
Berita 可以方便地在動態(tài)頁面的側(cè)邊欄放置廣告。支持兩種尺寸。1個 320*250�；蚴菐讉�125*125. 設(shè)置見下圖。
125的廣告支持放3組（6個）。也可以只放1組或2組。要勾選圖示紅框。
其他特色：
- 支持最受歡迎的posts，好像是按評論來排序的。
- 支持相關(guān)文章
- 支持設(shè)置第三方訂閱源及郵件訂閱。
- SEO設(shè)置
- 它的分頁也很友好
隨便提兩句和樣式有關(guān)的。
這個系統(tǒng)使用的960Grid的css系統(tǒng)。
導航區(qū)的駝色背景不是寫在css里的，是使用bgr.png。
一大張背景圖。推薦一個壓縮png的網(wǎng)站?http://www.gracepointafterfive.com/punypng?。在基本看不出來損耗的狀況下，壓個20%還是沒有問題的。
Debug
這里有muzik
《Wordpress主題berita幾處修改記錄》可以看看其他推薦
對此類theme有興趣的同學，我再推薦兩個不錯的。適合更復雜的business網(wǎng)站或blog。
官方下載 VIEW MORE
看完后你是不是了解了WordPress實現(xiàn)企業(yè)網(wǎng)站的方法呢？如果您有很多不明白的，沒關(guān)系，記錄下這些技巧，常來西部數(shù)碼技術(shù)頻道看看。
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
