ของ
สัปดาห์ก่อนนะ
เพิ่มเพจ เช่น
ให้เปิดอะไรนะคู่มือขึ้นมา คู่มือการใช้งาน
จำได้ไหมคะ
เราจะมาปรับแต่งรูปแบบหน้าเพจ
2 เมนูสุดท้าย
ในการปรับ
แต่งดีไซน์เว็บไซต์ 2 หน้าสุดท้าย
ต้องมารู้ว่าปรับแต่งรูปแบบหน้าเพจนี้ปรับแต่งอะไรบ้างนะคะ
ปรับแต่งฟอนต์ทำอย่างไรพื้นหลังนี่ ปรับแต่งฟอนต์ทำอย่างไรพื้นหลังนี่ แล้วเหลือ font แล้ว
ฟิล์ม
ของ
นะคะ ซิมของเว็บคือที่เราทำไปแล้ว สิ่งที่เราจะต้องปรับในวันนี้ ก็คือรูปแบบของหน้าเพจของเรา
ให้ไปที่
ระบบตัวเอง แล้วใช่ไหมคะ ไปที่เมนูออกแบบ
นะคะ
เห็นหรือเปล่า
อันที่ 2 นะคะ อันที่ 2 ด้านบนสุด ก่อนอื่นเราต้องเข้าระบบของตัวเองก่อนนะคะ
เข้าระบบแล้วไปไหน
บางคนยังไม่เข้า
ช้า
แถบ
ออกแบบตัวนี้นะคะ แล้วไปที่
เลื่อนลงไปอีก 2 เมนูด้านล่าง เห็นไหม
เมนูอันที่ 2
ทางขึ้นมานะคะ รูปแบบหน้าเพจให้เลือกเมนูนี้
เราจะมาแต่งหน้าเพจ
จะมี 1 อันแรก
ของบท
ความนะคะ ให้คลิกบทความค่ะ เราจะมาปรับแต่งรูปแบบของบท
ความของเราก่อนนะคะ
ปรับไว้
ดู อาจจะขึ้นไม่เหมือนกัน
นั่นก็คือขึ้นอยู่กับธีมของหน้าเพจที่เราเลือกนะ
ก่อนอื่นให้ดูว่ารูปแบบรายการบทความที่นะคะ เราอยากให้มันแสดงแบบไหน
นะคะ
ส่วนแรก
รูปแบบรายการ
หมายถึง
บทความขึ้นมา มันก็จะโชว์ในแนวตั้ง
มันก็จะโชว์ไปตามคอลัมน์ก็คือแนวตั้งบทความ
ที่ 1 อยู่อันแรกบทความที่ 2 อยู่ถัดไปนะคะ บทความที่ 3 เรียงมาในลักษณะแนวตั้ง
รูปตัวอย่างนะคะ
แบบหนึ่งเป็นแถว
ก็คือเรียงจากบนลงล่าง
ถ้าจะ
คอลัมน์นี่ก็คือเรียงจากซ้ายไปขวา
วิธีการจัดเรียง
นะคะ
แบบคอลัมน์
ถ้าแบบแถวก็คือเรียงจากข้างบนลงไปข้างล่าง
แล้วทีนี้อยู่ส่วนที่ 2 อัตราส่วนภาพ
มันก็คือ
ภาพที่เราใช้ประกอบในบทความ
มันมีให้
เกือบ
แบบจตุรัส จตุรัสก็คือเป็นรูปสี่เหลี่ยมจัตุรัส
ก็คือมีขนาดของภาพเท่ากันทุกด้าน
อีกแบบหนึ่ง
แนวนอนนั่นก็คือหรือรูปสี่เหลี่ยมผืนผ้านั่นเองนะคะ ลักษณะภาพที่ออกมาก็จะเป็นแนวนอนนะคะ ก็คือมีขนาดความยาว เท่ากับควา
ความกว้าง
นี้
2 อันนี้เด็ก ๆ เลือก
ว่าเราจะเอารูป
แบบ
ของแม่ไงจะเลือกเป็นแบบคอลัมน์ คือ อยากให้บทความมันโชว์จากซ้ายไปขวาเรียงไปนะคะ แต่ถ้าเราต้องการ
ไม่เรียง จากข้างบนลงมาข้างล่างเรา
แบบแถวนะคะ ส่วนรูป
ลูกเป็นแนวนอน
อันที่ 2
ใครอยากได้รูปแบบจัตุรัส
ให้คลิกเลือก
แบบจัตุรัสนะคะ ให้คลิกเลือกเอา และสุดท้าย ก็คือส่วนของรูปภาพการแสดงการแสดงรูปภาพ ในบทความน่ะค่ะ
มี 2
ขนาดรูปให้พอดีกับ
คือถ้าเลือกแบบแรก ปรับรูปให้พอดีก่อน นี่ก็คือถ้ารูปมันใหญ่กว่า ใหญ่กว่ากรอบภาพนะ
เขาก็จะลดขนาดรูปลง แต่ถ้าเลือกแบบที่ 2
รูป ให้
ทำใหม่
กรอบหนังออก
ให้พอดี
อีกหรอ
นั่นหมายความว่า
ใหญ่มี
ขนาดรูปลง นึกออกนะ
รูปให้พอดี
กรอบ
กันนะคะ
เพราะฉะนั้น
ออกมา
แบบไหน ขนาดอย่างไร
บทความ
เรียงอย่างไร เรียงจากซ้ายไปขวา หรือจากบนลงล่าง ให้เลือก
เอานะคะ
เสร็จแล้วทำอะไรต่อ มาดูขนาดขนาดของภาพ
อะไรเพิ่มก็ตามเขา ขนาดมาตรฐานนะคะ
แต่ถ้ายังปรับ
ใช่ไหม ใช่ไหมคะ มีขนาดมาตรฐานกับขนาดใหญ่ ก็เลือกได้นะคะ
ธีม
เขาจะมีตั้งแต่
คือ
โปร่งแสง
มี 3 แบบให้เลือกนะคะ จะเลือกแบบไหน
โปร่งแสงนะคะ
ถ้าเลือกที่สี
เข้ม สีเข้ม
เป็นใส ๆโปร่งแสง
อะไรนะคะ
ต่อ 1 หน้า สามารถ
หาเนื้อหาของบทความเราได้
จะเยอะไปอย่างนั้น ลดลงเหลือแค่ 10 หน้าก็พอ ต่ำสุดคือ 10 เห็นไหมคะ สูงสุดได้ถึงเท่าไหร่
แค่ 10 ก็ไล่อ่านเยอะแล้วนะคะ
ในส่วนของรูป
นะคะ มาดูในส่วนของการตั้งค่าแถบที่ 2 นะคะ เห็นไหมคะ
ในส่วนนี้นะคะ สังเกตที่ที่มันขึ้นเปิด-ปิดนี้ ตัวนี้เราสามารถปรับได้นะคะ
แสดงหรือไม่แสดง
คือ ถ้าไม่
แสดง
เปิด
คลิก
ให้
สีฟ้า ๆ แล้วไปเปิด แต่ถ้าส่วนไหนไม่ต้อง
ให้แสดงก็ให้คลิก
ปิดหมดตัวนี้นะคะ ก็คือตัวไหนอยากให้แสดง ตัวไหน
อยากให้
ไม่อยากให้แสดงคลิปปิดแค่นั้นเองนะคะ อันนี้ตั้ง
ตามใจชอบ
คือ ในส่วน
เพจของบทความ ถ้าใครเลือกเสร็จเรียบร้อยแล้ว
กดบันทึก
เลยค่ะ
นะคะ เดี๋ยวค่อยไปดู
นะคะ
ขายสินค้า
ถูกไหม
ของสินค้า
ที่สินค้านะคะ
ถ้าของใคร
ขายของน่ะ
วางสินค้าว่า
จะโชว์แบบไหน
รายการสินค้าจะ
แสดงจากซ้ายไปขวา
2 แบบ
เหมือนกันนะคะ นี่
จากสินค้าจะวางจากทางซ้ายไล่ไปทางขวา
สะ
แถว
นะคะ รูป
แบบของรูปของสินค้า จะไม่เหมือนกับ
แบตบแรก เห็นไหม
เป็นแนวจัตุรัสนะคะ
แบบของสินค้าจะเป็นแนวตั้ง ต่าง
กันอย่างไร
ภาพมันจะเป็นภาพที่บางคนมันจะเป็นรูปเหมือนรูปสินค้าบางอย่างนี่ มันอยู่ในแนวที่ความสูงมากกว่าความกว้าง
อย่างนี้เราก็จะเลือกลักษณะอัตราส่วนภาพเป็นแบบแนวตั้งนั่นเองนะคะ ก็คือให้ดูรูปที่เราใช้นะค่ะ
ในการนำเสนอสินค้าเราเป็นรูปแนวไหนนะคะ
อัตราส่วนภาพนี้ให้ปรับตามรูปภาพของสินค้าของเรานะคะ
ในส่วนของการแสดงภาพสินค้า ตัด
รูปให้พอดี
กรอบ
ให้พอดีกรอบ
เลือกเอา
เห็นไหมคะ
อะไรของสินค้า เราเห็นไหม แสดง
รหัส
เว็บ
เวลาสั่งซื้อสินค้า เขาก็จะ
เขาจะ
เพราะฉะนั้นเราอาจจะต้อ
เพื่อให้แสดงรหัสสินค้าด้วยอย่างนี้นะคะ เพราะฉะนั้น
ก็คือ
ดูรูปแบบในการขายของเรา ว่าตอนขายน่ะ
เราเอา
มาจากอะไร จากสินค้า
รหัสสินค้า ตัวนี้
คงเข้าใจอยู่นะ
เปิดกับปิดน่ะ คือถ้าต้องการ
งานส่วนไหนไม่ต้องการให้มันแสดงก็ให้คลิกปิดไว้
ของสินค้า
ส่วนของ
รายละเอียดสินค้า
เห็นไหมคะ
Manager
Messenger
นิดนะคะ
Facebook Messenger ขึ้นมาอุ้มส่งข้อความนะค่ะ ของ Facebook ขึ้นมา
หมายความว่าถ้าเราเลือกตัวนี้
ถ้าเรามี Facebook ของร้านเราด้วยนึกออกนะ ก็คือเพื่อ อะไรเพื่อเป็นช่องทางในการให้ลูกค้าติดต่อได้อีกทางหนึ่ง
เขาทำไว้
ลูกค้า
ส่งข้อความเข้า
ไปที่ Facebook messageพ
อยากกิน
เพราะโดยส่วนมาก
หรือลายไทย
เข้ามาดู ถึงจะรู้
ทำให้รู้
มาอย่างนี้
เหตุ หรือ
ตรวจ
โอเคนะคะ ก็อย่าลื
มกดบันทึก ที่แถบบ
กดบันทึก
ทุกอย่าง กลับมาแก้
ขาได้
กลับไปแล้ว
ลองตอนทำแรก ๆ
แต่พอ
จะเปลี่ยน
ใช่เลย
กดบันทึกนะคะ
เพลง
อยู่ในสวน
ของแกลอรี่ แกลอรี่
หมายถึงอะไร
นั่นหมายถึง
ที่เรามี
การทำบัวลอย
เพื่อเก็บค่า
พวกนี้นะคะ
ได้ 3 รูปแบบ
คือแบบ
แบบที่ 2
การเรียน
เหมือนกันนะ
เพราะ
การแสดงภาพ
ปริมาณเยอะ ๆ ในแกลอรี่เราน่ะ
มีแบบไหนเรา
เกี่ยวกับนะคะ
ไว้เหมือนเดิมนะคะ
เห็นไหม
แสดงผลของรูปในอัลบั้ม
ตามขนาด
2 รูป
ค่ะ
อากาศนำเข้า
ฝากด้วยนะคะ
ปลุกตอน 1
บอกนะ
แบบที่ 2 นี่
เอาแบบที่ 2 นี่ทำเป็น 1 รูปต่อ 1 หน้าแล้วก็จะ
เหมือนให้เลื่อน
อย่างนี้นะคะ
หน้านี่มีหลายรูป
มีเสียงแทรกมา
รูปไหน
เรียงตามเล็กใหญ่นะคะ
สมมุติเขาใหญ่ นี่
2 แบบนี้
เขาจะเลือก
อันนี้ล่ะ
อยากให้แสดง ไม่แสดง คลิก
เปิด ปิด
แค่นั้นเองนะคะ
ทานข้าวมาเลยนะคะ
ติดต่อเรา ส่วนการติดต่อที
ตรงไหน
ส่วนท้าย
โทร
แบบไหน
เข้าไป ตรงส่วนนี้
เราจะสามารถ
ติดต่อที่ได้ 2 แบบ
ไม่ดีหรือ เปล
ไม่ได้เลยใช่ไหม เปลี่ยนั่งก็ไม่ได้
โอเค ไม่มีปัญหา
ที่ 1
หน้าเพจแบบที่ 1 อันแรก
มีแถบคั่น
ส่วนของ
ข้อความ
อยู่ทางซ้าย
นะคะ
ข้อความ
อยู่ทางขวา
กันไหม
เลือก เลือกแบบไหน เลือกได้ เลือกแบบที่ 2 นะคะ
ที่นี่
ถ้าแบบ
1
แบ่ง section
ออกเป็น 2 คอลัมน์ คือ ใช้รูปแบบขวาเห็นไหมคะ
อยู่ด้านล่างฝั่ง
ข้างทางขวามือ
ทางขวามือถูกแล้ว ถ้าเลือกแบบที่ 1 นะคะ แต่ถ้าเลือกแบบที่ 2 นี่
เป็น 2 เหมือนกัน 2 Column เหมือนกันแต่มีส่วนติดต่อเรานี่จะอยู่ทางซ้ายมือเห็นไหมคะ
แบบที่
ติดต่อ
พอรับแล้วนะคะ
จะอยู่ตรง
แบบที่ 4 นี่จะแบ่งเป็น 4 ส่วนค่ะ มีส่วนย่อย ๆ เล็ก ๆ อยู่ข้างบนนะคะ แต่ก็เป็นแนวแบบเป็นแถวอยู่
แบ่ง Section ได้หลาย section
ก็มีส่วนติดต่อนี้อยู่ข้างล่างนะคะ
ก็แบบที่ 5 จะเป็นแบบนี้นะคะ ที่เป็นสว่างสว่างสีขาว ๆ นี่ส่วนติดต่อก็จะอยู่ด้านล่าง
อะไรดี