WordPress主题教程

在观看完bridge的介绍和模板展示后，我们开始Bridge的安装使用。 1.上传主题 在网站后台点击外观—主题—添加—上传主题。 选择文件夹中名为bridge的压缩包，点击现在安装。   等待主题安装完毕。 同理安装文件夹内bridge压缩包下面的bridge-child包。 等待安装完成。安装完成后，就可以在外观里看到这两个主题。 2.启用主题 点击bridge-child下的启用按钮。进入网站前台，即可看见网站主题上的变化。 至此Bridge安装告一段落。下一期介绍如何使用Bridge376+的模板。          

Bridge是一个建立在非常强大和灵活的框架QODE上的多用途WordPress主题。您可以轻松导入任何示例演示站点。选择喜欢的设计或风格，并导入页面和设置与易于使用的一键导入功能。你可以在短短几分钟内就拥有一个装备齐全的网站。Bridge不只是一个主题，它集合了许多令人惊叹的例子和大量的特性。 有兴趣了解和使用学习的朋友可以上http://bridgelanding.qodeinteractive.com/，查看总共多达376个模板实例。 以下是Bridge的介绍。 24布局概念——探索所有Bridge的可能性与24个新的布局概念-从标准的网站布局到真实和创新的设计。你一定会找到完美的解决方案，你的完美网站在我们的创意概念集合。 视频教程——观看所有新的视频教程来更快地开始使用Bridge，这些教程一步一步地提供如何安装和更新Bridge主题以及如何快速导入Bridge演示内容的指导。 新的完整列表功能——Bridge现在提供了一个功能齐全的列表插件，允许您创建列表和目录网站。这个插件包含了一个新的列表post类型，各种用于显示列表的短代码，等等。 新的完整新闻功能——创建您的新闻网站。多亏了超棒的新闻插件，Bridge现在提供了各种专门为在漂亮的新闻和杂志布局中显示文章而设计的短代码。 新的完整的餐厅功能——Bridge餐厅插件让您创建一个美丽和完整的功能介绍您的餐厅或咖啡馆。创建一个餐厅菜单，显示您的工作时间，让客户通过连接您的网站和您的OpenTable帐户预订表格，等等。 新的前端登录功能——让您的网站用户创建自己的帐户或登录通过他们的社交网络配置文件与全新的会员卡插件。 Qode滑动条——惊人的响应全屏幕图像和视频滑动条与视差和选择完全响应和固定/响应高度。使用淡入/淡出元素动画，以及滑动/淡入转换。此外，对于每一张幻灯片，你可以选择标题是暗的还是淡的，为图形和文本设置不同的位置，为图形选择不同的动画(翻转或淡出)，完全控制标题和文本(大小、颜色、字体、行高、重量、阴影)，为导航设置自定义颜色，为视频设置叠加图案图像 易于使用的强大的管理界面——Bridge是一个非常直观，易于使用的管理界面。在编辑页面/帖子/文件夹时添加无限的滑块和幻灯片，在编辑文件夹项目时添加无限的文件夹图片或视频，在任何页面中添加无限的视差切片，定制排版样式，上传多个徽标版本，等等。完全控制你的网站。 自动更新——厌倦了通过FTP手动更新WordPress主题?使用Envato工具包单击一个按钮更新Bridge。 新的快速链接自定义的帖子类型——使你所有最新的新闻和必要的更新容易在任何时候与快速链接功能。 完全可定制的标题——为你的标题选择顶部和侧面的位置。10个不同的头类型集合，每个头类型都有自己的一组选项，确保满足您的每一个需求。每个页面都可以有自己的自定义标题，带有深色或浅色的皮肤，以及不同的颜色和透明度。为您的菜单定义样式，并在侧边区域、搜索功能、标题顶部和全屏菜单上单击一个按钮。 完全定制的标题区域——选择一个响应的标题图像，视差标题图像，放大/缩小标题图像和没有图像。显示或隐藏每个标题区域。选择标题文本的位置。选择不同类型的动画:动画文本，动画标题区或没有动画。选择颜色，隔板等等。将这些设置应用于全局或页面特定级别。 完全定制的Mega菜单——自定义标准和移动菜单，创建宽或普通的子菜单同时，选择宽菜单布局与图标。向宽菜单的列中添加小部件，并创建您想要的任何布局。使用菜单中的锚点创建很棒的单页网站。 左菜单——选择左边的菜单而不是顶部标题和创建漂亮的投资组合网站。单击Live Preview查看左侧菜单网站的示例。你可以让它变得透明(文字将在每个幻灯片上有暗色/浅色的皮肤变化)。您可以选择一个背景图像来适应整个左菜单区域。所有这些都是在全局或页面级别上实现的。 全屏菜单——很容易启用漂亮的全屏菜单，当你点击标题中的3-bar(汉堡包)图标(如果启用)。你也可以上传一个单独的logo版本出现在全屏菜单中。 节视频背景——为节添加全宽度的视频背景，并为每个节设置不同的模式图像。 固定页眉-——你可以将页眉设置为固定，并在页面滚动时设置为收缩。 粘头——你可以设置头部的粘性，并控制滚动量(相对于页面顶部)，在这个页面上，粘性头将出现。如果页面上有一个滑动条，则该滑动条的高度为粘性页眉外观的默认“滚动量”。粘性标题和底部的菜单——和粘性标题一样，唯一的区别是菜单在标题的底部有不同的布局 不同的标志版本——不同的标志版本的初始和粘性头，以及黑暗和光明的头皮肤，移动菜单，等等。 Qode搜索字段——您可以打开/关闭搜索功能。当搜索被激活时，一个搜索按钮将显示在菜单的右边。从搜索类型的集合中选择。 内容/部分菜单——这个菜单是从页面行/部分构建的。内容菜单允许创建一个页面的网站，或页面有他们自己的单独的导航。 页脚——在页脚中选择从1到4列，并将其设置为“展开”功能或规则。 打开/关闭AJAX动画——在页面之间的4个流畅的AJAX动画转换中进行创造性体验，或者关闭AJAX以创建一个经典的网站。除了预定义的动画之外，通过为每个页面单独选择单独的动画类型来创建您自己的场景。 CSS3动画——从我们收集的流体CSS3动画，精心设计的流畅和无缝的体验。WordPress的Visual Composer(34美元)包含免费——WordPress的拖拽可视化编写器页面构建器将为你节省大量的时间来处理你的站点内容。现在您可以在几分钟内创建复杂的布局了! 层滑块响应WordPress滑块插件($22)包括免费——创建一个响应性(移动友好)或全宽滑块与必须的视觉效果 滑块革命响应WordPress插件($25)包括免费——建立现代和响应滑块展示快速和轻松 为WordPress插件($22)的时间表响应时间表包括免费——创建一个美丽的时间表你的事件在几分钟。 额外的视差页面-Bridge有一个惊人的额外功能——容易创造视差页面，完美的表现，微站点或新的主页。 WooCommerce Ready ——Bridge提供了对WooCommerce电子商务插件的完全支持，使您可以在线销售您的产品。通过我们的管理界面很容易为您的商店页面设计样式。 交互元素——计数器、饼图、水平进度条、图标进度条、带有动画的元素、图表等等。 自定义文章格式——网桥支持以下自定义博客文章格式:标准，画廊，链接，引用，视频，音频 Qode旋转木马——一个全宽旋转木马滑块插件。完美的展示你的客户，或任何其他展示目的。 投资组合——选择7个不同的组合单布局和7个不同的投资组合列表布局。为每个投资组合列表设置所需的列数，并选择一个令人惊叹的投资组合列表悬浮动画类型。 博客布局——为你的博客选择最好的外观。BRIDGE提供了大量的博客布局，都经过精心设计，很容易添加到任何页面。 博客砌体布局——让你的博客页面以惊人的砌体布局显示 博客垂直循环布局——一个完整的页面博客布局，循环通过文章点击按钮。 一页网站——很容易添加一个页面导航到你的主页，或多页在你的网站。使用锚点链接将菜单项连接到不同的部分，并以风格讲述您的故事。 全屏幕部分布局——创建全屏幕部分与子弹导航和滚动通过功能。 垂直分割屏幕——垂直分割屏幕的简短代码允许您创建一个惊人的布局，类似于垂直滑动条。将屏幕分成两部分，并将有用的信息和醒目的图片结合起来。 登陆页面——使用登陆页面模板通知用户有关维护的信息，或者在你的网站上建立启动前的预期和嗡嗡声。 添加自定义样式——不需要仅仅通过代码行来添加您自己的自定义css。我们在Qode选项面板中嵌入了一个自定义的css字段，使您的生活更轻松。 视网膜准备——Bridge包括高分辨率的图标。有了网桥，你的网站将在高密度的视网膜显示屏和高分辨率的屏幕上看起来很棒。 平滑滚动——这个主题包含一个选项来设置平滑滚动(对于Chrome和Opera浏览器) 多个侧边栏——创建无限的自定义侧边栏，并在全局或post/page级别上选择它们 侧边菜单——桥有一个侧边菜单小部件区域，有一个不可见的滚动条实现。同样，它会在一定数量的滚动或关闭按钮被单击时自动关闭。   重力表单CSS——使用最流行的高级表单插件与我们的主题。 联系表单7 CSS ——使用最流行的免费表单插件与我们的主题。 完全可定制的谷歌地图 ——添加谷歌地图到您的页面，并定制他们的风格，以配合您的网站美学。添加多个地址和自定义地图大头针。 石工画廊 ——使用石工画廊你可以创造一个惊人的布局的链接，导致任何网页上你的网站。添加背景图片，按钮，文本，和更多的每个砌体画廊项目。 现代、专业的设计——这个主题是由一群专注于用户体验和独特设计风格的专业设计师设计的。 全响应——Bridge是一个完全响应Wordpress主题，在所有屏幕尺寸和移动设备上都能完美工作。 极可定制——所有元素的无限颜色和大小，600+谷歌字体，以及强大的后端为各种业务或个人用途提供解决方案。 灵活的布局——使用我们的演示布局，或者使用我们的模块化短代码和特性丰富的后端创建您自己的视觉体验。 模块化的短代码——有创意无限组合简单易用的短代码和快速创建你喜欢的任何类型的页面。 Passepartout边界——在你的网站上加一个边界，使它看起来像一个美丽的框架图像。Passepartout的功能提供了一套广泛的选项来定制它，以满足您的需要。 3图标包——为什么当你有3个图标的时候只满足于一组图标呢?选择在字体很棒，字体优雅，和Linea图标包。社交媒体图标和简单分享功能，点击一个按钮。使用可用的社交媒体图标或上传你自己的。 视差图层——使用视差图层的短代码来创建令人惊叹的多图层，并跟随鼠标的移动。 一键演示导入——导入整个演示内容，并设置您的web站点，使其与我们的任何演示示例在一次单击中看起来都一样 WPML准备——完全兼容WPML多语言插件-创建多语言网站 RTL就绪——RTL语言支持 翻译准备——Bridge是完全翻译到任何语言使用的po和mo文件 搜索引擎优化——搜索引擎将容易索引任何网页，因为综合搜索引擎的支持。为每个页面设置元关键词和描述，增加SEO排名。 完美的代码——用HTML5、CCS3和jQuery编写，这个巧妙构建的主题是100%有效的。 模块化的联系人页面——Bridge带有预定义的联系人页面模板。您可以使用谷歌映射、联系人表单和常规内容设置任何组合。 子主题就绪——从包含的子主题开始创建自己的子主题。                

Flatsome是wordpress中的一种商城主题，后台使用UXbulider编辑器进行搭建。支持在线模板导入及元素导入。

Flatsome是wordpress中的一种商城主题，后台使用UXbulider编辑器进行搭建。支持在线模板导入及元素导入。

主题选项中的设置修改为整个网站的全局设置。许多页面中的元素模块例如按钮等，都是继承了主题选项中的button设置。

在现有的Bridge主题模板中，很多栏目的属性都需要作出改动，那我们应该在哪里设置这个属性呢？

在使用Bridge主题中，默认的鼠标经过颜色都为绿色，为了适配不同的网站类型，需要修改不同的hover颜色，但是这些颜色都在哪里设置呢？

公司案例展示是大多数企业 / 商城建站必备的菜单栏目。在wordpress中，已有现成的模块可以进行案例展示的发布，就如同新闻发布一样。但是基于wordpress不同的主题，每个主题有它自己的portfolio风格及填写方式，下面就将简单介绍wordpress中Bridge主题的portfolio用法。

我们在使用Bridge主题进行wordpress建站的时候，每个内页都有一个顶部banner，如下图所示。

在网站中添加社交媒体按钮链接增加引流是一种十分常见的方法。如果你想在你的Bridge主题网站中添加社交按钮，效果如以下截图，点击后可以进入自定义的社交平台页面。

我们在思考创建网站目录结构框架时会碰到一个问题，当某个一级目录菜单下存在多个二级目录选项时，原本的一级目录页面并不存在，那么这时候我们需要该菜单按钮不可点击。

许多网站上对显示的图像都有炫酷的动画修饰效果，在使用WordPress建站中The 7 主题也可以实现，这篇文章介绍了如何对“图像样式”和鼠标hover时常用效果的添加，如：鼠标经过时图像放大、鼠标悬停时的背景色等...