Hostinger WordPress+Woocommerce 搭建独立站完整教程（如何付费搭建WordPress独立站）

.extra-menu {背景颜色：#f3f3f3; 填充：20px; .extra-menu .extra-menu-h {高度：36px; .extra-menu .extra-menu-h h3 { 显示：内联块 } 。 extra-menu ul a{ 文本装饰：无； .extra-menu .menu-child { 文本缩进： 4em; .extra-menu .menu-child:before { left: 4em } .extra -menu .extra- menu-h h3 {行高：36px; .collapse-toggle { float: right; } 光标：指针用户选择：无。 显示：内联弯曲；对齐：中心； .collapse-toggle img {宽度：30％； .collapse-content { margin-bottom：0px ！ 20 像素！important; 溢出：隐藏；过渡：最大高度 0.3 秒 缓出； .collapse-content.expanded { 最大高度：1000px; /* 足够大以允许内容完全展开 */ }位置：相对；顶部：-90px; } jQuery(document).ready(function( $ ) { $('.collapse-toggle').on( 'click',function() { var content = document.querySelector(' .collapse-content'); 内容 classList.toggle('expanded'); if (content.classList.contains('expanded')) { $( this).find('div ').text('Collapse'); img').css('transform','rotate(180deg)'); } else { $(this).find('div' ). text('expand'); (0 度)');})

近年来，独立跨境电商网站越来越受欢迎。 许多CMS平台，包括WordPress，都提供了更成熟的建站技术，使得建立独立网站变得非常容易。 使用 WordPress 构建网站的最大优点是它始终免费、轻量级、易于使用、适合初学者且资源丰富。 本文主要介绍如何使用Hostinger搭建WordPress+WooCommerce独立外贸站的综合教程。 虽然内容比较长，但希望对你有用。

收起文章目录 1. 搭建 WordPress 网站的好处 2. 购买 Hostinger 3. 注册并解析域名 4. 安装 SSL 证书 5. 安装 WordPress 主题和插件 1. 主题模板 2. 导入模板 3 安装插件 6. 设置和自定义您的 WordPress 网站 1. 基本设置 2. 自定义网站的外观和布局 3. 菜单和小部件 7. 向 WordPress 添加内容 1. 添加页面 2. 上传产品 8. 发布独立 WordPress 网站

1. 构建 WordPress 网站的好处： 永远免费：WordPress 当然是一个永远开源的系统。 简单易用：WordPress本身很大，很小，非常适合初学者，不需要编码，也不需要太多的托管资源。 高度可扩展：插件允许您向网站添加各种强大的工具和功能，包括网站优化、添加社交功能、网站分析等。 资源丰富：WordPress提供丰富的插件和主题。 据统计，WordPress 为全球超过 40% 的网站提供支持，并且该数据仍在增长。 易于维护：WordPress 是一个自动化的 CMS，因此您只需登录 WordPress 后端即可。 您可以查看所有文章的统计信息，编辑、删除和发布新文章。

2. 购买 Hostinger 主机

Hostinger 提供虚拟主机和 WordPress 主机。 就我个人而言，我建议购买 Hostinger。据称，WordPress 主机专门针对 WordPress 进行了优化，在网站适应性和稳定性方面提供了卓越的性能，并支持 WordPress 多站点、更新的 WordPress 核心、插件，并添加了许多 WordPress 特有的功能，例如主题、WordPress AI、自动备份和更多的。 请等待您的 WordPress 网站。

Hostinger WordPress 托管目前提供三种计划。 我们建议选择商业​​计划。 如果您有足够的预算，您还可以选择支持最多 300 个网站和 200 GB NVMe 存储的云启动计划。 现在购买 Hostinger WordPress 托管也更便宜。 以下价格还包括 3 个月的免费试用期。

Hostinger 折扣代码：ny2021（虚拟主机高达 92% 折扣，云主机高达 63% 折扣，VPS 主机高达 59% 折扣，WordPress 主机高达 75% 折扣）。 )

接下来，使用您的电子邮件地址创建一个帐户。 如果您已有账户，可以直接登录。

登录后，请选择您的付款方式。 支持的付款方式如下。 输入您的信息、折扣代码等并付款。

3. 域名注册和解析

Hostinger 提供非常适合初学者的服务。 对于简单的导航界面，只需按照向导一步步完成即可。

单击“立即开始”开始，选择以下初学者选项及更多选项，然后单击“下一步”。

我正在为自己创建一个网站，它将作为我的在线商店的网站。 我正在创建我的第一个网站。 或者选择从这里开始

下一步，选择 WordPress 或 WordPress+Woocommerce 来构建您的网站，一些插件将被安装。

如果您想从其他托管提供商迁移到 Hostinger，您可以使用我们的免费网站迁移工具。 选择您想要如何构建网站并继续下一步。 设置 WordPress 登录帐户和密码。 请记住这一点，因为每次登录 WordPress 时都需要它。

我们建议选择 WordPress。 我没有任何屏幕截图，但您可以稍后安装 Woocommerce 或类似的东西。 设置您的登录电子邮件地址和密码后，单击继续。 下一页将要求您选择一个主题。 请跳过。 这些主题都不错，但您仍然不知道哪一个适合您。 此外，您可以免费将其安装在 WordPress 后端。 。

接下来，开始注册您的域名。 这里有三个选项：

申请免费域名：任何购买 Hostinger 至少一年的人都可以获得免费的 .com 域名，有效期为一年。 随后的年度续订费为 13.99 美元。 我们建议初学者使用此选项，因为不需要域名解析。 购买新域名：如果您想托管多个网站，则需要购买新域名。 当然，这个选项可能不适合初次建立网站的人。 使用购买的域名：如果您在其他地方购买了域名，例如从 Gname、Namecheap 或 Namesilo 等廉价域名提供商处购买，您也可以选择使用它。 这些域名。 但是，如果您这样做，您将需要自己将域名解析到 Hostinger 主机。 您还可以联系客户服务寻求帮助，但可能需要采取其他措施。

决定域名后，下一步就是选择托管数据中心。 这主要取决于您的客户群的地理位置。 如果您的客户遍布世界各地，那么选择北美数据中心就可以了。

单击“完成设置”开始安装 WordPress。 安装后，您将看到以下页面：

管理 WordPress：使用此链接进入 WordPress 后端进行管理和配置。 事实上，您不再需要从Hostinger后端进入WordPress管理后端，您只需要访问它即可。网站后端 URL：https://yourdomain.com/wp-admin；查看您的网站：如果您使用 Hostinger 的免费域名，请单击此链接预览您的网站。 或者，您可以通过直接在浏览器中输入域名来预览域名（必须先完成域名解析）。

控制面板：这是主机的控制面板，您可以在其中检查主机 IP、安装 WordPress 和添加新站点。 、安装SSL等

4. 安装 SSL 证书

现在您的网站已设置完毕，您需要先设置 SSL 证书，然后才能开始实际配置和自定义。 意义。 要安装SSL证书，请进入Hostinger控制面板，单击帐户后台顶部菜单中的网站，选择要安装证书的网站，然后单击仪表板]。 还。

在左侧菜单中选择“安全”->“SSL”，然后按照屏幕上的说明进行操作。

Hostinger 提供免费的 SSL 证书。 选择要安装SSL证书的域名，然后单击“安装SSL”。 稍后将出现一个对话框，通知您安装成功。 如果此时刷新页面，您会注意到 SSL 证书已变为绿色，并且现在标记为“活动”。

要检查证书是否确实已成功安装，只需在浏览器中输入域名即可。 如果成功，浏览器地址栏前面将出现一个安全锁图标。

接下来，您可以进入WordPress后端进行进一步的配置和定制。

5. 安装 WordPress 主题和插件

主题对于任何 WordPress 网站都是必不可少的，如果您正在构建电子商务网站，Woocommerce 插件也是必不可少的。 此外，还有其他几个插件这是必要的。 接下来，我们将解释如何安装主题和插件。

1. 安装主题模板

当您安装WordPress时，它会附带一些官方主题，例如二十二十一（2021/2022），但这些官方主题主要是为博客设计的，不适合构建电子商务网站。 ，所以我们通常会删除它。

进入您的 WordPress 后台后，点击左侧菜单栏的外观 > 主题，您将看到 WordPress 自带的三个主题。 WordPress 至少需要一个主题，因此您可以保留已激活的主题。 安装其他新主题后，您可以删除剩余的内置主题。

WordPress 主题可以分为两类：免费和付费。 可以直接从 WordPress 后端的 Themes 下下载并安装免费主题。 单击添加新主题，从数千个主题中进行选择。 对于初学者来说，这里有一些很棒的免费主题，例如 Astra、GeneratePress 和 Kadence。 您可以直接点击安装并激活。

您还可以在 WordPress.org 官方网站上找到这些主题。 其中一些主题是完全免费的，而大多数主题则具有免费+付费的共存模式。 这意味着免费版本提供基本功能，如果您想要更多功能，则必须升级到付费版本。

我自己使用Kadence主题。 这是一个免费和付费的主题。 此类主题的特点是：

由于它有免费版本，所以非常适合初学者上手。 如果您不知道哪个主题适合您，您可以自由安装和卸载它，而不浪费您的钱。 由专业网站建设公司开发，代码简单，主要基于WordPress源码开发，具有良好的SEO优化，网站加载速度快，而且体积非常小。 基于 Gutenberg 或 Elementor 编辑器的高度可扩展和可定制。 这种类型的主题包括许多现成的块，它们只是页面特定部分的模板。，您可以自由更改和添加内容。

商城付费主题与上述付费主题不同，免费+付费并存。 上面提到的所有主题都是专业开发团队开发的主题，但商城中的大多数主题都是个人或一两个人开发的主题。

WordPress 主题商城有很多，但比较流行的有：

Themeforest：最大的主题商城，几乎涵盖了各类建站方式的所有主题。 网站模板，价格合理，一次性付费，终身免费更新。

Themeforest官网：https://themeforest.net/

以Kadence为例安装主题：

安装特殊技巧无需主题。 只需单击 WordPress 后端上的“安装”即可激活它。 如果您在其他平台购买了主题，则必须先下载主题，然后单击主题下的上传主题来上传并激活它。

以Kadence为例，在“添加主题”下搜索Kadence并安装第一个最新主题。 单击“安装并激活”后，系统会要求您安装“Kadence Starter Templates”插件。 只需按照提示安装所需的插件即可。

这个入门模板插件包含 20 多个完整的网站设计模板。 除首页外，还包括公司信息、联系方式等其他页面的设计。 您可以选择合适的模板、修改内容并自行设计网站，而无需选择模板或安装任何插件。 这意味着一个主题可以包含无限数量的网站模板。 这就是此类主题的力量。

如果你使用这种类型的主题，你当然应该安装这个插件。 即使您不使用此模板，它仍然会有帮助，对吧？ Kadence 的现成模板相对较少。 如果您查看 Astra 和 Blocksy，您会发现数百个利基模板。 Kadence 还添加了更多模板。

最初，Kadence 仅要求您安装“Kadence Starter Templa”。tes”来安装。 左侧菜单的“Kadence”下还有其他子菜单。 点击“入门模板”，按照AI智能向导一步步完成并导入您的模板。

如果您不想使用AI智能向导，可以选择使用“经典入门模板”。 根据您选择的网站构建工具，模板会有所不同。 两大建站工具：

古腾堡区块编辑器：国内也叫古腾堡，这里也叫区块编辑器。 这是 WordPress 的内置模块化网站构建工具。 被认为是最强大的。 第三方 WordPress 网站建设工具。

Elementor官网：https://elementor.com/

我选择WordPress内置工具的主要原因是WordPress自带了很多免费插件，这是有原因的。 选择网站构建器将带您进入模板页面。 Gutenberg by Kadence 总共提供了九个模板，适用于不同行业和不同类型的网站。 要导入，只需选择预先创建的模板之一即可。 我们在这里选择Print Shop，因为这是适合我们独立外贸网站的电子商务模板。

2. 导入模板

在古腾堡编辑器的模板库中，您可以找到大约 20 种不同样式（并且还在不断增加）的模板。 电商的模板只有三种，其中一种是付费的。 不过，Print Shop 模板非常好，您可以尝试一下。 当然，您可以选择其他模板并安装 Woocommerce 插件自行构建。 完全定制您的电子商务网站或每个页面，使您的网站更加个性化。

例如，导入 Print Shop 模板。 单击模板以在下一步中选择它。 您想要导入主页还是整个网站模板？ 我们建议选择一个完整的网站模板，导入一些预设页面和必要的插件。 该模板需要两个。插件支持：Woocommerce 和 Kadence Block。 您还可以为您的网站选择配色方案和字体样式。

Kadence Block是一款极其强大的块库插件，它大大增强了古腾堡编辑器的功能，让您轻松创建个性化页面。 如果你的主题没有自带类似的块库，你可以在插件市场搜索一下，发现还有很多其他的块库插件可供选择，不仅仅是Kadence Block。

选择颜色和字体后，单击“完整站点”继续导入过程。 系统将提示您正在导入的内容。 确认其正确后，单击以继续导入。 这个过程可能需要一些时间。 如果您稍后需要 Woocommerce 并且它未包含在当前模板中，您可以随时安装它。 对于跨境电商，需要Woocommerce插件。 如果没有此信息，该产品就无法列出。

导入完成后，单击“完成”查看网站按钮即可查看您的网站。 至此，您的网站内容已由模板预设完毕，主题安装基本完成。

3. 安装插件

在前面安装主题和导入模板的过程中，我们安装了一些必需的插件。 您可以在插件菜单中查看已安装插件的列表。 此外，我们建议安装对于网站的完整功能和未来运营非常重要的插件。 单击“添加新”以通过搜索安装新插件。

以下是一些推荐的插件：

子主题的子主题插件：在设置网站之前，您可以创建子主题。 激活的主题。 推荐插件：儿童主题向导、WP 儿童主题生成器。 加速插件：允许您优化网页的加载速度。 推荐插件：LiteSpeed Cache（适用于Hostinger主机用户）；SEO插件：帮助提高网页在搜索引擎中的排名和可见性。 推荐插件：RankMath,YAust SEO，一体化SEO；社交插件：用于添加社交分享功能和快速登录。 推荐插件：Sassy Social Share、Super Socializer。 表单插件：用于添加电子邮件订阅表单。 推荐插件：Contact Form 7、wpforms（如果使用 Kadence，此功能包含在块中，无需额外安装）。 安全插件：添加额外的安全保护层。 推荐插件：Wordfence Security、All In One WP Security & Firewall。 GDPR 插件：用于确保您的网站符合 GDPR 法规。 推荐插件：GDPR Cookie 同意、LuckyWP Cookie 通知。

如果您之前没有安装过 Woocommerce，请不要忘记立即安装。 您还可以搜索并安装您认为可能需要的其他插件。 安装插件很简单。 找到它，单击安装它，激活它，配置它，然后使用它。

6. 设置和自定义您的 WordPress 网站

此步骤是网站构建的一部分。过程可能会花费最多的时间。 这是因为您需要根据您的业务需求自定义网站的各种信息和外观。 我们只能告诉您在哪里进行编辑和更改，但您的具体实施应该根据您的业务需求而定。

1. 基本设置

您需要从侧面菜单进入“设置”并配置您的网站的基本设置。是。

常规设置：根据您的行业和产品输入相应的信息，包括网站标题和副标题（Tagline）。 一旦您决定了网站的标题，请尽量不要经常更改。 最好保持您的 WordPress URL 和您网站的 URL 相同，无论带或不带 www。 不要更改任何其他设置。

写作：主要关心文章写作设置，可以保持不变。 阅读：设置您的网站主页和博客主页。 底部我们建议首先检查搜索引擎可见性，以防止搜索引擎抓取未完成或低质量的页面，从而影响您网站的排名。 讨论：不要更改文章评论设置的默认值。 媒体：媒体文件设置。 保留默认值。 ;永久链接：设置永久链接结构。 我们建议选择“自定义结构”并应用“%postname%”或直接单击“帖子名称”进行保存。

隐私：对于针对欧洲市场的网站来说，添加隐私政策页面尤其必要。 GDPR 法规需要隐私政策。

根据您安装的主题和插件，您还可以在此处看到其他配置选项。 例如，Kadence Block 设置也出现在设置菜单中。 请记住根据需要仔细检查和配置。

2. 自定义网站的外观和布局

下一步，输入网站外观配置阶段（也称为前端设置）。 这部分设置决定了您的网站在互联网上向访问者显示的方式。 外观选项中最重要的是自定义设置，它负责整个网站框架的视觉呈现。

以Kadence主题为例。 每个主题的具体设置可能有所不同，但大体相似。 逐项设置一般不会有问题。 下面简单介绍一下一些主要设置项的功能。

请注意，您无法在此处设置特定的页面内容。 要设置页面内容，请进入“背景页面”，找到特定页面并进行设置。

General（常规设置）：每个主题都有这个设置，其中包括网页的默认布局、颜色、字体、侧边栏显示、按钮等。 根据您的个人喜好进行调整并实时查看结果。 我们建议检查面包屑和性能选项。 页眉和页脚（页眉和页脚设置）：Kadence 主题的页眉和页脚设计非常易于使用，分为三行。 每行都可以通过拖放自由添加。 元素。 修复了其他主题中的页眉和页脚布局与此不同的是，Kadence 的页脚还允许您使用古腾堡块，让您更自由地创建所需的页眉和页脚。

页面布局、博客文章和搜索结果（页面布局、博客文章和搜索结果）：它们分别配置 WordPress 后端页面、博客（帖子）页面和搜索结果页面的布局。马苏。 进行设置时，建议打开相应页面进行比较和调整。 站点ID、主页设置（网站徽标、主页设置）：站点ID用于添加网站徽标和图标，并且可以设置样式。 设置主页与读取常规设置类似。 Woocommerce（电子商务设置）：这是您的 Woocommerce 商店的设置，包括目录、单品页面、结账页面、用户帐户页面等各个页面的布局，您可以根据自己的喜好进行更改需要。 附加 CSS：这是一个级联样式表，用于更改网站的布局和外观。 需要一些编码知识，但它是可选的。 导入/导出（Import and Export）：完成所有设置后，您可以导出并保存设置，以备将来需要重置时使用。

3. 菜单和小部件

另外两个建议：菜单和小部件单独设置。 还有单独的背景设置选项。

进入“外观”→“菜单”进行设置。 菜单是网站导航的重要组成部分，引导访问者浏览网站各个页面和栏的窗口也是如此。

导入Kadence或任何其他主题后，系统通常会预设一些菜单，您可以直接编辑、添加或删除。 单击每个页面旁边的小三角形可以编辑或删除链接。 要添加新链接，请从左侧页面中选择它，然后单击“添加到菜单”。

菜单中的链接可以拖动以重新定位或拖动到第二个目录。 可以为每个链接单独设置显示名称。 例如，原来的页面名称是“可以设置为“关于”、“关于我们”等。 创建新菜单时，点击上图红框中的“创建新菜单”，命名并编辑以备将来使用。

小工具是 WordPress 中的特殊功能，通常用于配置侧边栏和页脚。 某些主题可能会添加其他位置，例如标题。 从 WordPress 5.8 版本开始，小部件编辑器和页面编辑器是统一的，并且都使用古腾堡。 在编辑器中，添加和编辑块。 因此，我们在这里不会详细解释如何使用该小工具。

更多详细信息请参见附加页面部分。 对于WordPress外贸，最后一步是配置您的商店，包括添加个人信息、付款方式、物流设置等。 这一步主要是为你的企业设置一些信息。 有点复杂，不过有相关教程可以参考。

您即将完成网站的设置和自定义。 WordPress 后端还有其他一些设置。 如有必要，我们建议您不要随意更改。

7. 向 WordPress 添加内容

假设构建网站就像建造房屋一样。完成粗略的工作。 在此步骤中，您将装饰并添加家具物品。

1。” 添加页面

当您导入Kadence模板时，系统会自动添加几个相关页面。 根据需要保存或删除这些页面。 除了 Woocommerce 附带的页面之外，您可以编辑、更改或删除其他页面。 对于外贸网站或跨境电子商务网站，您可能需要添加几个页面来丰富您的内容。 网站内容可以帮助客户了解您的品牌和产品。

添加新页面时，例如创建“关于我们”页面，请按照图中的数字来了解每个功能：

</ (1) 标题。

（2）添加块 如图所示，有两个地方可以添加块。 按钮、路线您可以根据需要添加必要的模块来极大地丰富您的网页设计。 安装 Kadence 后，即安装了 Kadence Block。 其实你可以在插件市场寻找其他的Block插件，但是Kadence Block可以满足你的大部分需求。

(3) 文本设置，例如更改字体颜色、添加链接和下划线。

(4)页面设置包括发布时间、永久链接、评论设置，

(5)页面布局设置包含在Kadence主题中，具体情况取决于实际安装的主题。 。

（6）配置Kadence模块

（7）配置Gutenberg Block网页编辑器。

插件附带的其他设置也可能出现在页面编辑器中，例如 SEO 插件设置。 这些决定必须根据特定的插件来做出。 页面内容通常在创建过程中会自动保存，但记得在退出前手动保存，以防出现紧急情况，以免丢失新添加的内容。 创建完成后，您可以在发布前预览页面以确保其正确。

2. 上传产品

当您导入模板时，Kadence 主题还会自动添加一些示例产品。 暂时不要删除这些产品。 您可以看到布局和设置。 当然，这些样品产品通常不完整，价格也只是示例，因此当您准备好自己的产品时，应该将其删除。

在 Woocommerce 中，添加新产品的过程相对直观。 Woocommerce 的产品描述编辑器使用 WordPress 的经典编辑器，许多老 WordPress 用户更喜欢这种编辑器。 如果您熟悉经典编辑器，可以在插件市场找到并安装相关插件。 我个人习惯使用古腾堡编辑器，但在编辑产品描述时，经典编辑器可能更方便、更充分。 以下为添加商品时主要字段说明：

(1)商品标题

(2)-商品数据设置：商品类型、价格、库存、运费、相关产品等、特性（颜色、对于可变产品，您还可以添加不同颜色和尺寸的产品选项。

（3）简单产品：具有单一属性的产品，例如单一颜色、尺寸或型号。 您还可以添加虚拟产品，例如会员资格和数字下载。

分组：产品的组合，例如可以打包出售的一套服装。 外部/附属：外部或附属产品。 您可以发布您的产品，但您可以链接到其他网站。 这对于推广您自己的产品或推广其他人的产品并赚取佣金非常有用。 变量：变量产品。 适用于具有不同选项的产品，例如不同颜色和尺寸的产品。

(4)产品图片：设置主图片。

产品库：产品库。 用于添加多个轮播图像。

(5) 产品类别和标签：帮助对产品进行分类和识别。

尝试上传变体产品作为示例，如上所示。 除了页面和产品内容之外，您还可以通过创建博客文章来丰富网站内容。 WordPress 最初是一个博客 CMS。 强大的博客功能允许您撰写有关您的产品或行业的文章，帮助您通过搜索引擎吸引流量。 创建文章与页面编辑过程类似，都使用块编辑器。

8. 发布 WordPress 独立站

上传后2-3、产品上线后，您可以在后台“设置”>“阅读”选项卡中解锁搜索引擎，并将您的网站提交给搜索引擎供搜索引擎抓取。 您的网页。 请定期更新您的产品信息。

发布后，请注意以下事项：

请勿随意更改网站名称、描述或其他框架内容。 不要太频繁地更改主题。 保持页面和产品链接简洁。 使用 SEO 插件优化您的网站。 网站内容更新频繁，每周添加新产品、文章等新内容2~3次。

以上是通过Hostinger搭建WordPress+Woocommerce外贸独立站平台的详细教程。 然而，对于这篇文章来说，这是一个例子。 您还可以自由选择不同的配置和功能，例如主机、域名、主题等。 一旦您的网站上线，您应该特别注意SEO优化和网站安全。

相关推荐：

《Hostinger WordPress 主机和一般主机服务有什么区别？》

《Hostinger WordPress 主机和一般主机服务有什么区别？》托管服务？”“如何搭建WordPress独立站”？”

这几篇文章你可能也喜欢：

• WooCommerce 中的可变产品属性启用样本选项方法
• 使用cPanel托管搭建WordPress跨境电商独立站完整教程（用cPanel搭建网站）
• Nexcess夏季特卖WordPress主机/WooCommerce主机享受高达6折低至8.4美元/月的优惠。
• 电子主题呢？电子主题(electerm主题)特征介绍
• 跨境电商平台免费开店推荐（自由创业跨境平台）

本文由主机参考刊发，转载请注明：Hostinger WordPress+Woocommerce 搭建独立站完整教程（如何付费搭建WordPress独立站） https://zhujicankao.com/123148.html