SITE MAP TEMPLATE BUILDER ▸ SHAREINVESTOR STYLE

สร้าง Site Map ตามเท็มเพลตเดิม เปลี่ยนเนื้อหาได้ทุกส่วน

ครบตามเท็มเพลต: แถบ Appendix ด้านบน, กลุ่ม HEADER/FOOTER, legend REMARK/SYMBOL, โลโก้ ShareInvestor เหนือโลโก้ลูกค้าเสมอ, ผังคอลัมน์พร้อมสี/สัญลักษณ์ และลายน้ำ ShareInvestor — ใส่ domain ให้ AI ร่างเนื้อหา หรือแก้เองได้ทันที

01 ข้อมูลหลักของงาน

สลับโลโก้แบรนด์บนผัง และแนวการแต่งของ AI (ShareInvestor = โมดูลนักลงทุนสัมพันธ์ · 21 Impact = เว็บองค์กร)

ดึงอัตโนมัติจาก domain ด้านล่าง: โลโก้เข้ากล่องแดง + เติมแถบหัวเรื่องและกล่องรากด้วย "ชื่อทางการ" ของบริษัทเท่านั้น (เช่น … Public Company Limited / บริษัท … จำกัด (มหาชน) จากบรรทัด © ท้ายเว็บ) — เว็บไหนไม่มีชื่อทางการจะปล่อยให้พิมพ์เอง · ถ้าพิมพ์แถบหัว/กล่องรากเองแล้วจะไม่เขียนทับ

02 เนื้อหาผัง

นับเฉพาะชั้นของ "เมนู" — รายละเอียดของโมดูล (ฟิลด์ใต้รายการ #1, ฟิลด์ในฟอร์ม, บล็อกที่อยู่) แตกได้ถึง 6 ระดับเสมอ · เมนูจริงที่ลึกเกินจะถูกยุบขึ้นมา ไม่ถูกตัดทิ้ง · มีผลทั้งผัง BEFORE, AFTER และปุ่มสั่ง AI แก้ AFTER

ทำ 2 รอบในปุ่มเดียว — BEFORE: ผังปัจจุบันของลูกค้า — ดึงหน้า sitemap จริงของเว็บมาแล้วจัดฟอร์แมตเฉยๆ (AI แค่ตรวจความถูกต้อง ไม่เติมเมนู ไม่แต่งตามเทมเพลต) · เว็บไหนไม่มีหน้า sitemap จะยึดเมนูหลักจริงจากแถบนำทาง แล้วให้ AI สำรวจเติมให้ · AFTER: เอาเว็บลูกค้า "เข้าเทมเพลต" — ใช้โครงเทมเพลตของลักษณะเว็บที่เลือกเป็นกรอบ แล้วจัดเนื้อหาจริงของเว็บลงในกรอบนั้น (หมวดที่ลูกค้ายังไม่มีใส่เป็นข้อเสนอพร้อมเหตุผล · หน้าที่ลูกค้ามีจริงไม่ถูกทิ้ง)

# ชื่อผัง · ## หมวดหลัก · ###/#### หน้าย่อย — แต่งโหนดด้วยแท็กท้ายบรรทัด:
SYMBOL (ตาม legend ทางการ — เลขคือความหมายที่ทีมงานใช้อ่านผัง): (n:1) Menu Level 1 / Homepage (ตัดมุม) · (n:2) Sub Menu / Module Page (โค้ง) · (n:3) Landing Page (เหลี่ยม) · (n:4) Group / No URL — หัวข้อในเมนูที่คลิกไม่ได้ (เส้นประอัตโนมัติ) · (n:5) Scene / Static Details — เนื้อหาในหน้าที่คลิกไม่ได้ ไม่มีเมนู เช่นบล็อกที่อยู่/ฟอร์ม/แผนที่/ฟิลด์ (หกเหลี่ยม) · (link) Link Out — n:4 และ n:5 ที่มีลูก จะได้กรอบกลุ่มเส้นประครอบลูกให้อัตโนมัติ — เลขกำหนดทรงโหนดอัตโนมัติ ไม่แสดงตัวเลขในผัง (เลขอยู่เฉพาะใน legend ตามเท็มเพลตจริง)
สี: (dl) ไฟล์ดาวน์โหลดเขียว · (c:yellow/orange/gray/cyan/magenta/plum/red) สีตาม REMARK (ใส่ที่หัวคอลัมน์ได้ เช่น HOMEPAGE (c:red)) · (box:pink/yellow/green/blue/purple/orange/gray) ครอบกลุ่มลูกด้วยกล่องสี

ปรับ HEADER / FOOTER และ Legend ของผังที่เลือกไว้ด้านบน (คลิกเพื่อเปิด)

แยกกันระหว่าง BEFORE กับ AFTER — สลับด้วยปุ่ม BEFORE/AFTER ด้านบน · BEFORE ใช้ HEADER/FOOTER ที่ดึงจากเว็บจริง · AFTER ใช้ที่ AI เสนอว่าเว็บประเภทนี้ควรมี (แก้เองทับได้)

03 ผังตามเท็มเพลต

คลิกที่โหนดใดก็ได้ในผัง (รวมหัวคอลัมน์) เพื่อแก้ข้อความ เปลี่ยนสี เพิ่มหรือลบโหนด — การแก้จะ sync กลับไปที่กล่อง Markdown ของผังนั้น · คลิกหัวแผงเพื่อย่อเก็บ · PDF เป็นหน้าเดียวขนาดพอดีผัง ความคมชัดเท่าไฟล์ PNG

BEFORE ผังปัจจุบันของลูกค้า
100% กด Ctrl (⌘ บน Mac) ค้างแล้วหมุนลูกกลิ้งบนผังเพื่อซูมตรงเคอร์เซอร์
AFTER ผังที่เข้าเทมเพลตแล้ว
100% กด Ctrl (⌘ บน Mac) ค้างแล้วหมุนลูกกลิ้งบนผังเพื่อซูมตรงเคอร์เซอร์
AI จะเห็นผัง AFTER ปัจจุบัน (รวมที่คุณแก้เอง) + เทมเพลตที่เลือก แล้วส่งผังใหม่กลับมาแทนที่

แก้ไขโหนด

"เพิ่มโหนดลูก" = แตกกิ่งลงไปอีกชั้น · "เพิ่มโหนดถัดไป" = เพิ่มรายการระดับเดียวกันต่อจากโหนดนี้ (ใช้เพิ่มคอลัมน์ใหม่ได้ถ้าคลิกที่หัวคอลัมน์)