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

這一次的教程我們采用了分段進(jìn)行錄制的方式，讓整個(gè)教程更加清晰和容易找到想要看到的地方，你可以依據(jù)你不懂得地方進(jìn)行觀看，也可以第一章節(jié)參考操作到最后一章。

我們對(duì)整個(gè)主題的特性、以及功能描述做了很詳細(xì)的說(shuō)明，如果你觀看完視頻之后還有疑問(wèn)，可以聯(lián)系在線售后客服對(duì)你進(jìn)行指導(dǎo)使用。

網(wǎng)站演示數(shù)據(jù)，請(qǐng)?jiān)谫?gòu)買(mǎi)之后向客服索取，演示導(dǎo)入工具和數(shù)據(jù)包括一些插件、圖片和數(shù)據(jù)文件

魔術(shù)展館wordpress企業(yè)主題分段視頻教程下載以及在線觀看地址（百度云）

第一章節(jié)：主題簡(jiǎn)介以及演示數(shù)據(jù)導(dǎo)入

百度云播放地址：點(diǎn)擊前往播放

第二章節(jié)：網(wǎng)站的頂部底部以及首頁(yè)模塊的設(shè)置

百度云播放地址：點(diǎn)擊前往播放

第三章節(jié)：頁(yè)面、分類(lèi)目錄以及文章的功能

百度云播放地址：點(diǎn)擊前往播放

魔術(shù)展館wordpress企業(yè)主題圖文教程

除了以上視頻教程外，我們還提供了圖文教程。

魔術(shù)展館網(wǎng)站模板的安裝

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

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

安裝時(shí)請(qǐng)注意：由于中文壓縮軟件的字符兼容性問(wèn)題，下載下來(lái)的安裝包上傳有可能出現(xiàn)無(wú)法安裝這個(gè)包。 PCLZIP_ERR_BAD_FORMAT (-10) : Invalid archive stru

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

主題安裝完成之后，你會(huì)發(fā)現(xiàn)整個(gè)網(wǎng)站是空白的，這需要你事先將主題的架構(gòu)搭建完成，包括錄入一些文章、頁(yè)面以及分類(lèi)目錄，將網(wǎng)站的基本內(nèi)容架構(gòu)搭建好。如果您之前沒(méi)有接觸過(guò)wordpress，對(duì)它一點(diǎn)都不了解。請(qǐng)先看下 wordpress入門(mén)操作基礎(chǔ)教程，再看這篇主題獨(dú)立教程。

魔術(shù)展館演示數(shù)據(jù)導(dǎo)入教程

如果您的網(wǎng)站是新站，那么導(dǎo)入數(shù)據(jù)可以更加直觀更加方便去設(shè)置。如果是老站，則不建議導(dǎo)入數(shù)據(jù)，請(qǐng)忽略這一步。

付費(fèi)主題的導(dǎo)入數(shù)據(jù)請(qǐng)向售后客服索取！

導(dǎo)入數(shù)據(jù)中有兩個(gè)文件夾和兩個(gè)數(shù)據(jù)文件。

導(dǎo)入時(shí)需要安裝導(dǎo)入所需插件文件夾中的三個(gè)插件：

widget-settings-importexport??? 用來(lái)導(dǎo)入小工具（首頁(yè)排版），導(dǎo)入文件為widget_data.json
wordpress-importer???????????????????? 用來(lái)導(dǎo)入文章（支撐排版的內(nèi)容），導(dǎo)入文件為：wordpress_main.xml
wordpress-move??????????????????????????? 用來(lái)修改圖片鏈接（導(dǎo)入時(shí)的鏈接修改為你的服務(wù)器連接）

此外還需要上傳圖片文件夾，這樣才能讓圖片正常顯示，圖片文件夾為：uploads? 覆蓋到wp-content目錄下即可。

導(dǎo)入步驟：

1.安裝好主題，并使用ftp將文件夾uploads上傳覆蓋到你的網(wǎng)站根目錄/wp-content目錄下

2.以此安裝好三個(gè)插件，如果通過(guò)ftp上傳需要三個(gè)插件包都解壓到文件夾，然后上傳文件夾到wp-content\plugins目錄下，也可以直接在后臺(tái)逐個(gè)上傳插件包安裝啟用即可。

3.安裝好了插件，首先導(dǎo)入文章內(nèi)容數(shù)據(jù)：

進(jìn)入wordpress后臺(tái)--工具--導(dǎo)入，點(diǎn)擊wordpress進(jìn)入導(dǎo)入界面：

進(jìn)入之后點(diǎn)擊瀏覽，找到wordpress_main.xml 進(jìn)行導(dǎo)入，導(dǎo)入完成之后，選擇一下管理員帳號(hào)，讓導(dǎo)入的數(shù)據(jù)歸類(lèi)到管理員賬號(hào)下點(diǎn)擊完成即可導(dǎo)入所有的菜單、文章、分類(lèi)、標(biāo)簽等信息。導(dǎo)入后，可能會(huì)顯示媒體文件錯(cuò)誤，直接忽略即可。

4.導(dǎo)入小工具，進(jìn)入導(dǎo)入--小工具導(dǎo)入

選擇導(dǎo)入文件widget_data.json進(jìn)行上傳之后，點(diǎn)擊“顯示導(dǎo)入文件中所有的數(shù)據(jù)選項(xiàng)”按鈕即可看到所有導(dǎo)入的小工具，可以點(diǎn)擊全選，也可以自定義選擇，

最下方有一個(gè)覆蓋選項(xiàng)，會(huì)將你現(xiàn)有的小工具在導(dǎo)入之前，放入未使用的小工具中，從而只顯示導(dǎo)入數(shù)據(jù)。

如果你需要備份，可以先導(dǎo)出數(shù)據(jù)，在本地或者其他的wordpress導(dǎo)入一次看看數(shù)據(jù)是否成功，如果成了的話，數(shù)據(jù)就完全沒(méi)有問(wèn)題了。

注意：點(diǎn)擊“開(kāi)始導(dǎo)入數(shù)據(jù)”后，是沒(méi)有任何反應(yīng)的，請(qǐng)不要重復(fù)點(diǎn)擊。先進(jìn)入外觀-小工具里查看數(shù)據(jù)是否導(dǎo)入。

5.設(shè)置完成以上步驟，打開(kāi)網(wǎng)站首頁(yè)。你會(huì)發(fā)現(xiàn)網(wǎng)站有部分圖片沒(méi)有顯示出來(lái)。下面我們用插件“wordpress move”更改下所有圖片的地址即可。如圖：

6.設(shè)置主題里所有需要調(diào)用菜單的選項(xiàng)及檢查分類(lèi)。

首先在后臺(tái)-外觀-主題選項(xiàng)-初始化設(shè)置，設(shè)置 頂部關(guān)注我們的圖標(biāo)菜單，如圖：

設(shè)置如下圖：

然后在后臺(tái)-外觀-菜單-管理位置，指定好每個(gè)固定菜單。如下圖:

最后進(jìn)入自定義-小工具-首頁(yè)內(nèi)容排版區(qū)，逐個(gè)展開(kāi)小工具里的模塊，指定好調(diào)用菜單選項(xiàng)及檢查分類(lèi)：由于導(dǎo)入數(shù)據(jù)可能會(huì)與wordpress默認(rèn)建立的分類(lèi)沖突，所以需要逐個(gè)代開(kāi)小工具設(shè)置，檢查一下各個(gè)分類(lèi)是否選擇了“未分類(lèi)”，若有選擇，隨便換成其他分類(lèi)即可。

如圖：

第一個(gè)和第三個(gè)模塊分別選擇圖中菜單。

完成到這一步，你可以進(jìn)入網(wǎng)站首頁(yè)查看一下，網(wǎng)站應(yīng)該就和演示的效果一致了。

魔術(shù)展館設(shè)置頂部導(dǎo)航菜單及其他菜單

切換到演示主題的首頁(yè)：http://www.dengyin90.cn/demo/?themedemo=magicpavilion

進(jìn)入外觀-->菜單-->管理位置查看當(dāng)前主題所支持的固定菜單，這些菜單需要先創(chuàng)建好，才可以在這里進(jìn)行一一對(duì)應(yīng)的選擇。

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

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

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

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

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

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

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

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

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

按照上面的方式建立好菜單，現(xiàn)在我們?cè)O(shè)置下拉菜單，菜單的層級(jí)可以通過(guò)鼠標(biāo)拖拽方式進(jìn)行排序，排列層級(jí)，將下拉菜單拖拽排序好。

魔術(shù)展館1.02版本后，下拉菜單加入了圖文展示形式。如圖：

在一級(jí)菜單的“css類(lèi)”里填寫(xiě)“tuwen”，二級(jí)下拉菜單的“圖像描述”里上傳圖片，圖片寬度大于209px，高度不限。

保存后，如果右邊超出被遮住，則在css類(lèi)里填寫(xiě)"tuwen youbian"來(lái)解決。設(shè)置如下圖:

下面介紹一下純廣告圖片的設(shè)置。

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

下拉菜單的圖片廣告css類(lèi)填寫(xiě)full，圖片尺寸：寬度218px，高度自定義

友情鏈接和底部菜單的設(shè)置。

這兩個(gè)固定菜單的設(shè)置和導(dǎo)航菜單的操作類(lèi)似。先創(chuàng)建一個(gè)新菜單，再設(shè)置好菜單的結(jié)構(gòu)。一定要注意底部是否勾選了菜單的位置。只有指定了位置，系統(tǒng)才能判定設(shè)置菜單是顯示在哪個(gè)位置的。友情鏈接一般選用自定義鏈接形式。如下圖：

多重篩選菜單一般是顯示在分類(lèi)目錄頂部檢索產(chǎn)品的菜單。它的具體設(shè)置請(qǐng)參考多重篩選的視頻教程及圖文教程：http://www.dengyin90.cn/wordpressdzsxdsbgngx.html

魔術(shù)展館網(wǎng)站模板的頂部及底部設(shè)置

網(wǎng)站頂部和底部均可在后臺(tái)-外觀-自定義-網(wǎng)站頂部設(shè)置（網(wǎng)站底部設(shè)置）進(jìn)行操作。操作簡(jiǎn)單明了，如下是對(duì)設(shè)置界面的截圖：

頂部有一個(gè)“關(guān)注我們”的菜單，在主題選項(xiàng)里設(shè)置。

菜單設(shè)置和其他菜單類(lèi)似，可以支持二級(jí)菜單，圖片在圖像描述里上傳即可。如圖：

魔術(shù)展館網(wǎng)站模板的動(dòng)畫(huà)區(qū)及內(nèi)容區(qū)排版和模塊介紹

魔術(shù)展館這款網(wǎng)站模板是簡(jiǎn)潔風(fēng)的設(shè)計(jì)，模塊相對(duì)來(lái)說(shuō)也比較簡(jiǎn)單一些。這款主題的排版依舊是在后臺(tái)-外觀-小工具里使用模鼠標(biāo)拖曳的方式自由排版，也可以在后臺(tái)-外觀-自定義-小工具里，添加模塊進(jìn)行可視化排版操作。它的排版主要分為首頁(yè)動(dòng)畫(huà)排版區(qū)和首頁(yè)內(nèi)容排版區(qū)。

請(qǐng)注意：標(biāo)有滾軸專(zhuān)用的模塊只能放入首頁(yè)動(dòng)畫(huà)排版區(qū)，不能放入其他排版區(qū)。同樣不是滾軸專(zhuān)用的模塊也不能放在動(dòng)畫(huà)排版區(qū)內(nèi)。否則顯示會(huì)出錯(cuò)！

后臺(tái)-外觀-小工具里的操作界面，如下圖：

后臺(tái)-外觀-自定義-小工具里可視化編輯的操作界面，在左邊編輯區(qū)操作，右邊立馬可以呈現(xiàn)出設(shè)置的效果。這種設(shè)置會(huì)更直觀些。如下圖：

首頁(yè)動(dòng)畫(huà)排版區(qū)介紹

這款主題擁有2個(gè)動(dòng)畫(huà)模塊，雖然只有2個(gè)動(dòng)畫(huà)模塊（上下圖文模塊和左右圖文模塊）。但是這兩個(gè)模塊我們集中了超多的選項(xiàng)，包括坐標(biāo)調(diào)整，動(dòng)畫(huà)效果調(diào)整，背景調(diào)整，文字顏色、透明度調(diào)整以及上傳視頻等等選項(xiàng)，你可以利用這兩個(gè)模塊打造超多的動(dòng)畫(huà)效果。

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

右邊黃色線框內(nèi)是文字模塊，你可以直接在模塊中輸入，較小的文字?jǐn)嘈?可以使用代碼<br>進(jìn)行，左邊紅色線框區(qū)域是一個(gè)png透明背景的圖片，你需要生成一個(gè)透明背景圖上傳，后面的大橋背景圖是一個(gè)大的背景圖 片，你可 以使用Photoshop的模糊工具將圖片模糊一下，造成景深效果，并使用鏡頭推進(jìn)的特效，這樣畫(huà)面就比較有動(dòng)態(tài)和景深的感覺(jué)了。

圖片模塊和文字模塊的左右上下坐標(biāo)均可以調(diào)整，這樣如果你上傳的圖片和演示主題不一樣，你也可以通過(guò)坐標(biāo)的調(diào)整達(dá)到你想要的樣子。

模塊的設(shè)置很簡(jiǎn)單，在模塊里我們都有注明詳細(xì)的注釋。請(qǐng)仔細(xì)查看模塊里的注釋?zhuān)龠M(jìn)行操作設(shè)置。

首頁(yè)內(nèi)容排版區(qū)介紹

模塊設(shè)置簡(jiǎn)單易上手，我們?cè)谶@里就不一一贅述了。

主要介紹下魔術(shù)菜單模塊

魔術(shù)菜單模塊有兩種樣式供選擇。選擇好想要的樣式后，根據(jù)模塊里的注釋設(shè)置即可。

默認(rèn)大圖并排顯示

小圖標(biāo)并排顯示

菜單設(shè)置如下圖：注意：選擇不同樣式，圖片尺寸不一樣。

兩欄多功能模塊

這個(gè)模塊也是一個(gè)多變模塊，一個(gè)模塊可以展示出多種不同的效果。此模塊分左右兩部分，一部分是文字，另一部分則可以顯示圖片，視頻或表單。

魔術(shù)展館網(wǎng)站模板的移動(dòng)端的設(shè)置

魔術(shù)展館是一款H5主題，移動(dòng)端效果表現(xiàn)非常好。魔術(shù)視差不會(huì)自動(dòng)繼承PC的設(shè)置，移動(dòng)端需要單獨(dú)來(lái)設(shè)置的。單獨(dú)設(shè)置的好處就是解決了PC是橫屏，手機(jī)是豎屏的尷尬問(wèn)題。設(shè)置方法和PC端一樣，在后臺(tái)-外觀-小工具里用鼠標(biāo)拖曳模塊到? 【手機(jī)】首頁(yè)動(dòng)畫(huà)排版區(qū)? ；【手機(jī)】首頁(yè)內(nèi)容排版區(qū) 即可。

或者 在后臺(tái)-外觀-自定義-移動(dòng)端設(shè)備設(shè)置中，開(kāi)啟移動(dòng)端效果。

返回進(jìn)入自定義-小工具里，對(duì)移動(dòng)端進(jìn)行單獨(dú)排版。單獨(dú)設(shè)置了移動(dòng)端，就不會(huì)再繼承PC端的設(shè)置。

注意：設(shè)置完手機(jī)端后，記得返回到移動(dòng)端設(shè)備設(shè)置，切換回“默認(rèn)顯示PC端效果”。因?yàn)殚_(kāi)啟移動(dòng)端效果是為了方便大家在PC端設(shè)置時(shí)，更好的預(yù)覽手機(jī)端的效果。如果不切換回“默認(rèn)顯示PC端效果”，打開(kāi)網(wǎng)站將會(huì)顯示不正常。

移動(dòng)端的其他設(shè)置均在后臺(tái)-外觀-自定義-移動(dòng)端設(shè)備設(shè)置中，請(qǐng)仔細(xì)閱讀主題注釋進(jìn)行設(shè)置。

網(wǎng)站模板的側(cè)邊欄的設(shè)置

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

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

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

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

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

無(wú)限建立的自定義排版頁(yè)面

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

產(chǎn)品專(zhuān)頁(yè)（通過(guò)動(dòng)畫(huà)介紹產(chǎn)品給人以深刻的印象）

活動(dòng)專(zhuān)頁(yè) （舉辦一個(gè)網(wǎng)絡(luò)活動(dòng)？使用動(dòng)畫(huà)效果最直觀的告訴你的用戶(hù)吧?。?/p>

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

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

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

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

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

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

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

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

相冊(cè)的上傳和建立：

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

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

編輯器顯示如下圖：

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

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

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

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