Panduan Memulai Cepat ShipLang

Pelajari cara menggunakan AI untuk mendesain halaman web, mengoptimalkan SEO, dan meluncurkan situs web multibahasa Anda dengan cepat dalam 5 menit. Artikel ini akan memandu Anda melalui seluruh proses, mulai dari memilih alat AI hingga meluncurkan situs web Anda. Di bawah ini adalah beberapa alat AI umum yang tersedia; Anda dapat memilih salah satunya untuk digunakan. Halaman uji: shiplang.com/zh/dosc/test

Beli Akun Keanggotaan AI

Untuk membeli akun keanggotaan dengan harga diskon atau mengisi ulang akun AI Anda, silakan hubungi:

Wechat wechat:xlh3650
Surat:8123202@gmail.com
微信二维码

Struktur Direktori

Struktur direktori ini terutama melibatkan dua folder: [h5_html] dan [h5_php]. Awalnya, hanya akan ada satu folder: [h5_html]. Berikut ini akan mengajarkan Anda cara menggunakan folder ini untuk membangun situs web global.

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

Rancang sebuah halaman web dalam 5 menit.

Langkah 1: Kirim ke AI

🎨 (Pemula) Petunjuk antarmuka pengguna ⚙️ (Lanjutan) Saran kata-kata backend

Unggah file [Prompt Front-end] yang telah diunduh ke kotak dialog AI dan masukkan situs web yang perlu Anda kembangkan. Misalnya, Anda dapat menulis: Kembangkan untuk saya halaman beranda situs web yang menampilkan berbagai jenis kucing.

Langkah 2: Mengunduh dan Mengunggah

Unggah file HTML yang dihasilkan AI ke folder h5_html di dalam framework ShipLang (Anda dapat langsung mengunggah file atau menempelkan kodenya). Perhatikan bahwa file harus diakhiri dengan [.php] dan bukan .html.

Contoh struktur file: (misalnya, nama domain adalah 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

Aturan akses

Aturan akses memberi tahu Anda cara mengakses file yang diunggah ke folder tertentu, dan [index.php] mengacu pada halaman beranda.

Saat Anda mengunggah file bernama h5_html/index.php → alamat akses: 123.com

Saat Anda mengunggah file bernama h5_html/maomi.php → alamat akses: 123.com/maomi

Saat Anda mengunggah file bernama h5_html/mao/index.php → alamat akses: 123.com/mao

Saat Anda mengunggah file bernama h5_html/mao/bosi.php → alamat akses: 123.com/mao/bosi

Oke, situs web Anda sekarang dapat diakses dan digunakan. Untuk mempelajari teknik yang lebih canggih, silakan lihat contoh di bawah ini.

Terjemahan otomatis multibahasa

Sistem ini secara otomatis menghasilkan versi multibahasa untuk halaman web Anda.

Saat Anda mengunggah h5_html/index.php (dengan konten berbahasa Mandarin), sistem akan secara otomatis menghasilkan:

123.com/zh/maomi    # 中文版（原始文件）
123.com/en/maomi    # 英文版（自动翻译）
123.com/ja/maomi    # 日文版（自动翻译）
123.com/fr/maomi    # 法文版等等...
Keunggulan utama:Anda hanya perlu mengelola satu file HTML berbahasa Mandarin. Setelah memodifikasi konten berbahasa Mandarin, semua versi bahasa akan diperbarui secara otomatis dan sinkron, sehingga menghilangkan kebutuhan akan terjemahan manual atau pengelolaan banyak file.

Sebagai contoh, jika Anda mengubah "Selamat datang di situs web saya" di h5_html/index.php menjadi "Jelajahi dunia yang menakjubkan", konten bahasa Inggris terjemahan terbaru akan secara otomatis ditampilkan saat pengguna mengunjungi halaman berbahasa Inggris.

Lihat contoh kode

Ubahlah file contoh untuk merasakan fungsi-fungsi sistem.

Di dalam file situs web BT Panel, buka folder: [h5_html]->[dosc]->[lang-i18n.php], di mana Anda dapat memodifikasi atau menghapus kode sumber.

Kemudian akses alamat halaman: domain.com/en/dosc/lang-i18n

Dengan cara ini, Anda dapat merasakan bagaimana cara menggunakan fitur-fitur permainan tingkat lanjut dari sistem ini.