如何缩短WooCommerce产品标题

如何缩短WooCommerce产品标题

　　有时 WooCommerce 产品标题太长，您想让所有 WooCommerce 产品标题的长度相同，同时您可能希望保持购物体验的一致性和简洁性。这就是您要做的

　　WooCommerce 商店页面的一个非常常见的问题：有时（尤其是在联属商店中），WooCommerce 产品标题太长并且超过几行，从而扰乱整体垂直对齐。

　　如果您网站上的产品标题过长且杂乱，您可以使用一小段代码将其缩短。这对于保持产品网格布局的简洁明了尤其有用。在本文档中，我们将为你介绍如何缩短WooCommerce产品标题的过程。

　　推荐：[最新版]WordPress WooCommerce AJAX搜索插件FiboSearch Pro插件

使用CSS将所有WooCommerce产品标题限制为一行

.woocommerce ul.products li.product h3 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

　　推荐：如何在WordPress中正确添加css样式和js脚本

如何限制 WooCommerce 产品标题

　　在开始之前，请确保您可以访问 WordPress 管理面板。然后，您可以按照以下附带的分步指南来限制 WooCommerce 产品标题。

• 登录到您的 WordPress 管理面板。
• 导航到“外观”并点击“主题编辑器”。
• 在右侧，您将看到主题文件列表。查找子主题的 functions.php 文件。它应该位于主题目录中。
• 单击“functions.php”文件打开进行编辑。
• 打开 functions.php 文件后，您可以在文件末尾添加以下代码片段。
• 添加代码片段后，请务必保存更改。只需点击编辑窗口底部的“更新文件”按钮即可

将所有 WooCommerce 产品标题限制为最大字符数

 
// Note: this is simple PHP that can be placed in your functions.php file
 
add_filter( 'the_title', 'bbloomer_shorten_woo_product_title', 9999, 2 );
 
function bbloomer_shorten_woo_product_title( $title, $id ) {
   if ( is_shop() && get_post_type( $id ) === 'product' ) {
      return substr( $title, 0, 15 ); // last number = characters
   } else {
      return $title;
   }
}

将所有 WooCommerce 产品标题限制为最大字数

 
function bbloomer_shorten_woo_product_title( $title, $id ) {
   if ( is_shop() && get_post_type( $id ) === 'product' ) {
      return wp_trim_words( $title, 4 ); // last number = words
   } else {
      return $title;
   }
}

　　推荐：WordPress数据库优化以提高性能

　　推荐：Contact Form 7插件教程WordPress设置Contact Form表单插件