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

(1)点击portfolio-写文章

(2)填写标题、内容,勾选相应的分类

(3)如果你想要换一种图片排列方式,你可以在下面的Qode Portfolio General-Portfolio Type中选择不一样的排列类型。

此时如果你选择发布,在内容页面中,文章已经完整呈现了。但是回到上级页面你会发现,它缺少封面,并且在你的标题下方,还会显示分类的标签。如下图所示:

(4)回到之前的编辑页面,在右侧设置特色图片

(5)至于如何将分类标签隐藏,在Portfolio所在的区域点击编辑

(6)找到category,选择no

此时,再发布,就能得到正确的效果了。

 

鼠标经过做好的portfolio是会有动画效果出现,这时,如果想换一种动画效果,应该去哪里设置呢?

额外补充更改动画效果的步骤。

 

下图是未改变的动画效果:

依旧是点击它所在区域的编辑按钮,在type和hover animation type中选择自己想要的效果

点击保存,就可以看到修改后的效果。

专业网站开发网页设计公司

深度阅读:

Bridge主题系列教程1.0-Bridge主题介绍 Bridge是一个建立在非常强大和灵活的框架QODE上的多用途WordPress主题。您可以轻松导入任何示例演示站点。选择喜欢的设计或风格,并导入页面和设置与易于使用的一键导入功能。你可以在短短几分钟内就拥有一个装备齐全的网站。Bridge不只是一个主题,它集合了许多令人惊叹的例子和大量的特性。 ...
Bridge主题系列教程 – 如何更改菜单栏的栏目属性 在现有的Bridge主题模板中,很多栏目的属性都需要作出改动,比如产品菜单栏下的栏目如果想要直接跳转到产品详情页,就不应该是“页面”属性,正确的是“产品”属性,如下:那我们应该在哪里设置这个属性呢?  (1)点击外观-菜单默认的选项中也许没有“产品”一...
Bridge主题系列教程1.2-Bridge导入demo站点 上一篇文章我们讲了Bridge安装使用,今天我们来看一下在Bridge中如何使用1.0中376+的个性demo。点击左下角的Qode Import在下拉框中,可以选择你需要的那款demo,觉得在这里一个个看麻烦的可以在1.0-Bridge主题介绍里介绍的网站去先看看对应的每个demo...
Bridge主题系列教程 – 如何修改元素中默认的Hover颜色 在使用Bridge主题中,默认的鼠标经过颜色都为绿色,为了适配不同的网站类型,需要修改不同的hover颜色,但是这些颜色都在哪里设置呢? 我们举个例子:切换首页幻灯片的左右按钮在鼠标经过时默认呈绿色如果我想更改成橙色,首先点击qode opyions,找到e...
Bridge主题系列教程1.3-重置站点 在上一章我们讲了Bridge主题如何导入Demo,但是导入Demo会有一定几率失败,卡读条,页面显示不全等,这时候需要我们使用重置站点的方式再次导入。 1. 安装插件 我们需要安装一个名叫Advanced WP Reset的插件。在左边栏选择插件-安装插件。在关键词框中输入Adv...
Bridge主题系列教程 – 如何添加社交按钮 在网站中添加社交媒体按钮链接增加引流是一种十分常见的方法。如果你想在你的Bridge主题网站中添加社交按钮,效果如以下截图,点击后可以进入自定义的社交平台页面。1.仪表盘中选择 Appearance - Widgets2.左侧小工具中选择 Qode Social Icon...
Bridge主题系列教程—如何设置幻灯片模块 在网站设计中,首页里经常会出现幻灯片模块,用于宣传推广、推荐资讯等,那么在Bridge主题中,一般如何设置幻灯片模块呢? 接下来给大家介绍一个常见的设置方法:  1.进入主题选项 Slider Revolution2.选择新建滑块...
Bridge主题系列教程 – 如何一键添加所有二级页面的Banner Title 我们在使用Bridge主题进行wordpress建站的时候,每个内页都有一个顶部banner,如下图所示。顶部banner图片有时相同有时不同,下面将带领大家一起设置顶部banner图片的两种方法。 1.进入主题选项 Qode Options2.选择Title3.T...

One thought on “Bridge主题系列教程——如何使用portfolio添加修饰你的项目案例展示

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.