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

กำลังมองหาตัวเลือกในการปรับแต่ง พื้นหลังเว็บไซต์ ของคุณหรือไม่? ดูบทความ การปรับแต่งพื้นหลังเว็บไซต์
ธีม
- ข้อความ: ควบคุมข้อความสำหรับเว็บไซต์ของคุณ ทั้งสำหรับข้อความและหัวเรื่องของทุกขนาด (H1 ถึง H6) การเปลี่ยนขนาดฟอนต์ รูปแบบ สี และการแก้ไขอื่น ๆ จะมีผลต่อย่อหน้าในอนาคต และประเภทข้อความอื่น ๆ รวมถึงวิดเจ็ตปัจจุบันที่เชื่อมต่อกับข้อความเว็บไซต์ที่ยังไม่ได้เปลี่ยนแบบด้วยตนเอง
- สี: กำหนดพาเลทสีและเชื่อมโยงสีแต่ละสีกับวิดเจ็ตใด ๆ หรือทั้งหมดที่มีการตั้งค่าสี สีขององค์ประกอบใด ๆ ที่เชื่อมโยงกับสีธีมจะอัปเดตโดยอัตโนมัติเมื่อสีที่เชื่อมโยงถูกเปลี่ยนในการตั้งค่าสีธีม
- ปุ่ม: ส่วนนี้ช่วยให้คุณกำหนดรูปแบบของวิดเจ็ตปุ่มหลักและรองบนเว็บไซต์ของคุณ เลือกหนึ่งในเลย์เอาต์ปุ่มของเราและตั้งค่าข้อความ สีพื้นหลัง ขอบ สถานะ hover มุม และรูปแบบเงา
- ภาพ: ควบคุมรูปแบบของวิดเจ็ตภาพบนเว็บไซต์ของคุณ เปลี่ยนเลย์เอาต์ภาพ เพิ่มหรือแก้ไขรูปแบบเส้นขอบ มุมโค้ง หรือเอฟเฟกต์เงา
- แถวและคอลัมน์: กำหนดธีมสำหรับการออกแบบแถวและคอลัมน์ในเชิงสีพื้นหลังและระยะห่างเริ่มต้น
การแก้ไขที่จะทำบนแถวหรือคอลัมน์แต่ละรายการจะ ไปเขียนทับการตั้งค่าแถวและคอลัมน์ของธีม
- พื้นหลัง: ส่วนนี้ช่วยให้คุณควบคุมรูปแบบพื้นหลังสำหรับเว็บไซต์ของคุณ เลือกว่าจะใช้สีหรือภาพเป็นพื้นหลัง
- เลย์เอาต์เว็บไซต์: ควบคุมการนำทางเลย์เอาต์เว็บไซต์บนเดสก์ท็อป แท็บเล็ต และมือถือ สำหรับเวอร์ชันเดสก์ท็อป คุณสามารถเลือกจากความกว้างสองแบบ: 960px หรือ 1200px
การเปลี่ยนเลย์เอาต์การนำทางของคุณมักมีผลต่อพฤติกรรมของส่วนหัวและบางครั้งเว็บไซต์ทั้งหมด หากส่วนหัวของคุณดูผิดพลาดหลังจากเปลี่ยนเลย์เอาต์ ลองเลือกเลย์เอาต์อื่น
พาเนลธีมเว็บไซต์ช่วยให้คุณสามารถทำ การเปลี่ยนแปลง ที่มีผลต่อ เว็บไซต์ทั้งหมดของคุณ ปรับแต่งข้อความ เพียงปุ่ม ภาพ พื้นหลัง และวิดเจ็ตการนำทางจากพาเนลการออกแบบ
การทำ การเปลี่ยนแปลง ที่เฉพาะเจาะจงในวิดเจ็ตหรือหน้าจะเขียนทับธีมที่ตั้งไว้ใน พาเนลธีมเว็บไซต์ เราขอแนะนำให้คุณตัดสินใจเรื่องธีมเว็บไซต์ก่อน แล้วจึงทำการปรับแต่งตามนั้น
เพื่อเข้าถึงธีมเว็บไซต์ของคุณ คลิกที่ตัวเลือก ธีม ในพาเนลด้านข้าง และทำการ ตั้งค่า ที่จำเป็น:

- ในแผงด้านซ้าย คลิก Theme
- คลิก ลูกศร ข้างๆ ข้อความ ค้นหาตัวเลือกที่มีอยู่ด้านล่าง:
- DFLT - นี้จะตั้งค่าธีมสำหรับข้อความทั้งหมดในวิดเจ็ตที่ไม่ได้มอบหมายไปยังหัวข้อหรือสไตล์ย่อย เช่น วิดเจ็ตการนำทาง สีข้อความลิงก์และขีดเส้นใต้ก็สามารถตั้งค่าได้ที่นี่
- PAR - นี้จะตั้งค่าธีมสำหรับวิดเจ็ตข้อความ
- หัวข้อและหัวข้อย่อย H1-H6.
- คลิก ประเภทข้อความที่ต้องการ
- การทำการเปลี่ยนแปลงในพื้นที่ข้อความธีมจะเปลี่ยนแปลงข้อความทั้งหมดในเว็บไซต์ ที่ไม่ถูกบังคับ.
- เมื่อทำการแก้ไขด้วยมือในองค์ประกอบแต่ละ มันจะบังคับธีมเว็บไซต์ และการเปลี่ยนแปลงที่ทำไว้ในธีมเว็บไซต์จะไม่สะท้อนในองค์ประกอบเหล่านี้
สำหรับหัวข้อและหัวข้อย่อย: เราขอแนะนำที่จะปฏิบัติตามหลักการที่ดีที่สุดของ SEO โดยการติดตามลำดับหัวข้อ ตัวอย่างเช่น ใช้หัวข้อ 1 เป็นหัวข้อหลักและหัวข้อ 6 เป็นขนาดเล็กที่สุด และอย่าข้ามระหว่างระดับหัวข้อ เช่น การไปตรงจากหัวข้อ 1 ไปยังหัวข้อ 4
แถว
- โฮเวอร์ที่มุมบนซ้ายของแถวจนปุ่มแถวปรากฏ และคลิก แถว จะปรากฏตัวแก้ไขแถว
- คลิก ย้ายแถวขึ้น และ ย้ายแถวลง เพื่อย้ายแถวปัจจุบันขึ้นหรือลง
- เพื่อเปิดตัวแก้ไขการออกแบบแถว คลิก แก้ไขการออกแบบ
- คลิก +เพิ่ม และเลือกหนึ่งในตัวเลือกที่มี

- คลิก ลบการเว้นวรรค เพื่อลบการเว้นวรรคภายในแถว,
- คลิก กลับสู่การเว้นวรรคโลก เพื่อกลับสู่การเว้นวรรคตามที่คุณกำหนดไว้ในการเว้นวรรคโลก,
- คลิก ภาพเครื่องเข้า เพื่อเพิ่มภาพเครื่องเข้าในแถว (ตัวอย่างเช่น, จางจากขวา, กระเด็นเข้า, ขยายเข้า)
- เพื่อบันทึกแถวเป็นส่วน, คลิก บันทึกเป็นส่วน และเลือกบันทึกเฉพาะแถวปัจจุบัน, หลายแถว, หรือหน้าทั้งหมด.
- เพื่อซ่อนแถวปัจจุบันบนอุปกรณ์ที่ระบุ (คอมพิวเตอร์ตั้งโต๊ะ, แท็บเล็ต, มือถือ), คลิก ซ่อนบนอุปกรณ์, และเลือกอุปกรณ์.
- เพื่อคัดลอก/ลบแถว, คลิก คัดลอก หรือ ลบ.
- เพื่อยึดแถวกับหน้าหรือลบจุดยึดที่มีอยู่, คลิก ตั้งเป็นจุดยึด หรือ แก้ไขจุดยึด.
ใช้ ตัวแก้ไขแถว เพื่อเปลี่ยนสีพื้นหลังแถวและภาพ เพิ่มเส้นขอบ หรือปรับระยะห่างภายในและภายนอกของแถว ในการแก้ไข สไตล์พื้นหลัง หรือ ระยะห่าง ของแถว:
- โฮเวอร์ที่มุมบนซ้ายของแถวจนปุ่มแถวปรากฏ คลิก แถว แล้วคลิก แก้ไขการออกแบบ
- บนแท็บ การตั้งค่า คุณจะได้รับตัวเลือกต่อไป:
- แถวทั้งหมด - เพื่อเปลี่ยนแถวเป็นแถวที่ท่องเต็ม, ซึ่งช่วยให้เนื้อหาขยายตัวไปทั่วความกว้างของหน้าจอ, คลิกที่สลับแถวทั้งหมด หากคุณเลือกที่จะไม่มีแถวทั้งหมด, ความกว้างของเนื้อหาจะถูก จำกัดไว้ที่ 960px.
- บนแท็บ สไตล์ เลือกใช้สีพื้นหลัง, ภาพ, หรือ วิดีโอ
- บนแท็บ อนิเมชัน ใช้เอฟเฟกต์พิเศษกับแถว
- บนแท็บ ระยะห่าง กำหนดระยะห่างภายในบนเดสก์ท็อปและแท็บเล็ต




- Parallax scrolling ไม่ใช่ตัวเลือก สำหรับ ภาพพื้นหลังสไลด์.
- กำหนดค่า ตำแหน่ง, โอเวอร์เลย์พื้นหลัง, เส้นขอบ, และเงาสำหรับภาพ.
- วิดีโอ: วาง URL ของวิดีโอที่เลือกในช่องที่ให้. สำหรับข้อมูลเพิ่มเติมเกี่ยวกับพื้นหลังวิดีโอ คลิก ที่นี่.
ตัวเลือกการปรับแต่งอื่น ๆ
ส่วนคือ แถวขององค์ประกอบที่สร้างไว้ล่วงหน้า ซึ่งผู้ใช้สามารถเพิ่มลงในเว็บไซต์ที่ตอบสนองได้ของตนเอง ส่วนช่วยให้ผู้ใช้สามารถสร้างเว็บไซต์ที่ดูดีได้อย่างรวดเร็วโดยประหยัดเวลาในขั้นตอนการออกแบบ
เพิ่มส่วน
- โฮเวอร์ระหว่างแถว และคลิกที่ปุ่ม เพิ่มส่วน ส่วนจะแสดงในแผงด้านซ้าย
- ใน โหมดส่วน มีแกลเลอรีของส่วนที่สร้างไว้ล่วงหน้าในแผงด้านซ้าย จัดกลุ่มตามหมวดหมู่ (แนะนำ, ว่าง, เร็ว ๆ นี้)
- ในแผงด้านซ้าย คลิกที่ส่วน เพื่อแสดงเป็นแถวใหม่ จากนั้นคุณสามารถเรียกดูส่วนในกลุ่มเดียวกันโดยใช้ปุ่มลูกศรหรือโดยการเลือกส่วนจากกลุ่มอื่น
- เพื่อฝังส่วนลงในเว็บไซต์ คลิกที่ บันทึกส่วน หรือคลิกที่ บันทึกและเพิ่มอีก เพื่อดำเนินการเพิ่มส่วนในเว็บไซต์ของคุณต่อไป ส่วนจะเปลี่ยนเป็นแถวและองค์ประกอบทั้งหมดในส่วนสามารถแก้ไขได้
- ส่วน ไม่ใช้การตั้งค่าสีข้อความหรือตัวอักษร จากการตั้งค่าธีมของเว็บไซต์ อย่างไรก็ตาม คุณสามารถล้างรูปแบบและใช้การออกแบบของคุณเสมอได้
- ส่วนอาจมี มากกว่าหนึ่งแถว
- ส่วนไม่สามารถใช้ในส่วนหัวได้ หากต้องการเปลี่ยนส่วนหัวทั้งหมด เปิดตัวแก้ไขส่วนหัว สำหรับข้อมูลเพิ่มเติม ดูที่ ส่วนหัว
- ส่วนไม่สามารถใช้กับ เทมเพลตแถบข้าง (ตัวอย่างเช่น พอร์ตโฟลิโอ, นมและคุ๊กกี้ ฯลฯ)
การสร้างเว็บไซต์ต้องใช้เวลาและความมุ่งมั่น คุณสามารถทำให้กระบวนการนี้ง่ายขึ้นและมีประสิทธิภาพมากขึ้นโดยใช้คุณลักษณะคัดลอกและวางเนื้อหา คัดลอกองค์ประกอบและแถวในเว็บไซต์ของคุณ สร้าง สำเนาที่แท้จริง เพื่อสร้างแถวหรือองค์ประกอบที่เหมือนกันสำหรับเว็บไซต์ของคุณ
คุณไม่สามารถคัดลอกและวางวิดเจ็ตหรือหน้าเว็บ ระหว่างเว็บไซต์ อย่างไรก็ตาม คุณสามารถทำสำเนาหน้าเว็บและใช้ในเว็บไซต์เดียวกัน หากต้องการเรียนรู้เพิ่มเติม ดูที่ หน้าและป๊อบอัป
วิธีคัดลอกและวางเนื้อหา
- คลิกขวาที่วิดเจ็ตและคลิก คัดลอก
- คลิกขวาที่พื้นที่ที่ต้องการวางและคลิก วาง เพื่อแทรกวิดเจ็ตลงในแถว วิดเจ็ตสำเนาจะปรากฏขึ้นเหนือวิดเจ็ตที่เลือกอยู่ในปัจจุบัน


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


ข้อคิดเห็น
โปรด ลงชื่อเข้าใช้ เพื่อแสดงข้อคิดเห็น