WooCommerce配备了很多shortcode短代码(简码),可以直接在post帖子和page页面内插入内容,方便展示产品、分类等。 >以下是一些常用的woocommerce短代码 注意短代码不要放在
之间,""双引号和''单引号是在英文状态下 ---- page短代码 WooCommerce 如果没有您网站上的某个地方的前三个短代码 即如果你是正常安装woocommerce,它会自动创建cart、checkout、my account三个页面 ---- product短代码 [products]短代码允许您按帖子 ID、SKU、类别 、属性显示产品,并支持分页、随机排序和产品标签,取代了对多个短代码的需求。 ---- woocommerce短代码常见问题 变体产品 SKU 未显示 关于 SKU 短代码的使用,例如,变体产品 SKU 不打算单独显示,而不是父变量产品 SKU。在WooCommerce开发中,短代码是非常实用的工具,可以快速在页面、文章或小工具中嵌入电商功能。 以下是10个常用的WooCommerce短代码及其用途:产品展示短代码[products]功能:展示产品列表,可通过参数筛选(如分类、数量、排序等)示例:[products limit=”4″ category =”clothing” orderby=”popularity”]购物车短代码[woocommerce_cart]功能:显示购物车页面内容,包括已添加商品、数量调整和结算按钮结账页面短代码[woocommerce_checkout ]功能:显示结账表单,包括收货地址、付款方式等我的账户短代码[woocommerce_my_account]功能:显示用户账户页面,包括订单历史、地址管理等产品搜索短代码[woocommerce_product_search ]功能:添加产品搜索框产品分类短代码[product_categories]功能:展示产品分类列表示例:[product_categories number=”6″ parent=”0″]单个产品短代码
温馨提示:请将以下代码开头的 # 替换成 [ 否则将无法正常使用! WPJAM Basic 常用短代码扩展内置了一些可能经常使用到的「短代码」(Shortcode),让你在编辑文章的时候插入复杂格式的内容更加方便,目前支持的短代码(Shortcode)有这些: email #101;mail.com 这样的代码,机器人是很难收集的,但是普通用户则可以直接阅读,不受影响。 ,总有一种想死的感觉,要输入
| 等一堆代码,看着头都晕,实在是受不了了,所以就写了 table 这个 Shortcode 来快速插入表格。 :
#youku width="600" height="500"]http://v.youku.com/v_show/id_XXXXXXXXXXX.html[/youku]
后台短代码列表
另外还在后台列罗出所有的短代码 2.1K30编辑于 2023-04-25 来自专栏IT不难技术家园 woocommerce通过代码添加商品之核心代码前言 开发woocommerce批量发布商品插件的过程中,需要通过代码的形式将商品发布。分享用到的核心代码。包括商品创建、图片下载上传、变体商品添加。调试了好久,终于搞定。 核心代码 图片下载并上传媒体库 收到的产品链接,有时候不是标准链接,自己加上处理过程。 register_taxonomy( $attribute_name, apply_filters( 'woocommerce_taxonomy_objects $attribute_name, array( 'product' ) ), apply_filters( 'woocommerce_taxonomy_args_ false ); } $variation->set_weight( '' ); $variation->save(); } 完整插件 【效率插件】woocommerce 2.1K60编辑于 2023-11-17 来自专栏数据结构与算法分享 短代码-帮助文档短代码是主题提供的一种快速生成特定内容的方式。 短代码的书写方式为: [shortcode param="value"]内容[/shortcode] [shortcode param="value"/] 基本为以上两种写法,需要 Content 的使用第一行的写法 其中,shortcode 为短代码的名称,后面的列表中会提供,同一种样式可能会有一个或多个别名;例如短代码 hint 及 tip 其实是同一个短代码。 param="value" 为短代码的参数,内容 为短代码的内容(参数说明中将简称为 内容)。 目前可能可用的短代码列表 标签卡 短代码名称:tabs 说明 示例 效果 参数说明 生成一个多标签页的卡片 [tabs] [tab name="1"]内容1[/tab] [tab name="2"]内容 2.4K20发布于 2021-08-09 来自专栏日志 Mirages短代码使用短代码列表 一、按钮样式的链接 短代码名称:button、btn 说明 生成一个内置按钮样式的超链接。 tabs selected="2"] [tab name="标签页 1"]内容 1[/tab] [tab name="标签页 2"]内容 2[/tab] [/tabs] 效果 如你所见 三、提示及警告框 短代码名称 :file 说明 生成一个下载文件的卡片 示例 [file url="https://example.com/download.zip"]示例文件名[/file] 效果 示例文件名 五、标签 短代码名称 type="danger" outline]文字的颜色[/tag] [tag type="success" outline="1"]文字的颜色[/tag] 效果 图片 六、快速输入警告符: 短代码 /] 效果 快速输入: 七、回复可见 短代码:hide 说明 添加需要评论才可以查看的内容 示例 [hide]这里是评论可见的内容[/hide] 效果 图片 八、折叠框 短代码:collapse 2.9K40编辑于 2022-09-09 来自专栏夜梦星尘的折腾日记 Argon主题短代码介绍 一个短代码由标签、内容、和参数组成,和 HTML 有些类似。下面是一个短代码的结构。 不同标签名的短代码会被解析成不同的形式。 参数是对短代码中的附加内容,例如,你可以在一个提示短代码中,设置它的颜色、它的标题、图标等。 alert 是短代码的标签名称,foobar 是这个短代码的内容。这个短代码没有参数。 本文档会详细地对每一个短代码举例。 开始 本章节将介绍 Argon 主题提供的各个短代码的用法及效果。 TODO复选框 Argon 提供了一些短代码的支持。 在文章中插入短代码即可让其被解析。 在文章中插入短代码即可让其被解析。 介绍 该短代码可以插入一个标签。 76110编辑于 2024-08-20 来自专栏WordPress技术文章 woocommerce商城开发中短代码的应用举例在WooCommerce商城开发中,短代码(Shortcode)是快速插入动态内容和功能的核心工具。 以下是一些高频使用的短代码及实际开发场景示例,涵盖商品展示、购物车和结账流程、用户中心等模块:1.商品展示类短代码场景1:首页展示“新品上架”// 在首页模板或古腾堡区块中添加[recent_products 场景2:追踪订单// 在订单追踪页面[woocommerce_order_tracking]4.促销与动态内容场景1:限时促销倒计时// 结合短代码和自定义字段(需开发)[sale_countdown product_id="123" expiry="2025-08-30"]实现:通过add_shortcode()注册自定义短代码,读取商品促销截止时间。 Gutenberg兼容:使用register_block_type()将短代码转换为古腾堡区块(如WooCommerceBlocks插件)。 31700编辑于 2025-07-30 来自专栏话梅糖のAndroid学习 短代码-带有背景的Toast这里逐渐收集了本人自己编写的「短代码」和「重复发明轮子(Reinventing the wheel)」。 所有的短代码可前往 “时光”-“文章标签”-“短代码” 查看 DiyToast.class - 主要接口 /** * @author Administrator * @year 2019 * @Todo 2K20发布于 2021-03-16 来自专栏用户4822892的专栏 Woocommerce Trends 2020Woocommerce_TrendsTo_Follow_In.jpg Top Woocommerce Trends To Follow In 2020. Top Woocommerce Trends for 2020 Moreover, today we’re going to look at some of the few updates for top woocommerce trends to follow in 2020, so you too can meet up with the competition and expectations for Woocommerce Is Vastly Becoming A Profitable Platform No doubt, Woocommerce has proved to be a profitable This leaves Woocommerce as an eCommerce open-source plug-in to continue leveraging upon as a store owner 79921发布于 2019-12-10 来自专栏Hugo博客 新增音乐短代码功能支持在Hugo NexT主题中支持在文章的任意位置中直接使用music短代码来实现音乐的嵌入(单曲效果如上),也是支持在一篇文章中同时插入多个音乐播放器,其中所涉及到的参数说明如下所示: 参数名 默认 说明 ,默认为 true list-folded false 列表折叠,默认为 false list-max-height 340px 列表最大高度,默认为:340px 最后在需要使用音乐播放器的位置插入代码和效果如下 31900编辑于 2025-02-28 来自专栏话梅糖のAndroid学习 短代码-带有背景的Toast这里逐渐收集了本人自己编写的「短代码」和「重复发明轮子(Reinventing the wheel)」。 所有的短代码可前往 “时光”-“文章标签”-“短代码” 查看 DiyToast.class - 主要接口 /** * @author Administrator * @year 2019 * 1.4K00编辑于 2025-03-03 来自专栏草根博客站长Live 说说 WooCommerce 插件点击上方蓝字关注我们 玩儿过WordPress的估计都听说过WooCommerce插件吧? 明月其实很早的时候就接触和体验过WooCommerce插件了,严格意义上来说WooCommerce应该是WordPress平台下开源电子商务解决方案才比较确切些,也就是说WordPress+WooCommerce 说说WooCommerce插件 首先,WooCommerce由Automattic(WordPress.com和Jetpack的创建者)开发并提供支持。 更多可在WooCommerce GitHub代码库了解甚至加入到其中去。 而WooCommerce依托于WordPress生态圈,结合WordPress主题、插件的资源优势可以被组合出各种呈现形式的在线商城,近几年比较流行的外贸商城大多都是WordPress+WooCommerce 2.5K30发布于 2021-04-30 来自专栏Java架构师历程 给你代码:短链接生成原理8 次查看 短链接,顾名思义就是在形式上比较短的链接。最早存在于微博(如新浪微博,t.cn,url.cn)分享网址中。 比如这样的:t.cn/Aidjddvo 短链接的好处 内容需要(比如短信,微博中链接字数的限制);便于管理(方便后台跟踪点击量,便于统计);用户友好(看起来很Cool,提升用户体验)大致思路是定义一个URL 映射算法,将长的URL映射到短的URL,使用数据库或缓存文件存储映射关系,实现映射算法。 = chr($s + 55); } $str .= $s; $x = floor($x/62); } return $str; } 专属中转服务器 如果自己想搭建一个类似于http://url.cn的短链接生成服务器 ,需要将所有请求重写到处理脚本: RewriteEngineOn RewriteBase/ RewriteRule. index.php 短链接存储方案 因为存储后端实现方式不一,主要思路是将生成的短链接标识存储到数据库 2.9K40发布于 2020-01-16 来自专栏ytkah woocommerce如何隐藏SKU有时我们不想在woocommerce网站前台显示SKU,如下图所示,因为sku一多整个排版可能会乱,那么要如何隐藏sku呢?随ytkah一起来看看 ? 在当前主题的function.php文件中加入如下代码 add_filter( 'wc_product_sku_enabled', 'ytkah_remove_product_page_sku' ); 当然,你也可以也可以做成插件的形式 看完这篇你会更喜欢这篇woocommerce如何隐藏/显示product meta 2.8K30发布于 2019-12-20 来自专栏WooCommerce WooCommerce获取30天内销售最多的产品在WooCommerce里,WooCommerce本身并没有一个现成的短代码能直接“列出最近30天内销量最高的前N个商品”。要实现这个功能,最干净、可复用的做法是自己写一个自定义短代码。 以下是一段可直接放到主题(或子主题)的functions.php、或做成一个小插件的代码,它会注册一个短代码:/** * 短代码 [top_sellers_30days] 列出过去 30 天销量最高的商品 '; } // 使用 WooCommerce 自带的 product loop 模板 ob_start(); woocommerce_product_loop_start (); wp_reset_postdata(); return '<div class="<em>woocommerce</em> columns-' . esc_attr( $atts['columns'] '</div>';}使用方法把上面<em>代码</em>放进主题的functions.php或做成一个小插件(推荐用CodeSnippets插件)。28110编辑于 2025-07-31 来自专栏WordPress技术文章 wordpress独立站首页调用产品的三种方法使用WooCommerce内置功能如果你的WordPress站点使用了WooCommerce插件来管理产品,你可以利用它的内置功能来展示这些产品。 最新产品:在页面编辑器中,添加一个“最新产品”的短代码 `[recent_products per_page=”4″ columns=”4″]`,其中`per_page`控制显示的产品数量,`columns 最热门产品:WooCommerce没有直接的“最热门产品”短代码,但你可以通过查看销售量来手动选择热门产品,或者使用插件来自动根据销售量排序。 推荐产品:你可以使用“特色产品”短代码 `[featured_products per_page=”4″ columns=”4″]` 来展示推荐产品。 如果你不熟悉代码,使用插件可能是最简单的方法。如果你需要更高级的定制,可能需要编写自定义代码。原文http://www.dulizhan.hn.cn/jianzhan/64.html 2K00编辑于 2024-11-16 来自专栏WordPress果酱 WPJAM「内容模板插件」新增标识参数短代码WPJAM「内容模板插件」最早的时候,短代码只支持 ID,但是有些同学反馈内容模板多了,ID 记不住,更可怕的时候,由于网站重建,重新导入一下 WP,所有的内容模板 ID 都变了,所有使用了内容模板的文章都得修改 这么一说,貌似内容模板使用标识也有挺有道理,我就升级「内容模板」到版本3.1,在内容模板编辑页面,支持输入标识: 这样内容模板的短代码除了 ID 之外还支持 name 的参数了: 除了这个更新之外之外 编辑器 添加下划线等按钮,支持截屏贴图等 标题设置 一键设置 WordPress 所有页面的页面标题 登录优化 一键优化 WordPress 登录注册界面,并支持第三方账号登录和绑定 内容模板 通过短代码在内容中插入一段共用的内容模板 配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。 1.2K40编辑于 2023-04-14 来自专栏ytkah woocommerce模板制作简易教程woocommerce是wordpress里比较好用的电商解决方案,但是制作woocommerce模板相对比较复杂,如果想用woocommerce来建一个展示型的网站,不带下单功能,我们可以很快就能把模板设计出来 /plugins/woocommerce/templates/下所有文件到/wp-content/themes/ytkah/woocommerce/(如果没有woocommerce文件夹,新建一个) 2、在/wp-content/themes/ytkah/function.php中添加add_theme_support函数,代码如下 add_theme_support( 'woocommerce' 4、产品列表页模板路径是/wp-content/themes/ytkah/woocommerce/archive-product.php,可能会用到的代码 <? woocommerce_template_single_rating - 10 @hooked woocommerce_template_single_price - 10 @hooked woocommerce_template_single_excerpt 4.3K20发布于 2019-06-24 来自专栏ytkah 禁用woocommerce默认样式stylesheet用woocommerce建站有时我们不想要它的默认样式,那要如何屏蔽呢? 当然ytkah是不会告诉你去注释删除css代码的,默认情况下WooCommerce会嵌入3个样式表,我们可以通过在当前主题的function.php文件中添加以下代码禁用它们, add_filter( 删除默认的WooCommerce样式表并加入自己的队列将在WooCommerce核心更新期间保护您。 上面是屏蔽所有默认样式,如果你想禁用特定的样式表(如:你不想包含处理样式表),你可以使用以下代码: /** * Set WooCommerce image dimensions upon theme '/css/woocommerce.css' ); if ( class_exists( 'woocommerce' ) ) { wp_enqueue_style( 'mytheme-woocommerce 2.1K10发布于 2020-02-13 |