Wordpress建站教程：修改Woocommerce结算页面表单

作者：悦然wordpress建站(悦然建站）

​之前使用wordpress+woocommerce制作商城网站时发现产品的结算页面不太符合国内用户的浏览习惯，比如国外都是名在前，姓在后的，而国内则是相反的。如上图所示，不止的名字，还有其它地址填写顺序也与国内用户习惯相差很大。

接下来悦然网络工作室就给大家分享如何修改简化woocommerce结算页面表单项目。

方法一：使用代码

具体原理就不说了，直接上代码。把以下代码添加到当前使用的wordpress建站主题functions.php文件中：

/**

* 调整结算默认字段

* 包括删除默认字段，修改字段，以及添加字段

*/

add_filter( 'woocommerce_default_address_fields', 'wordpresskt_mod_default_checout_fields' );

function wordpresskt_mod_default_checout_fields($fields) {

// 删除默认字段

unset(

$fields['last_name'], // 删除默认字段中的last_name成员

$fields['company'],

$fields['country'],

$fields['address_1'],

$fields['address_2'],

$fields['city'],

$fields['state'],

$fields['postcode']

);

// 修改字段

$fields['first_name'] = array(

'label' => '姓名', // 字段标记，会在字段前面展示

'required' => true,

'class' => array( 'form-row-wide' ), // 宽字段，会占满整行

'autocomplete' => 'given-name',

'autofocus' => true,

'priority' => 10,

);

// 添加字段

$fields['ad'] = array(

'label' => '地址',

'required' => true, // 一个必填字段

'class' => array( 'form-row-wide' ),

'autocomplete' => 'given-qq',

'autofocus' => true,

'priority' => 11,

);

// 添加字段

$fields['qq'] = array(

'label' => 'QQ',

'required' => true, // 一个必填字段

'class' => array( 'form-row-wide' ),

'autocomplete' => 'given-qq',

'autofocus' => true,

'priority' => 5,

);

return $fields; // 修改字段后一定要返回

​修改完成后的效果如上图所示，这样就简洁很多了。

方法二：使用插件

​这里给大家推荐的插件为：checkout-field-editor-and-manager-for-woocommerce。插件的使用非常简单，免费版的就可以满足我们的要求了。安装之后可以自由拖动产品结算页面的表单项目，不需要的项目可以隐藏。

​使用插件修改之间的产品结算页面表单如上图所示，这里使用是的woocommerce自带的表单元素，可以直接选择省份，功能比直接使用代码要多一些，使用也更简单一些，经过悦然网络工作室实测，这款插件基本不会拖慢网站速度，可以放心使用。

总结

wordpress建站配合woocommerce商城插件可以制作各种类型的商城网站，还可以在原来基础上对各种页面进行修改和定制，这是非常实用的商城网站建设解决方案，有很多外贸自建站商城就是这样制作出来的。

​

使用WordPress插件和添加functions.php代码，哪个好呢？

　　在面对安装一个WordPress插件或者将代码添加到主题的functions.php文件中这两种方法，很多用户都在思考到底哪个比较好呢？今天小编为大家分享一下使用WordPress插件和添加functions.php代码，哪个好呢？

　　这两种方法都是一样的，而且都是正确的。然而，许多用户想知道哪个更适合WordPress的速度和性能。一些用户担心安装过多的插件会影响他们的网站和WordPress安全的速度。另一些人担心添加自定义代码可能会破坏他们的网站，他们可能无法很容易地修复它。

　　让我们比较一下这两种解决方案，找出哪种方案更适合WordPress的性能。

　　一、functions.php文件的优缺点：

　　WordPress允许主题开发人员通过向Functions.php文件中添加代码来添加自定义功能。这个文件就像一个巨大的WordPress插件，可以用于向您的站点添加任何自定义代码片段。以下是将自定义代码添加到主题的Functions.php文件的优点。

　　1.优势

　　（1）您可以很容易地使用内置的主题编辑器来编辑管理区域中的functions.php文件；

　　（2）可以将所有代码片段复制并粘贴到一个文件中；

　　（3）您有机会学习代码并了解其工作原理；

　　2.缺点

　　（1）如果您切换主题，您的自定义代码将无法工作；

　　（2）除非您使用子主题，否则更新主题将覆盖Functions.php文件；

　　（3）这使得理解主题代码的结尾和自定义代码从何处开始变得更加困难；

　　（4）一些代码片段可能太大，需要额外的脚本和样式。

　　二、安装WordPress插件的优缺点：

　　WordPress插件就像你的WordPress站点的应用程序。它们包含链接到WordPress核心软件以提供更多功能和功能的代码。

　　1.优势

　　（1）WordPress插件不依赖于您的主题；

　　（2）如果它是相同的代码，它将具有与函数文件相同的性能影响；

　　（3）根据需要更容易禁用、更新或重新安装；

　　（4）易于管理，因为您知道每个插件的描述。

　　2.缺点

　　（1）您必须安装插件的更新；

　　（2）如果插件的作者是免费的，插件作者将来可能会放弃插件；

　　（3）你不会用代码练习。

　　对于使用WordPress插件和添加functions.php代码，哪个好呢？如果有一个WordPress插件具有相同的代码，那么我们认为使用插件是一个更好的选择。

　　就性能而言，代码在哪里运行并不重要。无论是从functions.php文件加载，还是作为单独的插件加载，如果是相同的代码，都会产生相同的性能影响。

　　管理单个插件比编辑单个大型功能文件容易得多。在同一个文件中添加随机代码片段会使事情复杂化，即使它们是无关的或相互依赖的。

　　如果您选择插件，您可以从未来的更新中获益，这可能会提高性能、修复错误或修复安全漏洞。

　　什么时候应该向functions.php文件添加代码？如果要添加的功能不能作为插件使用，而且代码段非常简单，则可以将其添加到主题的功能文件中。

　　另一种可能是添加与WordPress主题或子主题相关的功能。例如，创建新的图像大小、显示日期、在内容前后添加自定义代码等等。

　　如果您经常将自定义代码片段添加到您的站点中，那么有更好的方法可以这样做。您可以将它们保存在站点特定的WordPress插件中，或者使用代码片段插件来组织您的所有自定义代码。