Project Description

更新日期: 2017-10-20

在Wordrepss默认主题情况下,有Post和Page两种类型来制作不同需求的页面,而在使用了大多数付费主题之后,通常会新增了一个Portfolio类型的可以用来制作页面。

在Post、Page和Portfolio三种不同的页面类型中,建立产品页、分类页等该如何选择呢?

实际上,在Avada主题中,这3种类型页面中,都会有Fusion Builder的编辑界面和Fusion Page Options,也就意味着可以针对每个页面都做到内容、侧边栏、底部、头部 等全方位的可定制化。也就是从只是制作单个页面上来说,用哪一种问题都不太大,但是我们需要考虑到网站的层级结构问题。

Page没有Page Category这个概念,而Post和Portfolio是分别所属Category的这么个概念的。所以对于那些Home、About us、Contact us等这些不需要对他们进行分类的页面,我们就可以选择用Page来新建,而对产品详情页、新闻页这些可能会有所属分类的页面呢,我们就可以选择用Post及Portfolio来创建。

建议如下:

  • Home、Abouts us这类页面,用Page创建
  • 产品详情页,用Portfolio创建
  • 产品分类页,用Page创建,在Fusion Builder中 调用 Portfolio Elements来实现在分类页对产品图及概述的展示
  • News,或其他分类的资料(比如USEON案例中的Guides)用Post新建,Post中的分类名称可以在URL中体现出来。比如所有的新闻post的分类是news,所有的资料post的分类是pdfs, 那么:
    • 新闻页的url结构大概是: www.domain.com/news/xxxx/
    • 资料详情页的url大概是:www.domain.com/pdfs/yyyyy/

当然,用Portfolio做产品,会遇到2个小问题:

  • 默认的portfolio页面的url是 www.domain.com/portfolio-items/screw-extruder/ 这种格式,中间是有个 portfolio-items
  • 默认的portfolio category页面的url是www.domain.com/portfolio_category/screw-extruders/ , 中间有个 portfolio_category

下面我们来解决这2个问题:

修改Portfolio页面URL中的portfolio-items

找到Portfolio Slug 设置项,在 Theme Options -> Portfolio -> General Portfolio 中的最下面一项。修改这一项务必注意2个事情:

  • 当Portfolio Slug改成了product ,那么不论是post、portfolio还是page中新建的页面,其自定义URL,都不能再用 product
  • 设置完这个地方之后,打开页面可能还会报404错误,这时需要去 Dashboard -> Settings -> Permalinks 中重新点下 Save Changes。

Portfolio分类页url中的 portfolio_category 如何处理

虽然现在Avada主题提供了可以把 portfolio_category 修改成其他内容的设置选项,但是我并不建议去做修改。

问题的本质在于默认的这个分类页,你并不能进行编辑,没法去做更多的修改,只能默认的展示这个分类下的portfolio。所以我们才不想用默认的portfolio category页面来做产品分类页,但是这个链接确实会在面包屑导航中出现。

那这就会导致一个问题了:面包屑中的这个分类链接,不是我们自己创建的对应的分类页面,同一类别有2个URL,分别是:

  1. /portfolio_category/产品类别/
  2. /产品类别/

大部分时候第一反应是:怎么去把面包屑中的这个分类链接改成我们想要的?那势必要改代码,还不一定能改成。

换个思路,我们只需要确保这些系统默认portfolio分类的URL做301到相应的自建的Page的URL,那问题也就解决了。

方法一:使用Yoast SEO插件来写重定向的规则

首先要安装Yoast SEO插件,利用这款插件的文件编辑功能来修改 .htaccess ,从 SEO菜单 -》 Tools -》 File Editor , 可以找到 .htaccess的编辑界面。
在如下图位置,开始增加下面的这个指令, 每个产品类别增加一行。

redirect permanent /portfolio_category/产品类别/  /产品类别/

方法二:安装Redirection插件

直接在 Dashboard->Plugins->Add New中搜索Redirection,安装并激活排在第一位的插件。
然后在 Dashboard->Tools->Redirection 中进行设置即可,如下图所示:

相比较而言,第二种方法不需要会重定向规则的写法,也不会因为安装Cache等其他插件导致.htaccess文件被覆盖后又要重新添加。不过就是多安装了1个插件而已。

关于 Portfolio、Blog的相关Theme Options中的设置,详见:

《Theme Options简介中Blog部分》

《Theme Options简介中Portfolio部分》