随着 WordPress 的发展,自定义网站的机会呈指数级增长。想象一下拥有一个不仅功能齐全而且可以满足您需求的 WordPress 网站。无论您是初学者还是有一定经验,掌握这些自定义选项都可以显著增强您网站的外观和功能。 本文介绍了如何自定义 WordPress 的基本技巧,从使用 WordPress Customizer 到高级页面构建器和 Divi 等主题。深入了解我们的综合指南,了解如何让您的 WordPress 网站真正成为您自己的网站。
使用Brazildata在El Salvador的WhatsApp编号的综合 爱沙尼亚 WhatsApp 号码数据 数据库中解释新的营销可能性。我们的目标收集提供可靠的WhatsApp号码,使您可以直接与潜在客户联系。通过精确的数据和有效的细分,您可以增强外展和推动参与度。发现WhatsApp营销在El Salvador的影响,并立即通过Brazildata提升您的业务
总结
Divi 等主题和插件是在 WordPress 上实现广泛网站定制的最快方法。
了解如何使用完整站点编辑器和 Divi 等页面构建器自定义布局和菜单。
利用某些主题支持的WordPress Customizer从后端对整个站点进行视觉更改。
利用 Divi 的预制布局包和 Divi AI快速创建和定制页面。
目录
1 使用主题和插件自定义 WordPress
1.1 定制 WordPress 的最佳主题
2 自定义页面结构和菜单
3 使用定制器定制 WordPress
4 自定义单个页面
4.1 使用块编辑器自定义页面
4.2 使用 Divi 的可视化构建器自定义页面
4.3 使用 Divi AI 自定义和创建新页面
5 自定义 WordPress 主题模板
5.1 使用完整站点编辑器自定义模板部分
5.2 使用 Divi 主题生成器自定义主题模板
6 使用子主题自定义 WordPress
6.1 Divi 子主题
7 您将如何自定义您的 WordPress 网站?
7.1 精选 WP 定制工具
使用主题和插件自定
义 WordPress WordPress 主题和插件是定制网站外观和功能的重要工具。 定制 WordPress 的最佳主题 对于任何 WordPress 网站,您必须做出的第一个重大自定义决策是选择主题。这是您可以做出的最重要的设计决策。以下是我们的一些主要建议: 迪维 divi 主题 Divi被广泛认为是最可定制的 WordPress 主题之一。一些使其高度可定制的关键功能:
可视化、拖放页面构建器(Divi Builder),无需代码即可创建自定义布局和设计。
超过 1,000 个预制布局包和 100 多个完整网站包可供导入和定制。
能够直观地定制每个设计方面,例如颜色、字体、间距、动画等。
包括 Divi 主题构建器,用于直观地自定义页眉、页脚、类别页面等。
获取 Divi
阿斯特拉 阿斯特拉主题 Astra是一款流行的可定制主题,以其性能和灵活性而闻名:
WordPress 定制器中布局、设计、颜色、排版等选项具有高度可定制性。
轻量且加载速度快,占用最少的资源。
与Elementor、Beaver Builder 等流行的页面构建器无缝协作。
超过 180 个可立即使用的网站演示可供导入和定制。
生成新闻 generatepress 主题 GeneratePress是一个轻量级、注重性能的主题,具有广泛的定制功能。
具有高度可扩展性,具有挂钩、过滤器和附加组件来定制各个方面。
元素、博客、商务等高级附加组件可解锁更多自定义选项。
与 Beaver Builder、Elementor 等页面构建器集成。
加载速度快,膨胀最少,代码干净。
定制 WordPress 的最佳插件 虽然我们可以为您提供大量插件列表以及它们如何定制您的网站,但我们将
介绍一些亮点。
有关更多选项,请参阅最佳 WordPress 插件的完整列表。
ACPT:通过创建自定义帖子类型和元字段组来定制您的网站,以构建独特的内容结构和类型。
Rank Math SEO:优化您网站 SEO 的重要插件,可帮助您使用关键字、元描述和可读性自定义页面。
WooCommerce:用于向您的 WordPress 网站添加出色电子商务功能的首选插件。
WP Aminify:提供内置管理主题和为您的网站后端创建自定义管理仪表板的能力。
Divi 市场: 市场上有数百种产品可用于扩展 WordPress 和 Divi。这些产品包括预建模板和 Divi 扩展,值得您关注。
WordPress 之所以如此广泛
使用,是因为其插件生态系统。这可能是它与流行的 WordPress 替代品相比最大的区别。 自定义页面结构和菜单 自定义页面结构和菜单可改善网站导航和用户体验。它还有助于 SEO 和网站的整体组织。 页面结构 拥有结构良好的页面层次结构可以改善 WordPress 网站的导航和 SEO。首先,您需要根据网站的需求创建新页面。 添加新的 WordPress 页面 使用“快速编辑”按钮,您可以将子页面嵌套在父页面下,以创建逻辑 URL 结构。设置当前页面的父页面以创建嵌套 URL 结构。 在页面视图中将页面嵌 TikTok:它是什么以及 2020 年社交网络赌注如何运作 套在父级下 使用永久链接设置自定义页面 URL 段。 为自定义链接结构设置 WordPress 永久链接 清晰且合乎逻辑的页面结构是定制 WordPress 网站的一种被低估的方法。 菜单 WordPress 菜单控制网站上显示的导航链接(例如页眉、页脚和侧边栏)。要自定义菜单,请转到 WordPress 仪表板中的外观 > 菜单。 WordPress 菜单 创建您的第一个自定义菜单,为其命名并选择显示位置。您的第一个菜单通常是您的“主菜单”。将页面、帖子、自定义链接和类别页面从左栏添加到您的菜单中(在菜单结构下)。 创建 WordPress 菜单 使用拖放功能排列菜单项并设置菜单位置。您可以嵌 电话列表论坛 套菜单项,而无需更改 URL 结构(以创建下拉菜单以简化导航)。 保存 WordPress 菜单 虽然这不是创建网站过程中令人兴奋的部分,但它非常重要。易于使用的菜单可帮助访问者和网络爬虫探索您的网站并找到最有用的信息。WordPress 的完整网站编辑器有一个导航块,您可以在其中显示整个网站的菜单项。 完整站点编辑器导航块 如果您使用 Divi 主题,您可以轻松地将菜单添加到主题构建器模板(如全局标题)中。添加全宽菜单 它为您提供了无数种设计和自定义标题的方式(而许多主题为您提供了显示标题和菜单的固定方式)。 使用定制器定制 WordPress WordPress Customizer 提供了一个用户友好的界面,可用于对整个网站进行更改。虽然它通常被认为是一个正在逐步淘汰的旧功能,但它对于进行某些 WordPress 自定义仍然很方便。 您可以通过“外观”>“自定义”访问它。从那里,您可以自定义站点标识、颜色、字体、页眉和页脚设置。
Divi 自定义 – 步骤 1-2
定制器在 Divi 中的外观。使用它来定制页眉、页脚、按钮等。但是,使用主题构建器可以获得更强大的定制选项。
自定义单个页面 当您想到网站时,您通常会想到单个页面。WordPress 有许多选项可用于自定义这些页
面并向访问者显
示您想要的内容。 使用块编辑器自定义页面 每个 WordPress 安装都附带有区块编辑器。它是 WordPess 的可视化页面构建器,可用于创建和自定义网站页面和帖子。首先,创建一个新页面或编辑现有页面。 在 WordPress 块编辑器中创建或编辑页面 如果这是您第一次使用块编辑器,您将看到一个有用的简短教程。这将向您展示基础知识,以便您可以开始试用其自定义选项。 首次使用者的块编辑器欢迎屏幕 每个区块都有自己的选项栏。例如,使用此段落区块,我们可以对齐文本(左对齐、居中对齐、右对齐)、添加粗体、斜体或链接,并选择打开区块设置以进行区块范围的设置。 块选项和设置示例 块设置侧栏显示在编辑器的右侧,为您提供当前选定块的字体、颜色和间距选项。 块编辑器中的块设置侧栏 如果您想添加不同的块,您可以点击右上角的块插入器图标来显示可用的块。然后,找到您想要使用的块,并使用实
时编辑器将其拖到您的页面上。
使用可视化编辑器拖拽区块自定义页面 块编辑器是一种使用原生 WordPress 自定义单个页面的便捷方式。但它也有一些缺点。如果您不喜欢块编辑器,我们还有其他东西可以向您展示。 使用 Divi 的可视化构建器自定义页面 Divi 是一款流行的主题和页面构建器,具有广泛的自定义选项。拖放式页面构建器(如 Divi、Elementor 和 Beaver Builder)可让您直观地为页面/帖子构建自定义布局和设计,而无需编写代码。如果您想观看视频来了解如何使用 Divi,请观看我们的Divi 入门视频。 安装 Divi 后,编辑页面即可查看 Divi 令人印象深刻的可视化构建器。您不会相信这种自定义级别对 WordPress 上的非程序员可用。 使用 Divi 编辑主页 选择您想要如何构建页面(从头开始、从布局或从 AI 构建——下文将详细介绍 AI)。要快速创建页面,请使用预制的页面布局并根据您的喜好进行自定义。 divi 使用 ai 构建页面 单击
单个模块以调整其
内容和设计设置。使用 Divi,您可以为每个模块提供更多选项(与块相比)。这使得无需依赖自定义代码即可更轻松地进行自定义设计。 Divi 模块设置的屏幕截图 此外,与块编辑器块相比, Divi 模块有更多的选择。 部分 Divi 模块的屏幕截图 Divi 为用户提供了更多节省时间的功能。 使用 Divi AI 自定义和创建新页面 Divi 有一个名为 Divi AI 的附加工具,它使用 AI 根据您的输入创建新的页面布局和内容。Divi AI 还可以更精细地用于编辑模块文本、生成或编辑图像以及编写代码。 Divi 布局 AI 编辑页面 > 使用 Divi AI
构建。这将为您提供输入
提示的地方。 divi 使用 ai 构建页面 在您的提示中,请包含页面本身所需的一切。提供部分、内容引导以及客户应在页面上采取的操作。提示还将包含有关网站其余部分的上下文信息,以及特定的配色方案和首选字体。 Divi AI 选项 单击“生成布局”按钮。Divi AI 将创建一个新的页面布局,其中包含内容、库存或 AI 生成的图像以及基于您的规范的布局。 Divi 布局 AI AI 生成的布局将在 Divi 可视化构建器中打开。在这里,您可以自定义布局并使用标准 Divi 模块编辑任何内容或模块。
获取 Divi AI
一些页面构建器还允许对页眉、页脚和其他主题模板进行可视化设计,我们将在下文中讨论。 自定义 WordPress 主题模板 自定义主题模板可让您控制不同页面类型的布局和外观。这对于以编程方式使用 WordPress CMS 部分内容的动态页面尤其有用(例如,多个博客文章显示在博客存档页面中)。 WordPress 内置了编辑主题模板的方法,我们将重点介绍该方法。我们还将向您展示 Divi 如何处理该方法(对于大多数人来说,这似乎更容易理解)。 使用完整站点编辑器自定义模板部分 可以通过管理仪表板中的 “外观” > “编辑器”访问完整站点编辑器 (FSE) 。 如何编辑 WP 模板部件 FSE – 步骤 1-2 如您所见,您可以在此处编辑网站的许多不同部分。由于我们目前对编辑网站标题感兴趣,因此我们将选择“模式”。 如何编辑 WP 模板部件 FSE – 步骤 3 接下来,我们将向下滚动左侧边栏以找到模板部分。在该部分的顶部,您将找到标题— 单击它。在主部分(右侧),您将看到主题加载的所有标题或您之前自己构建的所有标题。单击其中一个以打开该模板部分进行编辑。 如何编辑 WP 模板部件 FSE – 步骤 4-5 在这里,您可以使用内置的 WordPress 块编辑界面来设计站点的标题。一切都可以通过添加块并更改其显示设置来自定义。 如何编辑 WP 模板部件 FSE – 步骤 6 使用 Divi 主题生成器自定义主题模板 Divi 的主题构建器的工作方式更加明显。组织更加明显,并且需要点击的子菜单更少,可以自定义页眉和页脚。 首先,确保你的
网站上有 Divi 主题。
然后,通过管理仪表板,向下滚动到Divi > 主题构建器。 如何在 Divi 中编辑主题构建器标题 – 步骤 1-2 这将打开 Divi 可视化编辑器,让您轻而易举地创建网站标题。添加菜单模块以及创建通知横幅、移动菜单等所需的任何内容。 如何在 Divi 中编辑主题构建器标题 – 步骤 3 使用子主题自定义 WordPress 我们已经介绍了选择 WordPress 主题的重要性。子主题的开发目的是使用大多数流行框架主题的设置和功能,但在此基础上添加更多自定义功能。使用子主题可确保在常规主题更新期间保留这些高级自定义功能。许多子主题都带有预定义的设计和附加功能,并支持父主题或主主题。 Divi 子主题 任何人都可以为 Divi 创建子主题,只要他们愿意。您还可以在 Marketplace 中找到大量预制子主题。以下是我们最受欢迎的一些 Divi 子主题供您选择: Molti电子商务 Molti电子商务
Molti eCommerce是一款备受信赖的 Divi 子主题,适用于电子商务和商业网站。设计转换率高且设计精致的商店页面很难实现。Molti 让这变得容易得多,并通过其页面和主题构建器布局实现了这种定制。
WooCommerce 集成:它与 WooCommerce 完全集成,适合构建在线商店和电子商务网站。它包括产品过滤器、独特的购物车和结帐设计、产品快速查看、自定义商店模块和流畅的愿望清单体验等功能。
预先设计的页面布局:Molti Ecommerce 带有超过 25 种完全设计的页面布局,可用于各种目的,例如主页、关于页面、服务、联系页面等。这使您可以快速建立具有专业设计的网站。
10 多种页眉和页脚设计:它提供 10 种独特的页眉设计和 10 种页脚,提供可自动用于您的网站的不同外观。
查看Molti 电子商务的 Divi 产品亮点
获取 Molti 电子商务
阿凡提 哪里可以购买 Avanti Avanti是一款多功能子主题,它将同步页面和构建器设计与 Divi 扩展模块结合在一起。它与 WooCommerce 配合良好,是一款出色的子主题。
40 多种自定义页面布局:它带有 40 多种预先设计的页面布局,可用于各种目的,例如主页、关于页面、服务和联系页面。这为快速构建网站提供了一个坚实的起点。
8 种主页布局:Avanti 包含 8 种不同的主页布局设计,可满足不同的业务需求和风格。此外,您还可以使用其他页面、页眉和页脚布局。
WooCommerce 集成:该主题与 WooCommerce 完全集成,适合构建在线商店和电子商务网站。
查看我们的Divi 产品 Avanti 亮点
获取 Avanti
您将如何自定义您的 WordPress 网站? 正如我们详细介绍的那样,自定义 WordPress 网站可能涉及主题和插件的组合以及配置核心中已内置的内容。无论是使用主题定制器等内置工具、Divi 等高级页面构建器还是自定义子主题,这些策略都可以帮助您创建一个满足您需求的独特且实用的网站。