微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

WordPress主题开发中如何实现文章相互关联wordpress主题开发中如何做好SEO优化

最近在帮客户定制开发一款wordpress虫草网站主题的时候,其中有两个自定义分类(不是自定义分类也没问题)分别是产品分类和商家分类,当然对应的都是产品文章和商家文章。最初客户提出的需求上要求商家介绍页面下面要有该商家经营的产品展示,点击链接可到产品详情页,在每个产品详情页下面还要有所有出售该产品的商家展示,点击商家链接到商家详情。一开始没想那么多,觉得很简单,直接用<span%20class="wp_keywordlink_affiliate">自定义字段插件Advanced Custom Fields(插件超详细使用方法)分别为商家详情页和产品详情页创建个关联字段,发布商家和产品的时候分别手动选择对应关联文章,然后在前台分别获取显示出来就可以了。所以我也就这么做了,如何使用Advanced Custom Fields插件制作关联文章可以查看:为wordpress页面文章手动添加自定义相关文章

但是快做好的时候,客户问了一句商家和产品是相互关联的吗?这个时候我突然意识到按照上面的方法是有问题的,商家选择完关联产品后,还要去产品中添加关联这个商家,虽然前端效果可以实现整体需求,但是操作太麻烦了。所以就想想怎么实现相互关联,也就是只需要在发布商家的时候关联一下产品就可以了,发布产品就不需要在手动设置关联的商家,因为他们之间关联的关系已经建立了。

最后终于摸索出来了,现在把思路分享出来,希望对大家有用(注意只是思路,不是把代码复制就能用,还要看你使用的是文章类型还是<span%20class="wp_keywordlink_affiliate">自定义文章类型,以及你创建的关联字段ID是什么等)

首先,为商家发布页面创建关联产品字段,我用了sjcp这个字段ID;

第二、发布商家的时候选择关联产品;

第三、在商家详情页模板文件中需要显示关联产品的地方利用下面的代码思路获取关联产品并显示,到此前台商家详情页显示关联产品就实现了。

<span%20class="kw2"><?PHP

<span%20class="re0">$posts <span%20class="sy0">= get_field<span%20class="br0">(<span%20class="st_h">'sjcp'<span%20class="br0">)<span%20class="sy0">;

<span%20class="kw1">if<span%20class="br0">( <span%20class="re0">$posts <span%20class="br0">)<span%20class="sy0">: <span%20class="sy1">?>

<ul class="index_productlist">

<span%20class="kw2"><?PHP <span%20class="kw1">foreach<span%20class="br0">( <span%20class="re0">$posts <span%20class="kw1">as <span%20class="re0">$post<span%20class="br0">)<span%20class="sy0">: <span%20class="co1">// variable must be called $post (IMPORTANT) ?>

<span%20class="kw2"><?PHP setup_postdata<span%20class="br0">(<span%20class="re0">$post<span%20class="br0">)<span%20class="sy0">; <span%20class="sy1">?>

<li>

<a href="<span%20class="kw2"><?PHP the_permalink<span%20class="br0">(<span%20class="br0">) <span%20class="sy1">?>" title="<span%20class="kw2"><?PHP the_title<span%20class="br0">(<span%20class="br0">)<span%20class="sy0">;<span%20class="sy1">?>">

<div class="productimg">

<span%20class="kw2"><?PHP the_post_thumbnail<span%20class="br0">(<span%20class="st_h">'product-thumb'<span%20class="sy0">,<span%20class="kw4">true<span%20class="br0">)<span%20class="sy0">;<span%20class="sy1">?>

<div class="readmore_icon">

<i class="glyphicon glyphicon-search"></i>

</div>

</div>

<h3><span%20class="kw2"><?PHP the_title<span%20class="br0">(<span%20class="br0">)<span%20class="sy0">;<span%20class="sy1">?></h3>

</a>

</li>

<span%20class="kw2"><?PHP <span%20class="kw1">endforeach<span%20class="sy0">; <span%20class="sy1">?>

<div class="clearfix"></div>

</ul>

<span%20class="kw2"><?PHP wp_reset_postdata<span%20class="br0">(<span%20class="br0">)<span%20class="sy0">; <span%20class="sy1">?>

<span%20class="kw2"><?PHP <span%20class="kw1">endif<span%20class="sy0">; <span%20class="sy1">?>

第四、这是最关键的地方,思路是获取所有商家设置的关联商品的ID,这里每个商家所关联的产品ID输出肯定是个数组,然后用in_array来验证获取的所有商家的关联商品ID数组中是否存在当前产品页的ID(<?PHP $Nowproid = get_the_ID(); ?> ),如果存在则把该商家显示出来就行了。代码整体思路如下:

<span%20class="kw2"><?PHP <span%20class="re0">$maixun_posts <span%20class="sy0">= <span%20class="kw2">new WP_Query<span%20class="br0">(

<span%20class="kw3">array<span%20class="br0">(

<span%20class="st_h">'post_type' <span%20class="sy0">=> <span%20class="st_h">'business'<span%20class="sy0">,<span%20class="co1">//自定义文章类型

<span%20class="br0">)

<span%20class="br0">)<span%20class="sy0">;

<span%20class="sy1">?>

<span%20class="kw2"><?PHP <span%20class="re0">$Nowproid <span%20class="sy0">= get_the_ID<span%20class="br0">(<span%20class="br0">)<span%20class="sy0">; <span%20class="sy1">?>

<span%20class="kw2"><?PHP <span%20class="kw1">if <span%20class="br0">(<span%20class="re0">$maixun_posts<span%20class="sy0">-><span%20class="me1">have_posts<span%20class="br0">(<span%20class="br0">)<span%20class="br0">)<span%20class="sy0">: <span%20class="kw1">while <span%20class="br0">(<span%20class="re0">$maixun_posts<span%20class="sy0">-><span%20class="me1">have_posts<span%20class="br0">(<span%20class="br0">)<span%20class="br0">)<span%20class="sy0">: <span%20class="re0">$maixun_posts<span%20class="sy0">-><span%20class="me1">the_post<span%20class="br0">(<span%20class="br0">)<span%20class="sy0">; <span%20class="sy1">?>

<span%20class="kw2"><?PHP <span%20class="re0">$glsj<span%20class="sy0">=<span%20class="br0">(<span%20class="kw3">array<span%20class="br0">)get_field<span%20class="br0">(<span%20class="st_h">'sjcp'<span%20class="br0">)<span%20class="sy0">;<span%20class="sy1">?>

<span%20class="kw2"><?PHP <span%20class="kw1">if<span%20class="br0">(<span%20class="kw3">in_array<span%20class="br0">(<span%20class="re0">$Nowproid<span%20class="sy0">,<span%20class="re0">$glsj<span%20class="br0">)<span%20class="br0">)<span%20class="br0">{<span%20class="sy1">?>

<li>

<a href="<span%20class="kw2"><?PHP the_permalink<span%20class="br0">(<span%20class="br0">) <span%20class="sy1">?>" title="<span%20class="kw2"><?PHP the_title<span%20class="br0">(<span%20class="br0">)<span%20class="sy0">;<span%20class="sy1">?>">

<div class="businessimg">

<span%20class="kw2"><?PHP the_post_thumbnail<span%20class="br0">(<span%20class="st_h">'business-thumb'<span%20class="sy0">,<span%20class="kw4">true<span%20class="br0">)<span%20class="sy0">;<span%20class="sy1">?>

</div>

<h3><span%20class="kw2"><?PHP the_title<span%20class="br0">(<span%20class="br0">)<span%20class="sy0">;<span%20class="sy1">?></h3>

</a>

</li>

<span%20class="kw2"><?PHP <span%20class="br0">} <span%20class="sy1">?>

<span%20class="kw2"><?PHP <span%20class="kw1">endwhile<span%20class="sy0">; <span%20class="kw1">endif<span%20class="sy0">; <span%20class="sy1">?>

到此,商品和产品相互关联就实现了,用户在关联的时候只需要在商品页关联一下产品,产品也会自动显示与之关联的商家。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐