//禁用古腾堡编辑器和小组件
add_filter('use_block_editor_for_post', '__return_false');
add_filter( 'gutenberg_use_widgets_block_editor', '__return_false' );
add_filter( 'use_widgets_block_editor', '__return_false' );
remove_action( 'wp_enqueue_scripts', 'wp_common_block_scripts_and_styles' );
注意：该教程适仅用于WordPress独立站！如果你的网站是Shopify搭建的，请参考该教程：https://fengjiajun.com/4822.html众所周知，当我们开了一个全新的谷歌广告账户后，首先需要解决的一个问题就是安装配置谷歌分析GA4和广告的转化跟踪代码到我们的网站；安装的方式一般有2种：1，GA4导入：直接在ADS后台将GA4的转化事件导入，简单快捷，这种方式比较适合新手，只需要安装一个GA4插件即可，但在灵活性和自定义事件方面比较欠缺；2，GTM配置：即Google Tag Manager谷歌跟踪代码管理器，需要先在ADS后台生成内置的转化事件，然后将这个转化集成到Google Tag Manager谷歌跟踪管理器，可以实现更精准的数据跟踪和各种自定义，包括增强型转化；但对新手来说可能有一定的难度；第一种方法这里就不细说了，毕竟安装一个插件就能搞定；所以这里就详细介绍一下第二种，即利用Google Tag Manager来配置，但该方法有一定的门槛，所以为了节省新手朋友的时间和精力，我已经做好了一个Google Tag Manager的数据跟踪模版，你只需要下载这个模版【点击下载Google Tag Manager跟踪模版】，然后导入你自己的Google Tag Manager账户即可；导入之后，你的Google Tag Manager账户就能实现以下功能： 集成谷歌分析GA4； 集成谷歌广告的【添加到购物车】转化； 集成谷歌广告的【开始结账】转化； 集成谷歌广告的【购买】转化； 集成谷歌广告的【增强型转化】；如果你对这个感兴趣的话，请继续查看使用方法：1，登录GTM官网https://tagmanager.google.com，注册一个账户，绑定你的网站，然后会生成一个GTM ID，这里就不细说了；2，登录WordPress后台，安装插件https://wordpress.org/plugins/duracelltomi-google-tag-manager；安装后启用，然后来到插件的配置模块：填入上面生成的GTM ID，并将container开启；启用下面的2个选项：到此为止，WordPress后台的配置完成； 接下来演示一下如何导入下载的数据跟踪模版：进入Google Tag Manager谷歌跟踪代码管理器的后台，点击左上角的【管理】，再点击右边的【导入容器】；【选择容器文件】就是将上面下载的数据跟踪模板json格式的文件上传进去；【选择工作区】可以选择现有的工作区；【选择导入选项】可以选择覆盖；这样就完成了数据跟踪模板的导入。 接着，我们来到Google Tag... read more
喜欢查看网站源代码的同学可能留意到这个细节，WordPress系统网站的js和css脚本文件，后面一般都有一个后缀参数ver=xxx，如下所示： <link rel='stylesheet' id='elementor-icons-css' href='https://fengjiajun.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.29.0' media='all' /> 那么你有没有想过这个参数是什么意思，有什么作用？在Web开发中，确保用户始终访问最新的文件版本是一项挑战。缓存策略虽有助于提升网页加载速度，却也可能导致用户在更新后仍访问旧版本的脚本或样式表。本教程将围绕ver=参数在URL中的应用，解释其如何帮助解决这一问题。什么是ver=参数？ ver=参数常见于引入外部脚本或样式表的URL末尾。例如，在以下URL中：https://www.example.com/js/script.min.js?ver=1.2.3 ver=1.2.3指定了文件的版本号为1.2.3。此参数的存在，使得Web开发者能够明确控制和更新网站上使用的特定文件版本。ver=参数的作用 避免缓存问题：当文件更新后，通过改变版本号，可以确保用户的浏览器请求最新版本的文件，而不是从本地缓存加载旧版本。 维护方便：版本控制参数使得在进行网站维护或更新时，能够轻松地管理不同版本的文件。常见问题 如果不更新ver=参数会怎样？ 如果不更新版本号，即使文件本身已更新，用户的浏览器可能仍然从缓存加载旧版本的文件。结论 在Web开发中，使用ver=参数进行版本控制是一个简单而有效的策略，能够确保用户总是访问最新版本的文件，避免因缓存问题而引发的错误或不一致性。通过合理管理版本号，可以提高网站的稳定性和用户体验 read more
当客户到达WordPress独立站的结账页面时，需要首先输入邮箱地址等信息，不知道你有没有发现，输入邮箱地址等信息这个模块的标题，大部分的情况下，会默认显示为Billing details或者Billing & Shipping【至于显示哪个标题，可以到后台的woocommerce-settings-shipping-Shipping settings-Shipping destination路径进行更改，但这里的更改都不能直接显示为Shipping收货地址，所以姑且算是一个BUG】。有时候会给客户造成一个干扰，这里到底是输入Shipping收货地址还是Billing账单地址？为了打消客户这个困扰，我们可以直接对标题进行修改，改为Shipping收货地址，不就解决问题了！效果图如下所示：直接将下面的代码添加到WordPress后台的外观-主题文件编辑器-functions.php文件即可： add_filter('gettext', 'change_billing_details_title', 20, 3); function change_billing_details_title($translated_text, $text, $domain) { if ($text === 'Billing... read more
前言： 成为WooCommerce高级开发人员，请先掌握基础的HTML CSS JS PHP代码知识！成为WooCommerce高级开发人员的5个步骤：学习WooCommerce基础：您必须学习基础的理论知识，掌握基本的项目管理，知道应该避免的错误 逆向WooCommerce插件：为了自定义WooCommerce，您需要知道它是如何创建、编码和开发的 定制WooCommerce模块：必须熟悉WooCommerce的hook钩子（action和filter）、模板和代码段 集成WooCommerce功能：WooCommerce只是一个基础插件，并不能单独工作。您需要了解第三方集成，主题，托管，SEO，SSL，多语言，货币，支付网关等 排除WooCommerce故障：必须精通错误是由何处产生的，并能够快速解决步骤1：学习WooCommerce基础 不用说，如果您想成为高级的WooCommerce开发人员，则必须首先非常熟悉WordPress。“我们往往会忘记WooCommerce其实是WordPress的一个插件”，这是许多开发人员经常犯的一个错误。 所以请不要低估WordPress的基础知识。如果您有了扎实的WordPress基础知识，那么在WooCommerce的学习道路上将如虎添翼。想拥有扎实的WordPress基础知识，请参考下面的知识教程： WordPress Codex（https://codex.wordpress.org/Main_Page） WordPress术语（https://codex.wordpress.org/WordPress_Semantics） WordPress课程（https://codex.wordpress.org/WordPress_Lessons） WordPress子主题（https://codex.wordpress.org/Child_Themes） WordPress钩子（https://codex.wordpress.org/Plugin_API） WordPress故障排除（https://codex.wordpress.org/Troubleshooting） 高级WordPress（https://codex.wordpress.org/Advanced_Topics）看，掌握WooCommerce也意味着成为WordPress专家。毕竟，我们往往会忘记WooCommerce是WordPress的一个插件！好，假设您已经了解了WordPress的基础知识，现在是时候来深入学习WooCommerce了： 熟悉WooCommerce文档（https://docs.woocommerce.com/） 熟悉WooCommerce设置（https://docs.woocommerce.com/documentation/plugins/woocommerce/getting-started/settings/）步骤2：逆向WooCommerce插件 我强烈建议您在计算机上下载WooCommerce插件，然后打开所有文件夹和PHP文件。想全面了解WooCommerce，您需要在这里花费尽可能多的时间。 了解了一些术语（“语言”）将使您更好的编写代码，并更好地理解高级WooCommerce。 认真研究WooCommerce模板：打开woocommerce / templates文件夹，看看您是否了解这些PHP文件的功能（提示：它们生成了WooCommerce的页面，例如商店，产品，购物车等）。 了解action操作和filter过滤器之间的区别；了解在哪里可以找到WooCommerce钩子，以及它们的确切作用。步骤3：定制WooCommerce模块 现在您已经了解了所有理论知识，距离成为高级WooCommerce开发人员的道路越来越短。 学会通过CSS（样式）和PHP（功能）自定义WooCommerce； 学会使用子主题，并在其中放置所有自定义项； 识别正确的钩子或插件，（如果任务太复杂而无法实现可以尝试使用插件），动手编写代码。 在最初的几个月中，您将一无所知：为什么这样的代码片段可以为您实现那样的功能。但是通过查看示例，您可以加快了解这一过程的速度。步骤4：集成WooCommerce功能 前面我提到过，仅仅知道如何自定义WooCommerce是不够的。作为高级WooCommerce开发人员，您还需要熟悉以下功能： 多语言翻译 SSL协议 SEO搜索引擎优化 分析工具 网站加速 支付网关 电子邮件营销 开票 等等… 您需要知道什么插件是好的，什么插件是坏的。您需要知道如何将WooCommerce与第三方软件对接集成。 如果您想专门从事WooCommerce插件的编码和销售，则需要了解WooCommerce插件的世界。 如果您想专门研究扩展WooCommerce，则需要了解WooCommerce大型商店当前的所有问题，以及每个性能插件的优缺点。 如果您想真正成为专家，即使您自己不能完成任何任务，也需要知道如何回答WooCommerce问题。您需要知道而不是要做。 总会有一些与WooCommerce相关的东西，您将一无所知。步骤5：排除WooCommerce故障 老实说，这应该是第1步… 实际上，如果您的WooCommerce网站崩溃了，而您不知道发生了什么，则真的没有必要去学习上面的4条。 常见的一些故障： 空白页（500错误代码） 购物车是空的 结帐页面会一直“转” 因此，为了避免一些未知错误： 请在备份后再尝试更新WordPress插件和主题； 停止从WP编辑器自定义WordPress网站； 停止复制和粘贴未知来源的代码段； 停止安装多年未更新的WooCommerce插件。 read more
