我是 Next.js 的新手,我想从以英语为默认语言(无“en”前缀)和其他语言的 WordPress/WPML/Woocommerce 网站复制永久链接结构:德语、法语、西班牙语、我正在使用基于 spree_starter 的 Spree Commerce 4.6 以及 spree_reviews 等扩展宝石。
原站永久链接结构如下:
// Homepage:
example.com/
example.com/de/
example.com/fr/
// Page:
/about/
/de/uber/
/fr/a-propos-de-nous/
// Sub-Page:
/about/contact-us/
/de/uber/kontakt/
/fr/a-propos-de-nous/contact/
// Wordpress Blog archive:
/blog/
/de/blog/
/fr/blog/
// Wordpress Blog single post:
/blog/meet-sarah-our-newest-ambassador/
/de/blog/treffen-sie-sarah-unsere-neueste-botschafterin/
/fr/blog/rencontrer-sarah-notre-nouvelle-ambassadrice/
// Woocommerce product category page:
/women/
/de/damen/
/fr/femmes/
// Woocommerce product sub-category page:
/women/shirts/
/de/damen/shirts/
/fr/femmes/chemises/
// Woocommerce product page:
/green-blouse-shirt/
/de/grunes-blusenshirt/
/fr/chemise-chemisier-verte/
// Wordpress custom post type archive [fashion-guides]:
/fashion-guides/
/de/mode-blog/
/fr/guides-de-mode/
// Wordpress custom post type single post [fashion-guides]:
/fashion-guides/plus-size-fashion-trends-in-2023/
/de/mode-blog/modetrends-in-ubergrossen-im-jahr-2023/
/fr/guides-de-mode/tendances-mode-grandes tailles-en-2023/
我一直在nextjs.org 和此处研究exportPathMap 和路由文档,但之前似乎没有人发布过这样的请求/问题。
感谢您提前的帮助!
使用 Next.js,您可以使用 next-translation 插件 + i18n API。看看这个:https://github.com/aralroca/next-translate
通过创建配置文件,您可以指定命名空间所需的每个页面。
这是一个包含英语和法语的配置文件示例。
i18n.json
{
"locales": ["en", "fr"],
"defaultLocale": "en",
"localeDetection": true,
"pages": {
"*": ["common"],
"/gallery": ["common"],
"/shop": ["common"],
"/about": ["common"],
"/contact": ["common"]
}
}
Next-translate 确保每个页面仅具有当前语言的命名空间。