魔术门户WordPress企业主题视频教程

注意，这篇教程是《魔术门户WordPress企业主题》的安装使用教程，在阅读时，请注意区分

这篇教程是魔术门户WordPress企业主题的图文以及视频教程，视频开头有介绍主题的一些特别功能，如果你想要深入的了解这款主题，可以观看前面的3分钟。

魔术门户WordPress企业主题视频教程（百度云播放）

高清视频百度云下载：点击下载

00:00:00~00:02:20   主题简介

00:02:20~00:07:00   网站顶部设置

00:07:00~00:23:30   网站内容排版之 分类菜单和图片切换模块

00:23:30~00:26:50    网站内容排版之 魔术菜单模块

00:26:50~00:29:00    网站内容排版之 三栏模式模块

00:29:00~00:31:45     网站其他区域调整

00:31:45~00:40:40     移动端网站设置

00:40:45~00:42:20     网站底部设置

00:42:20~00:46:05     主题选项里的设置

00:46:05~00:55:55     内页分类目录，页面，文章的设置

00:55:55~00:58:00     创建自定义页面（自定义页面是指可以像首页一样的排版)

魔术门户WordPress企业主题演示数据导入教程

一键导入演示数据功能已经更新，可通过插件一键导入演示数据了

http://www.themepark.com.cn/wordpressxzzdazyjysbfsjdrspjc.html

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

魔术门户风格图片下载：https://pan.baidu.com/s/1boL4stL

魔术门户三个风格SQL导入数据下载：https://pan.baidu.com/s/1pLQLEdH

魔术门户导入图片下载（uploads文件夹）：https://pan.baidu.com/s/1dFtWcBv

请下载后解压压缩包。

导入数据之后的管理员权限如下：

账号：admin

密码：123456

请在导入完成数据工作全部完成之后新建一个管理员账号（不要使用admin作为你的登录账号！），并设置新的密码（英文大写+小写+数字+特殊字符）！切记不要忘记！切记！

魔术门户WordPress企业主题图文教程

除了上面的视频教程，我们也提供图文教程，方便您的参考。

网站模板的安装

安装主题之前，需要您在WEB主题公园购买此付费版主题，并在官网授权您的安装域名（安装域名请在您的WordPress后台–>设置– >常规中 查看站点地址和WordPress地址，确保这个域名和授权一致。）

以上工作完成之后，请在WordPress后台–> 外观  –>主题–>上传主题中上传从官网下载的安装包，安装完成之后启用主题。

安装时请注意：由于压缩软件的字符兼容性问题，下载下来的安装包上传有可能出现无法安装这个包。 PCLZIP_ERR_BAD_FORMAT (-10) : Invalid archive stru

出现此问题，可以自行解压压缩包，将解压出来的文件夹整个重新再次压缩，特别注意是解压出来的文件夹整个压缩，而不要进入文件夹全选文件压缩，若无法解决，请咨询客服帮您解决。

主题安装完成之后，你会发现整个网站是空白的，这需要你事先将主题的架构搭建完成，包括录入一些文章、页面以及分类目录，将网站的基本内容架构搭建好。如果您之前没有接触过wordpress，对它一点都不了解。请先看下 wordpress入门操作基础教程，再看这篇主题独立教程。

设置网格图标式导航菜单及其他菜单

切换到演示主题的首页：http://www.themepark.com.cn/demo/?themedemo=cmsmagic

你可以看到一个带有图标的导航菜单，现在我们需要将我们建立好的网站结构目录发送到菜单上。

进入外观–>菜单–>管理位置查看当前主题所支持的固定菜单，这些菜单需要先创建好，才可以在这里进行一一对应的选择。

首先我们进行菜单导航的设置，菜单导航是顶部的主要导航，可以设置一层下拉菜单（如下图）：

现在点击使用新菜单，进入菜单编辑页，将菜单命名为菜单导航，点击创建菜单（后面菜单的新建也是一样的操作方式）：

创建好了菜单之后，找到右上角的“显示选项”，将选项全部勾选：

注意，WordPress升级到4.2以上的中文版会有一个bug，就是菜单中显示选项点击无法打开的bug，请阅读这篇文章进行修复：WordPress4.2中文版 菜单中显示选项无法打开的bug解决

打开之后我们开始将网站内容输出到菜单中。

在左侧找到页面、分类目录、自定义链接、文章、标签等，切换他们，并点击“查看全部”找到你想要发送到导航上的内容，勾选并点击“添加到菜单”。

完成之后可以看到右侧出现了添加的内容，点击项目右侧小三角形展开：

以此设置好标题、副标题和图标。

请注意：图像描述这里只需要点击一下这个输入框即可出现图片上传的界面，如果没有出来，点击保存菜单再试一次就会出来了，这里建议你讲所有你想要发送的项目都发送完成之后，再逐个展开输入副标题以及图标。

按照上面的方式建立好菜单，现在我们需要设置下来菜单，菜单的层级可以通过拖拽方式进行排序和排列层级，将下拉菜单拖拽排序好，

普通的模式和上面的介绍一样设置，下面介绍一下纯广告图片的设置，以及下拉菜单左右悬浮的设置。

下拉菜单左右悬浮的设置

下拉菜单是默认靠左悬浮的（贴合父级左边），如果你的这个项目比较靠右边的边缘，有可能会被遮住（如下图）：

我们可以设置他想左悬浮，这样就不会被遮住了，方法：在下拉菜单的父级（重要的事情说三遍，是父级，比如企业产品这个项目鼠标经过会下拉，那么设置是设置企业产品），设置如下：

在css类（可选）这个项目中填写右边的拼音：youbian

现在靠右边浮动了，效果如下：

下拉菜单中的图片广告，请注意，这个图片广告只能设置在下拉菜单中（二级目录），不能设置在父级（顶级目录）

下拉菜单的图片广告css类填写full，图片尺寸上传400*78即可

友情链接和底部菜单，这两个固定菜单的设置和导航菜单的操作类似。先创建一个新菜单，再设置好菜单的结构。一定要注意底部是否勾选了菜单的位置。只有指定了位置，系统才能判定设置菜单是显示在哪个位置的。友情链接一般选用自定义链接形式。如下图：

多重筛选菜单一般是显示在分类目录顶部检索产品的菜单。它的具体设置请参考多重筛选的视频教程及图文教程：http://www.themepark.com.cn/wordpressdzsxdsbgngx.html

网站模板的顶部及底部设置

魔术门户主题的自定义性非常强大，顶部及底部的背景图片，文字的颜色等等，均可在后台-外观-自定义-网站顶部设置（网站底部设置）进行操作。操作简单明了，如下是对设置界面的截图：

网站模板的内容区排版及模块介绍

魔术门户这款主题的排版依旧是在后台-外观-小工具里使用模块拖曳的方式自由排版，也可以在后台-外观-自定义-小工具里，添加模块进行可视化排版操作。这款主题拥有多个多功能模块，一个模块可以选择不同的模式来呈现多种展示效果。下面我们介绍下主题的部分模块：

分类菜单和图片切换模块

这个模块分为两部分，左侧分类菜单和右侧图片幻灯片。这两部分均可以呈现多种展示效果。

我们先看下左侧分类菜单。这部分是调用的是菜单，如下图设置“选择一个菜单”。注意：我们需提前建立好菜单，才会在选项里有对应的菜单供选择。

左侧第一种模式，分类形式。这个菜单的设置和导航菜单类似，我们不再赘述。

最后一张广告图的设置，添加自定义链接到菜单结构中。在CSS类里填写“ad”，再在图像描述里上传图片即可。图片宽度132px，高度不限。

左侧第二种模式，焦点图模式。同样是调用菜单，新建一个菜单，在菜单结构里添加自定义链接的形式编辑。

左侧第三种模式，纯广告图片模式。添加自定义链接到菜单结构中。在CSS类里填写“ad”，再在图像描述里上传图片即可。图片宽度132px，高度不限。

接下来介绍，右侧图片幻灯片。同样也有四种模式可供选择。在操作的时候，请仔细阅读注释，可以更好的理解。

默认的模式则是第一种模式，不用选择右侧模块模式。指定一个调用的菜单，同样在菜单结构里添加自定义链接，图片描述处上传幻灯片的图片。图片宽度898px，高度自定义。效果如下图右侧幻灯片：

右侧第二种模式：调用一个分类的文章。这个模式只需在选项里指定一个分类，则会对应输出这个分类目录里的文章。图片则是指定分类文章中的特色图片。

右侧第三种模式，分类的文章+幻灯片模式。这个模式幻灯片调用的也是菜单，在选项里指定一个菜单，同样在菜单结构里添加自定义链接，图片描述处上传幻灯片的图片。图片宽度898px，高度自定义在选项里填写。幻灯片下面是调用的分类目录中的文章，在选项里同样设置好指定的分类目录即可。

右侧第四种模式，分类文章+单张图片。这个模式的单张图片在模块选项中上传图片，图片下面也是调用的分类目录中的文章，在选项里同样设置好指定的分类目录即可。

下面介绍：魔术菜单模块（图文并排和图片幻灯片）。

这个魔术菜单模块内容设置也是调用的菜单，我们可以利用菜单也可以做出多种展示效果。

第一种：默认图文并排模式。

这个模块内容则是调用的菜单。我们在后台-外观-菜单里创建一个新的菜单。这是一个单层菜单，注意不要设置层级。菜单设置如下图：

第二种：图片幻灯片模式。

这种形式同样也是调用的菜单。我们新建一个菜单，加入自定义链接属性到菜单中，在图片描述里上传图片即可。设置如下图：

这里还简单介绍下：三栏模式模块，两栏文字和图片模块及两栏错图与切换模块

这些模块除了可以放在首页排版，还可以应用在手机端和侧边栏展示。模块的每部分均可以选择显示或者不显示，非常灵活。但是应用在电脑端就必须选择显示。

详细介绍了几个比较有特色的模块，其他模块的操作就很容易上手，就不再一一赘述。大家在设置的时候一定要仔细看下主题给出的注释。

网站模板的移动端的设置

经常有朋友问我们为什么不做自适应的网站，觉得移动端单独设置非常麻烦。魔术门户这款主题的手机端会默认继承PC端的设置，帮您省去这些麻烦。当然，为了移动端更好的展示效果，我们还是建议大家可以单独设置移动端。

如果需要单独设置移动端，请在后台-外观-自定义-移动端设备设置中，开启移动端效果。

返回进入自定义-小工具里，对移动端进行单独排版。单独设置了移动端，就不会再继承PC端的设置。

注意：设置完手机端后，记得返回到移动端设备设置，切换回“默认显示PC端效果”。因为开启移动端效果是为了方便大家在PC端设置时，更好的预览手机端的效果。如果不切换回“默认显示PC端效果”，打开网站将会显示不正常。

移动端的其他设置均在后台-外观-自定义-移动端设备设置中，请仔细阅读主题注释进行设置。

网站模板的侧边栏的设置

侧边栏是值内页（分类目录、页面和文章页）的两栏模式的侧边。

普通的侧边你可以使用外观–小工具中的默认侧边栏位置放置一些模块，值得注意的是，你必须使用侧边栏专用的模块，否则会造成一些错误。

这个默认的侧边栏是默认所有内页（分类目录、页面和文章页）都显示一样的，如果你想要显示不一样的侧边栏，可以通过分类目录、页面和文章内页新建一个侧边栏，并单独进行设置：

这个选项中，你可以无限建立侧边栏，可以选择已经创建好的侧边栏，值得注意的是，如果是当前文章、页面或者分类创建的侧边栏，你不能选择其他的侧边 栏，否则这个创建的侧边栏会被删除。下图所示，创建的新的侧边栏会显示在小工具中，下面的图示是以分类目录企业产品进行创建的侧边栏：

创建好侧边栏并保存之后，可以点击编辑侧边栏直接进入自定义中编辑你的侧边栏小工具了。

无限建立的自定义排版页面

看了这款主题，你一定会想，首页的自定义排版非常棒，但是如果只能用在首页那就太可惜了，所以我们这款主题可以新建无限个和首页一样的自定义排版页面，让你可以建立

产品专页（通过动画介绍产品给人以深刻的印象）

活动专页 （举办一个网络活动？使用动画效果最直观的告诉你的用户吧！）

微信营销   在微信上做营销？ 漂亮的手机版动画页面让你随时随地快速的建立“H5”页面， 不仅微信等手机端，pc端的营销也可以同时进行！

服务项目   以漂亮的动画介绍你的营业项目，对于服务型公司来说，比起几张冷冰冰的图片和一些文字，这样的效果实在是活泼太多，并且让人容易理解

等等。。。  你能够想象的内容，都可以通过无限制建立自定义排版来解决。

建立自定义排版页面也非常简单，在你的页面–新建一个页面，填写好页面的标题，在右侧选择新建一个自定义排版页面并保存，保存之后点击下面的“开始自定义排版”按钮直接进入自定义排版即可

如下图所示区域，在你的页面–编辑页面  的编辑器右侧：

目前是支持全部的页面进行自定义模式，这样方便你管理你的自定义页面。

普通页面以及文章页发布一个相册

这一次的更新，我们使用了swiper相册，现在的相册建立更加简单了，你可以在任意页面输出任意相册。

相册的上传和建立：

点击添加媒体–创建相册，从已有图片中选择或者拖入上传新的图片

完成之后点击插入相册就行了。

编辑器显示如下图：

默认是显示的点击放大的图片列表，你可以选择其他两种相册模式：

这些相册模式在手机上显示也是非常不错的，你可以通过演示查看相册的样式。

额外的设置都在外观–主题选项中

当上面的内容都设置完成之后，你可以进入外观–主题选项中，将这些设置一一的设置完成，整个网站的框架就算全部完成了，下面的工作就可以开始为你的网站添加内容了。