คู่มือเริ่มต้นใช้งาน ShipLang ฉบับย่อ

เรียนรู้วิธีใช้ AI ในการออกแบบเว็บเพจ ปรับแต่ง SEO และเปิดตัวเว็บไซต์หลายภาษาของคุณอย่างรวดเร็วภายใน 5 นาที บทความนี้จะแนะนำคุณตลอดกระบวนการ ตั้งแต่การเลือกเครื่องมือ AI ไปจนถึงการเปิดตัวเว็บไซต์ของคุณ ด้านล่างนี้คือเครื่องมือ AI ทั่วไปบางส่วน คุณสามารถเลือกใช้ได้ตามต้องการ หน้าทดสอบ: shiplang.com/zh/dosc/test

ซื้อบัญชีสมาชิก AI

หากต้องการซื้อบัญชีสมาชิกในราคาลดพิเศษหรือเติมเงินเข้าบัญชี AI โปรดติดต่อ:

เวแชท:xlh3650
อีเมล:8123202@gmail.com
微信二维码

โครงสร้างไดเร็กทอรี

โครงสร้างไดเร็กทอรีนี้ประกอบด้วยโฟลเดอร์หลักสองโฟลเดอร์ ได้แก่ [h5_html] และ [h5_php] ในขั้นต้นจะมีเพียงโฟลเดอร์เดียวคือ [h5_html] ต่อไปนี้จะสอนวิธีการใช้โฟลเดอร์นี้เพื่อสร้างเว็บไซต์ระดับโลก

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

ออกแบบเว็บเพจภายใน 5 นาที

ขั้นตอนที่ 1: ส่งไปยัง AI

🎨 (ระดับเริ่มต้น) ข้อความแจ้งเตือนส่วนหน้า ⚙️ (ขั้นสูง) คำแนะนำจากระบบแบ็กเอนด์

อัปโหลดไฟล์ [Front-end prompt] ที่ดาวน์โหลดมาลงในกล่องโต้ตอบ AI และป้อนเว็บไซต์ที่คุณต้องการพัฒนา ตัวอย่างเช่น คุณสามารถเขียนว่า: พัฒนาหน้าแรกเว็บไซต์ให้ฉันเพื่อแสดงแมวสายพันธุ์ต่างๆ

ขั้นตอนที่ 2: การดาวน์โหลดและการอัปโหลด

อัปโหลดไฟล์ HTML ที่สร้างโดย AI ไปยังโฟลเดอร์ h5_html ภายในเฟรมเวิร์ก ShipLang (คุณสามารถอัปโหลดไฟล์โดยตรงหรือวางโค้ดก็ได้) โปรดทราบว่าไฟล์ต้องลงท้ายด้วย [.php] แทนที่จะเป็น .html

ตัวอย่างโครงสร้างไฟล์: (เช่น ชื่อโดเมนคือ 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

กฎการเข้าถึง

กฎการเข้าถึงจะบอกวิธีเข้าถึงไฟล์ที่อัปโหลดไปยังโฟลเดอร์ที่กำหนด และ [index.php] หมายถึงหน้าแรก

เมื่อคุณอัปโหลดไฟล์ชื่อ h5_html/index.php → ที่อยู่เข้าถึง: 123.com

เมื่อคุณอัปโหลดไฟล์ชื่อ h5_html/maomi.php → ที่อยู่สำหรับเข้าถึง: 123.com/maomi

เมื่อคุณอัปโหลดไฟล์ชื่อ h5_html/mao/index.php → ที่อยู่เข้าถึง: 123.com/mao

เมื่อคุณอัปโหลดไฟล์ชื่อ h5_html/mao/bosi.php → ที่อยู่เข้าถึง: 123.com/mao/bosi

โอเค เว็บไซต์ของคุณสามารถเข้าถึงและใช้งานได้แล้ว หากต้องการเรียนรู้เทคนิคขั้นสูงเพิ่มเติม โปรดดูตัวอย่างด้านล่าง

การแปลอัตโนมัติหลายภาษา

ระบบจะสร้างเวอร์ชันหลายภาษาสำหรับเว็บเพจของคุณโดยอัตโนมัติ

เมื่อคุณอัปโหลดไฟล์ h5_html/index.php (ที่มีเนื้อหาภาษาจีน) ระบบจะสร้างไฟล์ต่อไปนี้โดยอัตโนมัติ:

123.com/zh/maomi    # 中文版（原始文件）
123.com/en/maomi    # 英文版（自动翻译）
123.com/ja/maomi    # 日文版（自动翻译）
123.com/fr/maomi    # 法文版等等...
ข้อได้เปรียบหลัก:คุณจำเป็นต้องดูแลไฟล์ HTML ภาษาจีนเพียงไฟล์เดียวเท่านั้น หลังจากแก้ไขเนื้อหาภาษาจีนแล้ว เวอร์ชันภาษาอื่นๆ ทั้งหมดจะได้รับการอัปเดตพร้อมกันโดยอัตโนมัติ ทำให้ไม่จำเป็นต้องแปลด้วยตนเองหรือดูแลไฟล์หลายไฟล์อีกต่อไป

ตัวอย่างเช่น หากคุณเปลี่ยนข้อความ "ยินดีต้อนรับสู่เว็บไซต์ของฉัน" ในไฟล์ h5_html/index.php เป็น "สำรวจโลกอันแสนมหัศจรรย์" เนื้อหาภาษาอังกฤษที่แปลล่าสุดจะแสดงขึ้นโดยอัตโนมัติเมื่อผู้ใช้เข้าชมหน้าเว็บภาษาอังกฤษ

ดูตัวอย่างโค้ด

แก้ไขไฟล์ตัวอย่างเพื่อทดลองใช้งานฟังก์ชันต่างๆ ของระบบ

ในไฟล์เว็บไซต์ BT Panel ให้เปิดโฟลเดอร์: [h5_html]->[dosc]->[lang-i18n.php] ซึ่งคุณสามารถแก้ไขหรือลบซอร์สโค้ดได้

จากนั้นเข้าถึงที่อยู่หน้าเว็บ: domain.com/en/dosc/lang-i18n

ด้วยวิธีนี้ คุณจะสามารถสัมผัสประสบการณ์การใช้งานฟีเจอร์การเล่นเกมขั้นสูงของระบบได้