หน้าเว็บประกอบด้วยส่วนต่างๆ ที่สามารถแก้ไขได้อย่างสมบูรณ์ ซึ่งจะจัดเรียงในแนวตั้ง คุณสามารถใช้ส่วนต่างๆ ที่เพิ่มได้ง่าย และการลากและวางเพื่อจัดรูปแบบหน้าเว็บได้อย่างง่ายดาย
เมื่อคุณเพิ่มส่วนต่างๆ ลงในหน้าแล้ว คุณสามารถปรับแต่งส่วนต่างๆ สำหรับมุมมองเดสก์ท็อปและมือถือได้อย่างง่ายดาย
ในบทความนี้:
การจัดการส่วน
- เลื่อนเมาส์ไปเหนือส่วนที่คุณต้องการจัดการ
- สิ่งนี้จะเปิดใช้งาน แถบเครื่องมือแก้ไข (1) ที่มุมบนขวาของส่วน
- คลิกที่ แก้ไขมาตรา (2) ตัวเลือกในการเปิดกล่องการตั้งค่าส่วน
ในป๊อปอัปการตั้งค่าส่วน คุณจะมีแท็บ 5 แท็บเพื่อจัดการความกว้าง ความสูง ตำแหน่งเนื้อหา และตัวเลือกการปรับแต่งอื่นๆ มากมาย
แท็บส่วน
จากแท็บส่วน คุณสามารถจัดการ:
- ความกว้างของพื้นหลัง: เลือกความกว้างของส่วน
- ความสูง: กำหนดความสูงของส่วน ใช้ รถยนต์ ตัวเลือกเพื่อให้ความสูงของส่วนต่างๆ จะขึ้นอยู่กับเนื้อหาในส่วนนั้นๆ
- ระยะห่างเดสก์ท็อป: ระบุระยะห่างภายใน (padding) ของส่วน คุณสามารถจัดการระยะห่างของทุกด้านของส่วนได้
- ระยะห่าง – มือถือ: จัดการระยะห่างด้านบนและด้านล่างของส่วนต่างๆ สำหรับอุปกรณ์เคลื่อนที่ เมื่อเปิดใช้งาน ความสูงของส่วนต่างๆ จะถูกตั้งค่าเป็นอัตโนมัติโดยอัตโนมัติในอุปกรณ์เคลื่อนที่
แท็บเนื้อหา
คลิกที่ แท็บ เนื้อหา (1) เพื่อดูการตั้งค่าเนื้อหา:
- ความกว้างของเนื้อหา: กำหนดความกว้างของเนื้อหาภายในส่วน
- การจัดตำแหน่งเนื้อหา: ตั้งค่าเนื้อหาให้ชิดซ้าย ชิดขวา หรือกึ่งกลาง
- ตำแหน่งบล็อกเนื้อหา: วางเนื้อหาไว้ภายในส่วน
ตัวเลือกส่วน
คลิกที่ แท็บ " ตัวเลือก"เพื่อดูการตั้งค่าเนื้อหา:
- จัดการไฟล์ แพ็กเกจ ของส่วนเดสก์ท็อปและอุปกรณ์พกพา คุณยังสามารถซ่อนส่วนทั้งหมดได้ด้วย อ่านเพิ่ม.
- เปิดใช้งาน / ปิดใช้งาน ไอคอนเลื่อน สำหรับส่วนนี้ เลื่อนหน้าจอไปยังส่วนถัดไปที่ปรากฏบนหน้า
- ทำให้สามารถ ผล Parallax เพื่อทำให้ภาพพื้นหลังเคลื่อนไหว เมื่อเปิดใช้งานเอฟเฟกต์พารัลแลกซ์ เนื้อหาจะเลื่อนไปบนพื้นหลังของส่วนนั้น กล่าวคือ พื้นหลังจะคงที่
ตัวเลือกเอฟเฟกต์พาราแล็กซ์จะปรากฏขึ้นก็ต่อเมื่อมีการอัปโหลดภาพพื้นหลังลงในส่วนนั้นแล้วเท่านั้น เรียน รู้เพิ่มเติม
รัศมีมุม
ปรับแต่งรูปลักษณ์ของส่วนของคุณโดยใช้ ตัวเลือก Corner Radiusเพื่อสร้างดีไซน์ที่สวยงามและไม่เหมือนใคร ตั้งแต่ขอบโค้งมนเล็กน้อยไปจนถึงเส้นโค้งที่โดดเด่น ความเป็นไปได้นั้นไม่มีที่สิ้นสุด!
- ปรับแต่งรัศมีมุมส่วนสำหรับ เดสก์ท็อปและแท็บ คุณสามารถตั้งค่าค่ามุมบน ขวา ล่าง และซ้ายของส่วนต่างๆ ได้อย่างอิสระ (เป็นพิกเซล)
- ระบุค่ารัศมีมุมส่วนสำหรับ โทรศัพท์มือถือ อุปกรณ์
- ระบุ รหัสส่วน สำหรับส่วนนี้ คุณไม่สามารถใช้ช่องว่างตรงนี้ได้
สิ่งนี้มีประโยชน์ในขณะที่คุณสร้างลิงก์ยึดบนเว็บไซต์ของคุณ (มีประโยชน์มากที่สุดในกรณีของ เว็บไซต์หน้าเดียว). รู้มากกว่านั้น.
แถบขอบ
เส้นขอบ หมายถึง ขอบเขตภาพที่แบ่งส่วนต่างๆ ในหน้าเดียว เส้นขอบเหล่านี้สามารถปรับแต่งเพื่อยกระดับการออกแบบและเค้าโครงของเว็บไซต์ได้
คุณสามารถเปิดใช้งานเส้นขอบส่วนต่างๆ ได้จากแท็บ เส้นขอบคลิกที่นี่เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการปรับแต่งเส้นขอบส่วนต่างๆ
แท็บตัวคั่น
คุณมีตัวเลือกในการรวมตัวคั่นซึ่งทำหน้าที่เชื่อมส่วนต่างๆ ที่แตกต่างกันเข้าด้วยกันหรือเพิ่มองค์ประกอบตกแต่งระหว่างส่วนต่างๆ เพื่อเพิ่มความสวยงามและความสอดคล้องของการออกแบบโดยรวม
คุณสามารถเปิดใช้งานตัวคั่นในส่วนต่างๆ ได้จากแท็บ ตัวคั่นเรียนรู้เพิ่มเติมเกี่ยวกับการใช้ตัวคั่น
