注意，這篇教程是《魔術(shù)家園WordPress企業(yè)主題》的安裝使用教程，在閱讀時，請注意區(qū)分

這篇教程是魔術(shù)家園WordPress企業(yè)主題的圖文以及視頻教程，視頻開頭有介紹主題的一些特別功能，如果你想要深入的了解這款主題，可以觀看前面的5分鐘。

魔術(shù)家園WordPress企業(yè)主題視頻教程（百度云播放）

高清視頻百度云下載：http://pan.baidu.com/s/1c0dnpo0

魔術(shù)家園WordPress企業(yè)主題演示數(shù)據(jù)導(dǎo)入所需插件下載（視頻中所提到的插件）

WordPress move 下載：http://pan.baidu.com/s/1c0wQgyG

導(dǎo)入數(shù)據(jù)sql.zip文件請購買之后向客服索取，導(dǎo)入數(shù)據(jù)之后的管理員權(quán)限如下：

賬號：admin

密碼：123456

請?jiān)趯?dǎo)入完成數(shù)據(jù)工作全部完成之后新建一個管理員賬號（不要使用admin作為你的登錄賬號?。?，并設(shè)置新的密碼（英文大寫+小寫+數(shù)字+特殊字符）！切記不要忘記！切記！

魔術(shù)家園WordPress企業(yè)主題圖文教程

除了上面的視頻教程，我們也提供圖文教程，方便您的參考。

主題的安裝

安裝主題之前，需要您在WEB主題公園購買此付費(fèi)版主題，并在官網(wǎng)授權(quán)您的安裝域名（安裝域名請?jiān)谀?strong>WordPress后臺-->設(shè)置-- >常規(guī)中 查看站點(diǎn)地址和WordPress地址，確保這個域名和授權(quán)一致。）

以上工作完成之后，請?jiān)?strong>WordPress后臺--> 外觀? -->主題-->上傳主題中上傳從官網(wǎng)下載的安裝包，安裝完成之后啟用主題。

安裝時請注意：由于壓縮軟件的字符兼容性問題，下載下來的安裝包上傳有可能出現(xiàn)無法安裝這個包。 PCLZIP_ERR_BAD_FORMAT (-10) : Invalid archive stru

出現(xiàn)此問題，可以自行解壓壓縮包，將解壓出來的文件夾整個重新再次壓縮，特別注意是解壓出來的文件夾整個壓縮，而不要進(jìn)入文件夾全選文件壓縮，若無法解決，請咨詢客服幫您解決。

添加一些基本的內(nèi)容，讓網(wǎng)站有一個基本的框架可以讓我們進(jìn)行搭建

主題安裝完成之后，你會發(fā)現(xiàn)整個網(wǎng)站是空白的，這需要你事先將主題的架構(gòu)搭建完成，包括錄入一些文章、頁面以及分類目錄，將網(wǎng)站的基本內(nèi)容架構(gòu)搭建好。文章、分類目錄、頁面的功能區(qū)別請閱讀以下文字資料。

WordPress的分類目錄和頁面以及文章是構(gòu)成WordPress網(wǎng)站的三大數(shù)據(jù)，這三個因素這里進(jìn)行一下分析，讓沒有用過WordPress的朋友了解好如何進(jìn)行區(qū)分這些要素。

對WordPress比較熟悉的朋友可以略過下面的信息，如果你對WordPress不熟悉，那么請一定要看一下下面的信息，這對你理解和操作WordPress非常重要：

文章：WordPress最為核心的數(shù)據(jù)

我 們在企業(yè)網(wǎng)站中，需要展示我們的產(chǎn)品、新聞、案例等等信息，這些信息在WordPress網(wǎng)站中都是通過文章來輸出的，這些數(shù)據(jù)的最大特點(diǎn)就是有 列表，比如新聞，每天都會有新聞發(fā)生，那么新聞會有一個列表，從新到舊的展示我們的新聞，案例以及產(chǎn)品都一樣，需要一個列表進(jìn)行展示，所以這些需要列表的 數(shù)據(jù)，我們都從文章中輸入。

我們添加了新聞、案例、產(chǎn)品等數(shù)據(jù)，因?yàn)闆]有區(qū)分，他們會全部顯示在一個列表中，這樣不是我們想要的，我們希望新聞列表只顯示新聞、案例列表只顯示案例，所以這時候我們需要建立分類目錄進(jìn)行區(qū)

分類目錄：區(qū)分新聞、案例、產(chǎn)品等文章達(dá)到獨(dú)立列表的分類數(shù)據(jù)

看完上面的說明，是否對分類目錄有了一個比較形象的了解呢，其實(shí)在WordPress和其他國產(chǎn)網(wǎng)站軟件后臺的操作，就是這里的不同，分類目錄就是國產(chǎn)軟件中的“欄目”。

如果你經(jīng)常使用qq空間或者新浪博客等博客工具，那么就非常好理解了，寫一篇博文可以講博文分類到心情記錄、轉(zhuǎn)載、旅游等等這些分類，和WordPress的分類形式是一樣的，這樣就比較好理解了。

分類目錄可以在建立時，選擇分類目錄的模板，讓我們的列表呈現(xiàn)不同的形式，并且可以錄入分類目錄的seo標(biāo)簽（標(biāo)題重寫、關(guān)鍵詞、描述）

頁面：獨(dú)立的介紹單頁，不需要列表展示的內(nèi)容

在企業(yè)網(wǎng)站中，我們需要介紹自己的企業(yè)，建立企業(yè)的聯(lián)系方式，這些頁面只需要一個單頁即可完成，而不需要列表的形式，我們就可以建立頁面，頁面即單頁，這樣理解就好了。

看完上面的說明，就首先建立好分類目錄和頁面，分類目錄首先建立好我們發(fā)布文章時就可以直接選擇了，頁面可以先建立好，以后再去添加內(nèi)容，這樣做主要是讓網(wǎng)站的架構(gòu)搭起來。

一般對于企業(yè)站來說，我們需要搭建的分類目錄包括：企業(yè)新聞、企業(yè)案例、企業(yè)產(chǎn)品、資料下載等等（這些都具有一個列表，當(dāng)然你也可以根據(jù)自己的情況建立）

需要搭建的頁面包括：關(guān)于我們、聯(lián)系我們等等

我們在開始整體網(wǎng)站設(shè)置之前，我們需要上傳一些文章，可以選擇上傳在企業(yè)新聞、企業(yè)案例等分類中，大概首先建立5篇文章即可（為了保證調(diào)用的文章有封面圖片，請?jiān)O(shè)置文章的“特色圖片”）。

設(shè)置網(wǎng)站導(dǎo)航的網(wǎng)格圖標(biāo)菜單及導(dǎo)航菜單下的服務(wù)菜單

切換到演示主題的首頁：http://www.dengyin90.cn/demo/?themedemo=homemagic

你可以看到一個帶有圖標(biāo)的菜單，現(xiàn)在我們需要將我們建立好的網(wǎng)站結(jié)構(gòu)目錄發(fā)送到菜單上。

進(jìn)入外觀-->菜單-->管理位置查看當(dāng)前主題所支持的固定菜單，這些菜單是必須設(shè)置并且需要你創(chuàng)建獨(dú)立的菜單進(jìn)行一一對應(yīng)的。

首先我們進(jìn)行菜單導(dǎo)航的設(shè)置，菜單導(dǎo)航是頂部的主要導(dǎo)航，可以設(shè)置一層下拉菜單（如下圖）：

現(xiàn)在點(diǎn)擊使用新菜單，進(jìn)入菜單編輯頁，將菜單命名為菜單導(dǎo)航，點(diǎn)擊創(chuàng)建菜單（后面菜單的新建也是一樣的操作方式）：

創(chuàng)建好了菜單之后，找到右上角的“顯示選項(xiàng)”，將選項(xiàng)全部勾選：

注意，WordPress升級到4.2以上的中文版會有一個bug，就是菜單中顯示選項(xiàng)點(diǎn)擊無法打開的bug，請閱讀這篇文章進(jìn)行修復(fù)：WordPress4.2中文版 菜單中顯示選項(xiàng)無法打開的bug解決

打開之后我們開始將網(wǎng)站內(nèi)容輸出到菜單中。

在左側(cè)找到頁面、分類目錄、自定義鏈接、文章、標(biāo)簽等，切換他們，并點(diǎn)擊“查看全部”找到你想要發(fā)送到導(dǎo)航上的內(nèi)容，勾選并點(diǎn)擊“添加到菜單”

完成之后可以看到右側(cè)出現(xiàn)了添加的內(nèi)容，點(diǎn)擊項(xiàng)目右側(cè)小三角形展開：

以此設(shè)置好標(biāo)題、副標(biāo)題和圖標(biāo)。

請注意：圖像描述這里只需要點(diǎn)擊一下這個輸入框即可出現(xiàn)圖片上傳的界面，如果沒有出來，點(diǎn)擊保存菜單再試一次就會出來了，這里建議你講所有你想要發(fā)送的項(xiàng)目都發(fā)送完成之后，再逐個展開輸入副標(biāo)題以及圖標(biāo)。

按照上面的方式建立好菜單，現(xiàn)在我們需要設(shè)置下來菜單，菜單的層級可以通過拖拽方式進(jìn)行排序和排列層級，將下拉菜單拖拽排序好，

普通的模式和上面的介紹一樣設(shè)置，下面介紹一下純廣告圖片的設(shè)置，以及下拉菜單左右懸浮的設(shè)置。

下拉菜單左右懸浮的設(shè)置

下拉菜單是默認(rèn)靠左懸浮的（貼合父級左邊），如果你的這個項(xiàng)目比較靠右邊的邊緣，有可能會被遮?。ㄈ缦聢D）：

我們可以設(shè)置他想左懸浮，這樣就不會被遮住了，方法：在下拉菜單的父級（重要的事情說三遍，是父級，比如企業(yè)產(chǎn)品這個項(xiàng)目鼠標(biāo)經(jīng)過會下拉，那么設(shè)置是設(shè)置企業(yè)產(chǎn)品），設(shè)置如下：

在css類（可選）這個項(xiàng)目中填寫右邊的拼音：youbian

現(xiàn)在靠右邊浮動了，效果如下：

下拉菜單中的圖片廣告，請注意，這個圖片廣告只能設(shè)置在下拉菜單中（二級目錄），不能設(shè)置在父級（頂級目錄）

下拉菜單的圖片廣告css類填寫full，圖片尺寸上傳400*78即可

現(xiàn)在，我們設(shè)置焦點(diǎn)圖下的服務(wù)菜單，如圖:

和創(chuàng)建導(dǎo)航菜單一樣，創(chuàng)建一個新的菜單。這里我們命名為“服務(wù)流程”。創(chuàng)建好菜單之后，一定要注意底部是否勾選了菜單的位置。只有指定了位置，系統(tǒng)才能判定設(shè)置菜單是顯示在哪個位置的。

這個菜單一般都是用“自定義鏈接”屬性來做的，整體結(jié)構(gòu)如圖:

我們會發(fā)現(xiàn)當(dāng)鼠標(biāo)移到菜單上，會彈出一個說明框。

設(shè)置如下圖一一對應(yīng)填寫：

這 里我們將導(dǎo)航下的服務(wù)菜單命名為服務(wù)流程，你也可以命名為其他的內(nèi)容。如：加盟條件，合作要求，操作方法等等。我們打開后臺-外觀-自定義，找到“頂部設(shè) 置”。在這里可以更改這個菜單的名稱，顏色及菜單前的圖片，以及網(wǎng)站logo，logo旁邊的廣告圖片，及導(dǎo)航的背景，字體顏色等等，網(wǎng)站頂部的所有設(shè) 置。如下圖：

設(shè)置首頁自定義排版

首頁的排版分為2個區(qū)域，動畫區(qū)和內(nèi)容區(qū)。這兩個區(qū)域所能夠放入的模塊也是不同的，在使用中請注意區(qū)分。

進(jìn)入外觀-->自定義-->小工具中，可以看到2個區(qū)域的小工具放置，放置這些小工具時，請注意小工具后綴

動畫排版區(qū)只能放置后綴為動畫排版區(qū)模塊

內(nèi)容排版區(qū)只能放置內(nèi)容排版區(qū)模塊

側(cè)邊欄排版區(qū)只能放置側(cè)邊欄排版模塊

動畫模塊的分層介紹

這款主題擁有2個動畫模塊，雖然只有2個動畫模塊，但是這兩個模塊我們集中了超多的選項(xiàng)，包括坐標(biāo)調(diào)整，動畫效果調(diào)整，背景調(diào)整，文字顏色、透明度調(diào)整等等，你可以利用這兩個模塊打造超多的動畫效果。

這里我們以上下圖文模塊為例：左右圖文模塊由三部分組成，大的背景圖、懸浮的圖片以及文字內(nèi)容，圖片從后臺可以上傳，文字則直接在模塊上填寫，查看下圖以明白這個模塊的結(jié)構(gòu)：

紅色為文字區(qū)域，綠色為懸浮的圖片區(qū)域，然后設(shè)置一張背景圖片，這三個元素構(gòu)成了整個動畫，你可以調(diào)整文字和懸浮圖片的坐標(biāo)，從而讓他們更好地顯示。

模塊中有很多提示的注釋，你可以仔細(xì)閱讀他們，這將會對你的設(shè)置很有幫助。

魔術(shù)菜單模塊（圖文并排和圖片幻燈片）介紹

首頁內(nèi)容排版區(qū)，排版設(shè)置非常容易上手。在這里我們重點(diǎn)講一個內(nèi)容排版區(qū)的模塊--魔術(shù)菜單模塊（圖文并排和圖片幻燈片）

這個魔術(shù)菜單模塊內(nèi)容設(shè)置主要調(diào)用的是菜單，我們可以利用菜單做出多種展示效果。

第一種：圖文并排。模塊頂部的標(biāo)題及描述在模塊中圖文并排選項(xiàng)里填寫，并指定對應(yīng)的菜單（菜單需要創(chuàng)建成功了，才會顯示出來）

模塊中圓圈內(nèi)容則是調(diào)用的菜單。我們在后臺-外觀-菜單里創(chuàng)建一個新的菜單。這是一個單層菜單，注意不要設(shè)置層級。菜單設(shè)置如下圖：

第二種：圖片幻燈片模式。（這個樣式?jīng)]有在演示站中展示出來）

這種形式同樣也是調(diào)用的菜單。我們新建一個菜單，加入自定義鏈接屬性到菜單中，在圖片描述里上傳圖片即可。設(shè)置如下圖：

第三種：左右圖文。（這個樣式?jīng)]有在演示站中展示出來）

在魔術(shù)模塊設(shè)置中，模式選擇：圖片幻燈片模式。同樣也需要指定對應(yīng)的菜單，在菜單里設(shè)置模塊中的內(nèi)容。菜單設(shè)置如下圖：

這 里我們需要設(shè)置一個兩級的菜單。第一級是背景圖，打開最右邊的小三角展開，在圖片描述里上傳一張寬度1920px，高度自定義的白色或其他顏色的圖片。注 意背景圖的高度一定要大于懸浮圖，并且它決定這個模塊的高度。其他項(xiàng)目則不用填寫。懸浮圖和文字則是背景圖的子項(xiàng)目。懸浮圖也是在圖片描述里上傳一張 png圖片，其他項(xiàng)目不用填寫。右邊的文字則是另一個子項(xiàng)目，導(dǎo)航標(biāo)簽是粗體標(biāo)題，標(biāo)題屬性則是描述，圖片描述不用填寫。如果想文字在左，懸浮圖片在右， 將懸浮圖欄目拖到文字欄目下方即可。

移動版（手機(jī)上）的自定義排版

由 于pc版是采用寬頻結(jié)構(gòu)，讓寬頻用戶更加舒適的訪問，所以不可避免的造型成圖片較大，特別是背景圖，背景圖我們所要求的規(guī)格是1920*911 是比較大的圖片，并且像上面那種左右的模塊在手機(jī)上非常狹窄的屏幕是非常不好看的，所以我們需要通過坐標(biāo)等方式調(diào)整為上下的位置（演示的手機(jī)訪問你可以注 意到這個模塊的變化）

總而言之，手機(jī)版獨(dú)立設(shè)置不僅讓手機(jī)版可以上傳新的較小尺寸的圖片，加快訪問速度，同時也可以調(diào)整動畫和模塊位置到最佳的方式。

手機(jī)版的設(shè)置還是在外觀--自定義中，在移動版設(shè)置中，切換到手機(jī)版的設(shè)置界面，這款主題我們提供了手機(jī)版自定義頁面（首頁）的可視化操作，你可以一鍵切換到手機(jī)的顯示方式，在電腦上將手機(jī)版設(shè)置好，

值得注意的是，手機(jī)版的設(shè)置切換請使用非ie核心的瀏覽器，如火狐、谷歌，使用ie核心的瀏覽器（如360、uc等使用ie方式瀏覽）將無法正確顯示一些手機(jī)上的特性，會給你造成一個困擾。

在設(shè)置移動端時，你可以同時使用手機(jī)打開你的網(wǎng)站進(jìn)行觀察，因?yàn)橛械淖鴺?biāo)在電腦端模擬不會百分百準(zhǔn)確，一切的設(shè)置總之以你的手機(jī)上顯示為主

開啟手機(jī)端調(diào)試之后，請?jiān)谧远x頂部點(diǎn)擊保存并發(fā)布，保存完成之后刷新（網(wǎng)頁框架無法實(shí)時切換過來，所以需要保存并刷新），你就可以看到手機(jī)上顯示的樣子了：

側(cè)邊欄的設(shè)置

側(cè)邊欄是值內(nèi)頁（分類目錄、頁面和文章頁）的兩欄模式的側(cè)邊。

普通的側(cè)邊你可以使用外觀--小工具中的默認(rèn)側(cè)邊欄位置放置一些模塊，值得注意的是，你必須使用側(cè)邊欄專用的模塊，否則會造成一些錯誤。

這個默認(rèn)的側(cè)邊欄是默認(rèn)所有內(nèi)頁（分類目錄、頁面和文章頁）都顯示一樣的，如果你想要顯示不一樣的側(cè)邊欄，可以通過分類目錄、頁面和文章內(nèi)頁新建一個側(cè)邊欄，并單獨(dú)進(jìn)行設(shè)置：

這 個選項(xiàng)中，你可以無限建立側(cè)邊欄，可以選擇已經(jīng)創(chuàng)建好的側(cè)邊欄，值得注意的是，如果是當(dāng)前文章、頁面或者分類創(chuàng)建的側(cè)邊欄，你不能選擇其他的側(cè)邊 欄，否則這個創(chuàng)建的側(cè)邊欄會被刪除。下圖所示，創(chuàng)建的新的側(cè)邊欄會顯示在小工具中，下面的圖示是以分類目錄企業(yè)產(chǎn)品進(jìn)行創(chuàng)建的側(cè)邊欄：

創(chuàng)建好側(cè)邊欄并保存之后，可以點(diǎn)擊編輯側(cè)邊欄直接進(jìn)入自定義中編輯你的側(cè)邊欄小工具了。

無限建立的自定義排版頁面

看了這款主題，你一定會想，首頁的自定義排版非常棒，但是如果只能用在首頁那就太可惜了，所以我們這款主題可以新建無限個和首頁一樣的自定義排版頁面，讓你可以建立

產(chǎn)品專頁（通過動畫介紹產(chǎn)品給人以深刻的印象）

活動專頁 （舉辦一個網(wǎng)絡(luò)活動？使用動畫效果最直觀的告訴你的用戶吧！）

微信營銷 ? 在微信上做營銷？ 漂亮的手機(jī)版動畫頁面讓你隨時隨地快速的建立“H5”頁面， 不僅微信等手機(jī)端，pc端的營銷也可以同時進(jìn)行！

服務(wù)項(xiàng)目?? 以漂亮的動畫介紹你的營業(yè)項(xiàng)目，對于服務(wù)型公司來說，比起幾張冷冰冰的圖片和一些文字，這樣的效果實(shí)在是活潑太多，并且讓人容易理解

等等。。。? 你能夠想象的內(nèi)容，都可以通過無限制建立自定義排版來解決。

建立自定義排版頁面也非常簡單，在你的頁面--新建一個頁面，填寫好頁面的標(biāo)題，在右側(cè)選擇新建一個自定義排版頁面并保存，保存之后點(diǎn)擊下面的“開始自定義排版”按鈕直接進(jìn)入自定義排版即可

如下圖所示區(qū)域，在你的頁面--編輯頁面? 的編輯器右側(cè)：

目前是支持全部的頁面進(jìn)行自定義模式，這樣方便你管理你的自定義頁面。

普通頁面以及文章頁發(fā)布一個相冊

這一次的更新，我們使用了swiper相冊，現(xiàn)在的相冊建立更加簡單了，你可以在任意頁面輸出任意相冊。

相冊的上傳和建立：

點(diǎn)擊添加媒體--創(chuàng)建相冊，從已有圖片中選擇或者拖入上傳新的圖片

完成之后點(diǎn)擊插入相冊就行了。

編輯器顯示如下圖：

默認(rèn)是顯示的點(diǎn)擊放大的圖片列表，你可以選擇其他兩種相冊模式：

這些相冊模式在手機(jī)上顯示也是非常不錯的，你可以通過演示查看相冊的樣式。

額外的設(shè)置都在外觀--主題選項(xiàng)中

當(dāng)上面的內(nèi)容都設(shè)置完成之后，你可以進(jìn)入外觀--主題選項(xiàng)中，將這些設(shè)置一一的設(shè)置完成，整個網(wǎng)站的框架就算全部完成了，下面的工作就可以開始為你的網(wǎng)站添加內(nèi)容了。