Guía de inicio rápido de ShipLang

Aprende a usar la IA para diseñar páginas web, optimizar el SEO y lanzar rápidamente tu sitio web multilingüe en 5 minutos. Este artículo te guiará a través de todo el proceso, desde la elección de una herramienta de IA hasta el lanzamiento de tu sitio web. A continuación, encontrarás algunas herramientas de IA comunes; puedes elegir la que prefieras. Página de prueba: shiplang.com/zh/dosc/test

• Claude—https://Claude.ai
• Gemini—https://Gemini.GoogLe.com
• ChatGpt—https://ChatGpt.com
• DeepSeek—https://DeepSeek.com

Adquiera una cuenta de membresía de IA

Para adquirir cuentas de membresía con descuento o recargar su cuenta de IA, póngase en contacto con:

WeChat:xlh3650

Correo:8123202@gmail.com

Estructura de directorios

Esta estructura de directorios consta principalmente de dos carpetas: [h5_html] y [h5_php]. Inicialmente, solo habrá una carpeta: [h5_html]. A continuación, le enseñaremos cómo usar esta carpeta para crear un sitio web global.

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

Diseña una página web en 5 minutos.

Paso 1: Enviar a la IA

Sube el archivo [Front-end prompt] descargado al cuadro de diálogo de IA e introduce el sitio web que necesitas desarrollar. Por ejemplo, puedes escribir: Desarrolla una página de inicio para un sitio web que muestre diferentes razas de gatos.

Paso 2: Descarga y carga

Sube el archivo HTML generado por IA a la carpeta h5_html dentro del framework ShipLang (puedes subir el archivo directamente o pegar el código). Ten en cuenta que el archivo debe terminar con [.php] en lugar de .html.

Ejemplo de estructura de archivo: (p. ej., el nombre de dominio es 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

Reglas de acceso

Las reglas de acceso indican cómo acceder a los archivos subidos a una carpeta específica, y [index.php] hace referencia a la página de inicio.

Cuando subas un archivo llamado h5_html/index.php → dirección de acceso: 123.com

Cuando subas un archivo llamado h5_html/maomi.php → dirección de acceso: 123.com/maomi

Cuando subas un archivo llamado h5_html/mao/index.php → dirección de acceso: 123.com/mao

Cuando subas un archivo llamado h5_html/mao/bosi.php → dirección de acceso: 123.com/mao/bosi

De acuerdo, su sitio web ya es accesible y utilizable. Para aprender técnicas más avanzadas, consulte los ejemplos a continuación.

Traducción automática multilingüe

El sistema genera automáticamente versiones multilingües para su página web.

Cuando subas h5_html/index.php (con contenido en chino), el sistema generará automáticamente:

123.com/zh/maomi    # 中文版（原始文件）
123.com/en/maomi    # 英文版（自动翻译）
123.com/ja/maomi    # 日文版（自动翻译）
123.com/fr/maomi    # 法文版等等...

Por ejemplo, si cambia "Bienvenido a mi sitio web" en h5_html/index.php por "Explore el maravilloso mundo", el contenido traducido al inglés más reciente se mostrará automáticamente cuando los usuarios visiten la página en inglés.

Ver código de ejemplo

Modifique el archivo de ejemplo para experimentar las funciones del sistema.

En los archivos del sitio web del Panel BT, abra la carpeta: [h5_html]->[dosc]->[lang-i18n.php], donde puede modificar o eliminar el código fuente.

Luego, acceda a la dirección de la página: domain.com/en/dosc/lang-i18n

De esta forma, podrás experimentar cómo utilizar las funciones de juego avanzadas del sistema.