Webiz 04 จัดการหน้า

ในส่วนของการจัดการหน้า จะมีอยู่ 2 tab หน้าต่างเริ่มต้น คือ

• เพิ่มหน้า
• เพิ่มหมวดสินค้า

การเพิ่มหน้า จะเป็นการสร้าง "หน้าเดี่ยว" เพิ่มขึ้นมาใหม่ครั้งละ 1 หน้า

การเพิ่มหมวดสินค้า จะเป็นการสั่งให้หน้าเดี่ยวเริ่มต้นหน้าหนึ่ง ที่มีชื่อในตอนแรกว่า "สินค้า" >>> แตก-หน้าย่อย-เพิ่มขึ้นเป็นโครงสร้างภายใน

....เราจะมาดูไปทีละส่วนครับ

เมื่อคลิกที่แถบเครื่องมือการทำงานด้านบน จะปรากฏเป็นหน้าต่างลิ้นชักป็อปอัพออกมา

- หน้าที่มีคำสั่ง "ลบ" ข้างท้าย คือหน้าเดี่ยวใหม่ที่เราได้จากการคลิกปุ่ม "เพิ่มหน้า"
(ยกเว้นหน้าบริการไปรษณีย์ไทยที่ต้องเปิดการทำงานใน-การตั้งค่าทั่วไป-
- หน้าที่มีคำสั่ง "ซ่อน" ข้างท้าย คือหน้าหลักของระบบที่เราไม่สามารถลบออกได้
ซึ่งจะมีอยู่ 2 หน้าด้วยกัน คือ หน้าสินค้า และหน้าข้อมูลการติดต่อ

เมื่อดำเนินการตามภาพด้านบน

ภาพด้านล่างนี้คือลักษณะที่ปรากฏครับ (คลิกที่ภาพเพื่อขยาย)

ต่อไปเป็นวิธีการจัดการหน้า "สินค้า" <<< ซึ่งเป็นหน้าเดียวที่จะมี "โครงสร้าง 3 ชั้น" คือ
> หน้าสินค้า
>> หมวดสินค้า
>>> ตัวสินค้าต่างๆ ที่สามารถเพิ่มได้ไม่จำกัดจำนวนหน้าเดี่ยวย่อยๆ ในชั้นนี้
แต่ลักษณะการปรากฏบนเว็บไซต์จะแสดงให้เห็นลิ๊งค์ของสองชั้นแรกเท่านั้นครับ
ข้อสังเกตก็คือ...หน้าใดๆ ที่อยู่ชั้นบนสุดจะมีคำสั่งต่อท้ายว่า-ลบ-และ-ซ่อน-
จากภาพต่อไปนี้จึงสังเกตได้เช่นกันว่า "หมวดสินค้า" จะไม่มีคำสั่งต่อท้ายใดๆ อยู่

จากภาพบน จะเห็นได้ว่าภายใต้หน้าสินค้าที่มีคำสั่ง-ซ่อน-ต่อท้าย
ในภาพตัวอย่างจะมีหลายหน้าใต้นั้นลงมาที่ไม่มีคำสั่งต่อท้ายใดๆ เลย
ซึ่งหน้าเหล่านี้คือ "หมวดสินค้า" นั่นเองครับ (ชั้นที่ 2)

ต่อไปจะเ็ป็นการสร้าง "หน้าสินค้า" (ของตัวสินค้าจริงๆ) (ชั้นที่ 3)

และ

จากภาพบน จะเห็นได้ว่าหน้าตัวสินค้านั้นมีคำสั่ง-ลบ-ต่อท้าย

ท่านจึงสามารถลบสินค้าที่หมดจากสต็อคแล้ว ออกไปจากหมวดได้

และเมื่อต้องการเพิ่มสินค้าใหม่ๆ ก็สามารถดำเนินตามขั้นตอนนี้ได้เรื่อยๆ ครับ

ต่อไปคือการเข้าแก้ไขข้อมูลสินค้าที่เพิ่มเข้าไป (คลิกที่ภาพเพื่อขยาย)

และ

การใส่รูป

(ที่ใดที่มีโมดูลสำหรับใส่รูป จะทำแบบเดียวกันทั้งหมดครับ)

สามารถเลือกได้ทั้งภาพนิ่ง และคลิปวิดีโอบนยูทิวบ์ของท่าน (คลิกที่ภาพเพื่อขยาย)

หากเป็นภาพนิ่งจะเข้าสู่ขั้นตอนการเลือกพื้นที่บนภาพเพื่อพรีวิวในกรอบ

ซึ่งกรอบของการครอบตัด (Crop) จะเป็นรูปสี่เหลี่ยมจัตุรัสเท่านั้น จึงเป็นการเลื่อนตำแหน่งบนภาพที่ต้องการ

เพราะฉะนั้นหากท่านต้องการให้พรีวิวภาพทั้งภาพ ท่านควรทำให้ไฟล์ต้นฉบับเป็นรูปสีเหลี่ยมจัตุรัสมาก่อนครับ

(ขอข้ามสู่การแสดงผลโดยรวมเลยนะครับ ซึ่งถ้าเป็นวิดีโอ ตัวภาพพรีวิวจะมี "ลูกศร" ลอยอยู่กลางภาพครับ)

เมื่อเรียบร้อยทั้งหมดแล้ว

จะได้หน้าหมวดสินค้าประมาณนี้ครับ (คลิกที่ภาพเพื่อขยาย)

หน้าหมวดสินค้า (ชั้นที่ 2)

 หน้าตัวสินค้า (ชั้นที่3) เมื่อคลิกจากพรีวิวหมวดด้านบน

• สำหรับการลบรูปก็เพียงแต่คลิกบนโมดูลที่ต้องการ แล้วเลือก "ไม่ใช้รูปภาพ" เสร็จแล้วกดปุ่มบันทึก...และบันทึก
• การลบหน้าชั้นบนสุดจะมีเพียงหน้าสินค้าและการติดต่อที่ไม่สามารถลบได้ (แก้ไขได้เท่านั้น) ส่วนหน้าบริการไปรษณีย์ไทย การสั่งลบจะเป็นการ "ลบข้อมูลที่แก้ไขบนหน้านั้นไว้ทั้งหมด" กลับสู่ค่าเริ่มต้น หากต้องการให้หน้านี้หายไป เข้าไปนำเครื่องหมายถูกออกในหน้า "การตั้งค่าทั่วไป" ครับ
• หากต้องการลบหน้า "หมวดสินค้า" (ชั้นที่ 2) คุณต้องทยอยลบหน้าสินค้าในชั้นที่ 3 ของหมวดนั้นๆ ออกให้หมดก่อนครับ
• รูปถ่ายสินค้า (ภาพนิ่ง) แนะนำเป็น .jpg ขนาดเท่าใดก็ได้ แต่รูปร่างควรเป็นสี่เหลี่ยมจัตุรัส (หากท่านต้องการให้ภาพสินค้า-ทั้งภาพ-ไม่ถูกตัดทอน ในกรณีสี่เหลี่ยมผืนผ้า, เป็นการแสดงผลก่อนการคลิกเปิดกรอบใหญ่โดยผู้เยี่ยมชมเท่านั้นครับ หากเป็นสี่เหลี่ยมผืนผ้าก็จะแสดงเต็มเมื่อมีการคลิกทั้งสิ้น)
• ระบบปฏิบัติการเว็บบิส ผู้ใช้สามารถแก้ไขข้อมูลเผยแพร่ส่วนที่เป็นตัวอักษรได้โดยพิมพ์ลงไปบนตำแหน่งต่างๆ โดยตรงในขณะจัดการเว็บไซต์
• การเลื่อนตำแหน่งลิ๊งค์หน้าเว็บชั้นบนสุด สามารถทำได้โดย "คลิกค้าง-ลาก-ปล่อย" สลับตำแหน่งได้โดยอิสระครับ (เราไม่ได้สาธิตในส่วนนี้เอาไว้นะครับ)
• การแก้ไขใดๆ เมื่อเสร็จสิ้นแล้วให้คลิก "บันทึก" ทุกครั้ง!!!!