如何自己制作详情页

核心提示继续分享wordpress建站教程,今天给大家简单分享一下woocommerce产品详情页的定制修改方法。大多数情况我在做wordpress外贸建站项目时,不管是做B2B产品展示型网站还是B2C电商型网站,都会优先考虑wordpress+w

继续分享wordpress建站教程。今天给大家简单分享一下woocommerce商品详情页的定制和修改方法。大多数情况下,我在做wordpress外贸网站建设项目的时候,不管是B2B的产品展示网站,还是B2C的电商网站,我都会优先考虑wordpress+woocommerce的组合,因为效果好,成本也比较低。woocommerce插件提供了比较完整的产品展示功能,我们不需要单独设计开发。

因为woocommerce应用广泛,可能有些用户觉得woocommerce默认提供的商品页面或者详情页不是很好,想要修改定制。虽然有点麻烦,但肯定是可以的。下面就拿悦然wordpress的网站来和大家分享几种方法。

方法一:使用匹配主题的woocommerce定制功能。

目前大多数成熟的wordpress外贸建站主题都集成了woocommerce页面的定制和修改功能,如BLOCKSY、ASTRA等。,您只需进入主题的自定义设置即可进行相应的修改和调整。

如上图,这个主题可以修改和调整woocommerce的商品店铺/类目页面和商品详情页面,比如修改图片显示风格、效果、字体等。并控制侧边栏。

方法2:使用Elementor Pro编辑器

如果需要对woocommerce产品页面进行更复杂的修改,也可以使用Elementor Pro editor,通过它可以做出不同于默认产品页面风格和结构的效果。在Elementor Pro editor中,我们可以为单个页面指定一个额外的模板,如上图所示。这种方式虽然可定制性更强,但是成功率会相对较高。至少需要单独购买Elementor Pro editor的许可证,一年49美元。如果算上定制改装的成本,那就更高了。

方法三:用CSS修改

如果你想对woocommerce产品页面做一些简单的定制,但是主题没有提供相应的功能,又不想用Elementor Pro editor,那么你可以尝试用CSS来修改,这需要一定的CSS代码知识。

在某些主题中,woocommerce产品页面主题默认是无边框的。例如,如果我们想给所有图像添加边框,我们可以简单地修改CSS。如上图所示,其效果由下面的CSS代码控制。

边框:2px纯色rgb

但是使用CSS代码进行修改还是有很多局限性,不适合普通wordpress网站用户。

方法4:使用插件

有一些woocommerce插件可以通过功能和定制来修改,比如文件上传功能等。,但这种支持插件往往是一个功能一个插件。如果想完全达到想要的效果,还是有难度的。即使勉强意识到,也可能要叠加很多插件,可能会对网站的整体属性产生一些负面影响。

方法五:定制开发。

悦然wordpress网站还没建好,就接到了woocommerce页面定制的复杂需求。如上图所示,用户想实现一个标签的在线定制功能,想让客户直接在产品页面上传产品选择字体生成设计图,然后计算价格下单购买。这种效果在各种已知插件中都无法完全实现。如果想达到同样的效果,可能只有定制开发,需要程序员做开发,写代码。是一个很复杂的项目,所以价格成本会比较高,找人做可能不太容易。

摘要

不过悦wordpress网站感觉woocommerce的默认商品页面结构已经很不错了。如果不是特别必要,可以直接使用其默认样式。可以利用主题提供的简单定制功能进行一些简单的修改和定制,但没必要做得太复杂。这不仅仅是从wordpress网站建设的成本来看,更是从实际的SEO效果来看,因为这些复杂的页面很多都是不利于SEO优化的,不适合中小型网站。

作者:悦然wordpress网站

 
友情链接
鄂ICP备19019357号-22