建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

Wordpress建站教程:不用WooCommerce怎么做B2B网站添加产品?(WordPress古腾堡编辑器支持自定义分类法的方法)

GG网络技术分享 2025-03-18 16:13 0


Wordpress建站教程:不用WooCommerce怎么做B2B网站添加产品?

作者:悦然wordpress建站(悦然建站)

(此处已添加小程序,请到今日头条客户端查看)


继续分享wordpress建站教程。不管是中文wordpress建站还是英文外贸建站,大多数情况下我们做的都是B2B类型的营销展示型网站,网站需要展示产品,所以有很多人可能会选择一些国外的商城wordpress主题,里面会有WooCommerce插件。


使用WooCommerce插件本身没什么问题,但是只做B2B网站不直接在线销售产品的话WooCommerce插件就有点大才小用了,而且低配置的虚拟主机或服务器运行WooCommerce插件会非常吃力!如果你的服务器配置比较低,不想使用WooCommerce插件,但同时又希望wordpress建站后台增加一个专门的产品分类,那么可以自己动手添加一个。


方法一:使用代码


之前悦然wordpress建站看到有些人发过这类代码,但都只放了一张截图出来,没办法看清楚,所以我给大家直接把代码贴出来,话不多说,直接看下面吧。


add_action( 'init', 'create_product_post_types' );

function create_product_post_types() {

register_post_type( 'product',

array(

'labels' => array(

'name' => __( '产品中心' ),

'singular_name' => __( '产品中心' ),

'add_new' => __( '添加' ),

'add_new_item' => __( '创建' ),

//'edit' => __( 'Edit' ),

// 'edit_item' => __( 'Edit Super Duper' ),

'new_item' => __( '所有产品' ),

//'view' => __( 'View Super Duper' ),

//'view_item' => __( 'View Super Duper' ),

'search_items' => __( '搜索' ),

'not_found' => __( '没有搜索到' ),

'not_found_in_trash' => __( '没有搜索到' ),

//'parent' => __( 'Parent Super Duper' ),

),

'public' => true,

//'rewrite' => array('slug' => 'job'),

//'menu_position' => 15,

'supports' => array( 'title', 'editor','thumbnail','excerpt', 'author' ),

//'taxonomies' => array( '' ),

//'menu_icon' => plugins_url( 'images/image.png', __FILE__ ),

'has_archive' => true,

)

);

}

//自定义文章的分类功能

add_action( 'init', 'create_product_taxonomies', 0 );

function create_product_taxonomies() {

register_taxonomy(

'product_genre',

'product',

array(

'labels' => array(

'name' => '产品分类',

'add_new_item' => '添加分类',

'new_item_name' => "新分类"

),

'show_ui' => true,

'show_tagcloud' => false,

'hierarchical' => true

)

);

}


大家可以把上面的代码添加到当前wordpress建站主题的functions.php文件中,或者是添加到Code Snippets插件中,效果一样。


​然后我们来看看效果,如上图所示,wordpress建站后台多出了一个产品中心,这里可以单独添加产品分类和产品,产品默认的是经典编辑器,和WooCommerce插件基本一样,不过可编辑的属性基本没有,使用方法和写文章差不多。这种方法比较适合对产品展示效果要求不高的用户,当然你也可以继续完善上面的代码,或者是使用CSS来美化,但这样就背离的简单方便的本意了,所以还是看下面吧。


方法二:使用插件


最简单的方法还是使用插件,目前此类插件有很多,但是它的展示风格可能与我们常规的产品展示不太一样,大家做wordpress外贸建站时,使用的国外wordpress主题很多都是Portfolio类型的插件,或者是主题直接集成了,翻译过来叫投资组合插件,可以展示服务、案例,其实也可以直接用来展示产品。下面推荐的wordpress插件为Portfolio by BestWebSoft。


​这款插件可以直接在wordpress建站后台搜索下载,可以免费使用。



​Portfolio by BestWebSoft插件的产品展示效果如上图所示,图中的效果与我们常见的产品展示风格比较类似了,大家可以直接安装使用。


方法三:直接使用页面或文章来展示产品


如果是悦然wordpress建站自己做网站,我肯定会直接使用wordpress自带的古腾堡编辑器来制作产品页面,这样最简单,可直接新建一个文章分类,就叫【产品中心】即可,然后就像写文章一样来上传产品。


​如果你觉得普通的文章结构展示产品图片不好看,那也可以直接使用古腾堡编辑器的区块来设计产品展示的样式。如上图所示,这就是悦然wordpress建站直接用古腾堡区块制作的一个产品展示模板,上面设置的一个两栏结构的分栏,左边是产品大图,左右是产品标题,和简单介绍,然后是询盘按扭,下面就是产品介绍的正文了。


这样是不是很简单呢?大家只需要活学活用就可以了,不要以为展示产品就一定只能使用插件,一定就要用我们自认为的那种产品展示格式,其实不管是怎么去展示产品,最重要的是内容,内容才是一切的核心。

WordPress古腾堡编辑器支持自定义分类法的方法

如何能够让我们新注册的WordPress自定义文章类型绑定对应的自定义分类法,并且让新注册的自定义文章类型支持最新的古腾堡修改器(Gutenberg)呢?

其实很简单,自定义分类法和自定义文章类型一样,想要被Gutenberg编辑器支持,需要在注册分类法时把参数show_in_rest设置为true。

解决方法

在注册自定义分类法的参数中,添加show_in_rest=>true,代码如下:

$args = array(    \\\'labels\\\' => $labels,    \\\'public\\\'            => true,    \\\'show_in_nav_menus\\\' => true,    \\\'show_in_rest\\\'      => true, //添加的参数    \\\'hierarchical\\\'      => true,    \\\'show_ui\\\'           => true,    \\\'query_var\\\'         => true,    \\\'rewrite\\\'           => true,    \\\'show_admin_column\\\' => true);register_taxonomy( \\\'topics\\\', \\\'product_type\\\', $args );

原因

可能是因为Gutenberg编辑器必须利用REST API进行更新和更改吧

标签: 小程序

提交需求或反馈

Demand feedback