Guia d'inici ràpid de ShipLang

Apreneu a utilitzar la IA per dissenyar pàgines web, optimitzar el SEO i llançar ràpidament el vostre lloc web multilingüe en 5 minuts. Aquest article us guiarà per tot el procés, des de l'elecció d'una eina d'IA fins al llançament del vostre lloc web. A continuació, es mostren algunes eines d'IA comunes disponibles; podeu triar-ne una per utilitzar. Pàgina de prova: shiplang.com/zh/dosc/test

Compra un compte de membre d'IA

Per comprar comptes de membre amb descompte o recarregar el vostre compte d'IA, poseu-vos en contacte amb:

WeChat:xlh3650
Correu:8123202@gmail.com
微信二维码

Estructura de directoris

Aquesta estructura de directoris inclou principalment dues carpetes: [h5_html] i [h5_php]. Inicialment, només hi haurà una carpeta: [h5_html]. A continuació, s'explica com utilitzar aquesta carpeta per crear un lloc web global.

项目根目录/
├── assets/             # 资源文件夹(图片、CSS、JS等静态资源)
├── h5_html/            # HTML网页文件,但文件后缀是[.php]
├── h5_php/             # HTML对应的PHP处理文件
├── lang/               # 语言包文件夹(自动翻译自动创建多语言文件)
├── shiplang/           # 这是框架的代码，请忽略
├── sitemap/            # 网站地图文件夹
└── index.php           # 网站入口文件，也是网站路由文件

Dissenya una pàgina web en 5 minuts

Pas 1: Enviar a la IA

🎨 (Principiant) Sol·licituds d'atenció al client ⚙️ (Avançat) Paraules de suggeriment del backend

Pengeu el fitxer [Front-end prompt] descarregat al quadre de diàleg AI i introduïu el lloc web que heu de desenvolupar. Per exemple, podeu escriure: Desenvolupa'm la pàgina d'inici d'un lloc web que mostri diferents races de gats.

Pas 2: Descàrrega i càrrega

Puja el fitxer HTML generat per IA a la carpeta h5_html dins del framework ShipLang (pots pujar el fitxer directament o enganxar el codi). Tingues en compte que el fitxer ha d'acabar amb [.php] en comptes de .html.

Exemple d'estructura de fitxer: (per exemple, el nom de domini és 123)

h5_html/
├── index.php           # 首页 → 123.com
├── maomi.php           # 猫咪页面 → 123.com/maomi
└── mao/                # 猫咪分类文件夹
    ├── index.php       # 猫咪分类首页 → 123.com/mao
    ├── bosi.php        # 波斯猫 → 123.com/mao/bosi
    └── meiduan.php     # 美短猫 → 123.com/mao/meiduan

Normes d'accés

Les regles d'accés us indiquen com accedir als fitxers carregats a una carpeta específica, i [index.php] fa referència a la pàgina d'inici.

Quan pengeu un fitxer anomenat h5_html/index.php → adreça d'accés: 123.com

Quan pengeu un fitxer anomenat h5_html/maomi.php → adreça d'accés: 123.com/maomi

Quan pengeu un fitxer anomenat h5_html/mao/index.php → adreça d'accés: 123.com/mao

Quan pengeu un fitxer anomenat h5_html/mao/bosi.php → adreça d'accés: 123.com/mao/bosi

D'acord, el vostre lloc web ja és accessible i utilitzable. Per aprendre tècniques més avançades, consulteu els exemples següents.

Traducció automàtica multilingüe

El sistema genera automàticament versions multilingües per a la vostra pàgina web.

Quan pengeu h5_html/index.php (amb contingut xinès), el sistema generarà automàticament:

123.com/zh/maomi    # 中文版（原始文件）
123.com/en/maomi    # 英文版（自动翻译）
123.com/ja/maomi    # 日文版（自动翻译）
123.com/fr/maomi    # 法文版等等...
Avantatges principals:Només cal que mantingueu un fitxer HTML xinès. Després de modificar el contingut xinès, totes les versions idiomàtiques s'actualitzaran automàticament i de manera sincronitzada, cosa que elimina la necessitat de traduir manualment o mantenir diversos fitxers.

Per exemple, si canvieu "Benvingut al meu lloc web" a h5_html/index.php per "Exploreu el món meravellós", el contingut traduït a l'anglès més recent es mostrarà automàticament quan els usuaris visitin la pàgina en anglès.

Veure codi d'exemple

Modifiqueu el fitxer d'exemple per experimentar les funcions del sistema.

Als fitxers del lloc web BT Panel, obriu la carpeta: [h5_html]->[dosc]->[lang-i18n.php], on podeu modificar o suprimir el codi font.

A continuació, accediu a l'adreça de la pàgina: domain.com/en/dosc/lang-i18n

D'aquesta manera, podràs experimentar com utilitzar les funcions de joc avançades del sistema.