如何在 WordPress 子主题中设置店面参数
已发表: 2022-11-03假设您设置了 WordPress 子主题,您需要做一些事情来为您的店面设置参数。 首先,您需要在子主题的文件夹中创建一个名为 wc-template-functions.php 的文件。 在此文件中,您需要添加以下代码: /** * 根据主题的设计和样式表,以像素为单位设置内容宽度。 * * 优先级 0 使其可用于较低优先级的回调。 * * @global int $content_width */ function child_theme_content_width() { $GLOBALS['content_width'] = apply_filters( 'child_theme_content_width', 640 ); } add_action('after_setup_theme', 'child_theme_content_width', 0); /** * 调整图片附件模板的 content_width 值。 * * @return void */ function child_theme_template_redirect_content_width() { if ( is_attachment() && wp_attachment_is_image() ) { $GLOBALS['content_width'] = 810; } } add_action('template_redirect', 'child_theme_template_redirect_content_width'); /** * 删除默认的 WooCommerce 包装器。 */ remove_action('woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10); remove_action('woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10); if ( ! function_exists( 'child_theme_wrapper_start' ) ) { /** * 将所有 WooCommerce 内容包装在与主题标记匹配的包装器中。 * * @return void */ function child_theme_wrapper_start() { ? > 另一方面,子主题没有自己的代码、样式或功能作为主主题或父主题。 用户不必担心更新主题后会丢失他们最喜欢的自定义,因为它允许他们自定义主题。 在本课程中了解如何为 WooCommerce 的店面主题创建子主题。 如果要更改主题,最好使用子主题。 当您选择子主题时,您可以更改它以满足您的需要或愿望。 如果您没有使用 CSS 和 PHP 的经验,创建自己的子主题可能会很困难。 没有好的父主题。将子主题添加到 WordPress 主题的第一步是创建一个 .zip 文件。 您必须将“父样式”设置为依赖项才能加载子主题样式表。 不,我们不会教你如何使用 CSS。 在一篇文章中,您将无法涵盖所有内容。 当您安装它时,您必须通过单击“激活”按钮来激活它。 选择外观后,您可以激活您的子主题。 如果您选择使用子主题,您可以自由更新您的主题而不会丢失任何功能。 现在,有几个可用于 Storefront 的子主题。您如何在 Woocommerce 中编辑子主题?图片来源:dreamhost 要在 WooCommerce 中编辑子主题,您需要通过 FTP 访问您的站点,然后在 / 中编辑相应的文件wp-content/themes/your-child-theme-name/ 目录。 或者,您可以直接在 WordPress 管理员中的外观 > 编辑器下编辑您的子主题文件。WooCommerce 是 WordPress 上使用最广泛的电子商务平台。 WordPress WooCommerce 与其主要竞争对手 WordPress 一样,是一个完全可定制的平台。 使用现有的几个子主题之一来创建更好的网站并促进销售是一种很好的方法。 此外,您的商店还有大量扩展来扩展其功能。 您可以通过编辑或创建新模板来根据您的规格自定义 WooCommerce。 您将能够使用此功能在您的商店管理购物车和结帐流程。 如果您还没有,请查看我们的教程以创建 WooCommerce 子主题。在本教程中,我们将介绍如何在结帐过程中添加或修改功能。 在某些情况下,您可能需要更改结帐字段或购物车页面的显示方式。 您将学习如何使用 WooCommerce 模板以及您的子主题来做到这一点。 下面的代码片段应该添加到您的函数文件中,以便在不需要 Order comments 字段时可以将其删除。 通过创建自定义模板,您可以完全更改现有模板的功能或添加新模板。 您可以通过创建新目录来使用子主题 woocommerce 创建自定义文件。 此方法将用于启用 WooCommerce 中匹配模板文件的覆盖。有几个基本模板可用于定制商店特定部分的外观; 在此示例中,可以使用模板来完成此操作。 您不需要扩展来使您的网站完全按照您的意愿运行,因为您将能够编辑 WooCommerce 子主题和模板文件。 定制你的网站对某些人来说是困难的,但如果你熟练,只要你深入代码,你就能成功。店面子主题摄影:wordpresssoft店面子主题是一个继承了店面主题功能并增加了自己独特性的主题特点和风格。 子主题是修改现有主题的最佳方式,可让您保持原始主题不变并避免与未来更新发生冲突。Homestore 是一个子主题,旨在与官方 WooCommerce 主题 Storefront 一起使用。 主页菜单项现在出现在屏幕左侧。 单击菜单时,您可以添加一个显示在主页旁边的自定义菜单。 导入 WooCommerce 虚拟数据以简化为您的网站创建演示产品。 菜单的管理类似于任何其他 WordPress 菜单。 有几个选项可用于切换类别,包括拖放它们。 对于内容,只需删除任何现有内容。以下代码可用于使用 Text 小部件在页脚区域调用操作。 该插件可用于隐藏您网站上任何页面的标题,允许您这样做。 将其添加到主页内容的简码由 Storefront Product Hero 扩展提供。 如果 Homestore 中的 functions.php 文件发生更改,将不再更新。 如果您想将代码片段添加到插件中,您应该这样做。
