第 6 章 - 上线

多语种翻译

恭喜！您的客户拥有设计精美的首页和联系页面，电子商务也完全适配 Airproof 设计。太棒了！

现在，客户希望将网站翻译成法语。操作如下：

  1. 在设置中为网站添加法语，并通过预设启用页眉中的语言切换器。

  2. 然后，对于翻译您有几种选择（通常在生产环境上线后进行）。在本练习中，我们将在本地测试其中 2 种：

    • 通过编辑器翻译 Airproof Mini 产品页面的内容。

    • 通过视图翻译首页轮播的内容。

更多内容

请参阅 前端 和 后端 翻译的参考文档。

注解

您还可以通过 .po 文件的 导出/导入 来创建翻译。但是，此方法仅在模块导入时有效一次。之后通过 .po 文件进行修改相当复杂。因此，我们建议您通过编辑器或直接在视图中进行翻译。

需要为语言切换器添加的预设为：

/website_airproof/data/presets.xml
<?xml version="1.0" encoding="utf-8"?>
<odoo>
   <!-- Activate language selector -->
   <record id="website.header_language_selector" model="ir.ui.view">
      <field name="active" eval="True" />
   </record>
</odoo>

通过编辑器进行翻译：

  1. 将网站切换为法语。

  2. 进入产品页面。

  3. 点击 编辑 ‣ 翻译。

  4. 修改所有以 yellow 高亮显示的部分。

通过视图进行翻译：

  1. 激活开发者模式。

  2. 转到设置，然后在菜单 技术 ‣ 用户界面: 视图 中。

  3. 搜索要翻译的页面名称。在本例中，在 View Architecture 中搜索 homepage。

  4. 找到页面后，点击 EN （位于页面架构顶部）。

  5. 这会打开一个弹出窗口，其中首先显示英文部分。再往下，是您可以进行的所有法语翻译。

模块导入

干得漂亮！网站现已完全完成，您的模块已准备好安装到客户的 SaaS 数据库中。

在此之前，请先在新数据库上测试导入过程。

更多内容

请参阅关于如何在 Odoo SaaS 数据库中 部署模块 的参考文档。

小技巧

  • 确保在安装模块之前，数据库上已安装 base_import_module。

  • 验证所有必需的应用均已安装。

  • 跳过主题安装步骤，从头开始。

结论

恭喜您完成 为网站主题构建模块 教程！您已成功走过每一个阶段，从搭建开发环境到发布完全自定义的 Odoo 网站主题。

在整个过程中，您已掌握：

✅ 主题模块创建 - 搭建结构，声明 Odoo 和 Bootstrap 变量。
✅ 网站构建 - 创建页面、添加媒体并构建动态构建块。
✅ 高级自定义 - 实现自定义 SCSS、JavaScript、页眉、页脚和独特的设计元素。
✅ 视觉增强 - 设计背景和图像形状、渐变和动画，打造引人入胜的用户体验。
✅ 电子商务优化 - 适配商店和产品模板，带来无缝的购物体验。
✅ 最终准备 - 管理翻译并确保模块顺利导入。
掌握了这些技能，您现在就可以设计和开发专业、完全自定义的网站主题了。做得好！
我们迫不及待想看到您未来创作的出色主题。