让WooCommerce的订单通知信里面的商品名称附带商品网址的程序码

使用WooCommerce架设购物网站，预设的订单通知信里面，「商品名称」都是「纯文字」呈现，并不会加入「商品网址」。
像下图这样：

如此一来，当访客收到订单通知信，想要再回去看所购买的「商品页面」，就会比较麻烦。
此外，对於店家来说，也可能丧失了访客回头的机会。

如果能将「商品网址」也添加到「订单通知信」里面的「商品名称」中，不但方便访客再回到店里，也能增加下一次访客回店消费的机会。

添加之後就会像下图这样，「商品名称」呈现出「可以点选」的网址，点击之後会连回「该商品页面」：

将商品网址自动加入订单通知信的程序码

/**
 * 名称：将商品网址自动带入订单通知信
 * 操作方式：将整段程序码复制贴上到主题的function.php档案中，或者是CodeSnippet外挂中
 * 提供者：miriammibao.com
 * 相容：与WooCommerce Version 4.7.0 测试没问题
 */
add_filter( 'woocommerce_order_item_name', 'miriammibao_product_title_with_link', 10, 2 );
function miriammibao_product_title_with_link( $item_name, $item ) {

    $_product = wc_get_product( $item['variation_id'] ? $item['variation_id'] : $item['product_id'] );

    $link = get_permalink( $_product->get_id() );

    return '<a href="'. $link .'"  rel="nofollow">'. $item_name .'</a>';
}

操作方式：

有2种，我自己更喜欢使用「CodeSnippet」

第一种：将上面的程序码复制贴上到主题的function.php档案中

1. 找到function.php档案
   function.php档案位於主机资料夹里面的public_html（俗称根目录）>wp-content>themes>目前使用的子主题，进去之後就能找到名为function.php的档案
2. 下载function.php档案到电脑里。
3. 多复制一份当作备份，避免档案修改後出错。
4. 打开档案＋贴上程序码，接着储存。
5. 上传修改後的档案，并且覆盖原始档案。
6. 完成＋检查

第二种：使用CodeSnippet

1. 安装＋启用「CodeSnippet」外挂
2. 点击「Add New」，创建新的程序码
3. 将上面那段程序码贴入
4. 选择「Run snippet everywhere」
5. 点击「Save Changes and Activate」
6. 完成＋检查

我非常推荐「CodeSnippet」这套外挂。

它具有以下五大优点：

1. 倘若经常需要客制化CSS或JS样式、php hook或者是添加程序码到head或foot，有这套外挂，一切搞定。
   不用再为了要添加「Google追踪码」或「Adsense程序码」，又得安装另一个外挂。
2. 最重要的是，不用再担心「换主题」之後，之前写入到旧主题的function.php档案的程序码还得搬来搬去。
3. 每个程序码都有自己的档案，管理上一目了然，还可以纪录每一段程序码的使用说明。不用总是在乱七八糟的function.php档案里面找资料。
4. 可以一键「启用」或「停用」指定的程序码，非常方便。
   不用为了要修改某一段程序码，还得先下载>再修改>再上传回去。
5. 它会自动帮「程序码」的基本架构侦错，避免错误的程序码结构导致网站崩溃。

它的介面就长下图这样，左边有个「蓝色按钮」，左右切换就能「一键启用」或「一键停用」指定的程序码：

我是温唯，我持续学习 WordPress架站 ，也持续撰写相关的 学习笔记 ...

来找我玩嘛！
我的网站｜这里记录了许多关於WordPress的学习日记
Instagram｜这里全都是我的假掰照片
facebook｜这里是我和读者聊天打屁的地方