ตัวเลือกการปรับแต่งเว็บไซต์

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

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

เรียนรู้ เพิ่มเติม เกี่ยวกับ Cloudbeds Website Builder

กำลังมองหาตัวเลือกในการปรับแต่ง พื้นหลังเว็บไซต์ ของคุณหรือไม่? ดูบทความ การปรับแต่งพื้นหลังเว็บไซต์

ธีม

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

การแก้ไขที่จะทำบนแถวหรือคอลัมน์แต่ละรายการจะ ไปเขียนทับการตั้งค่าแถวและคอลัมน์ของธีม

  • พื้นหลัง: ส่วนนี้ช่วยให้คุณควบคุมรูปแบบพื้นหลังสำหรับเว็บไซต์ของคุณ เลือกว่าจะใช้สีหรือภาพเป็นพื้นหลัง
  • เลย์เอาต์เว็บไซต์: ควบคุมการนำทางเลย์เอาต์เว็บไซต์บนเดสก์ท็อป แท็บเล็ต และมือถือ สำหรับเวอร์ชันเดสก์ท็อป คุณสามารถเลือกจากความกว้างสองแบบ: 960px หรือ 1200px

การเปลี่ยนเลย์เอาต์การนำทางของคุณมักมีผลต่อพฤติกรรมของส่วนหัวและบางครั้งเว็บไซต์ทั้งหมด หากส่วนหัวของคุณดูผิดพลาดหลังจากเปลี่ยนเลย์เอาต์ ลองเลือกเลย์เอาต์อื่น

ธีมเว็บไซต์

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

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

เพื่อเข้าถึงธีมเว็บไซต์ของคุณ คลิกที่ตัวเลือก ธีม ในพาเนลด้านข้าง และทำการ ตั้งค่า ที่จำเป็น:

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

สำหรับหัวข้อและหัวข้อย่อย: เราขอแนะนำที่จะปฏิบัติตามหลักการที่ดีที่สุดของ SEO โดยการติดตามลำดับหัวข้อ ตัวอย่างเช่น ใช้หัวข้อ 1 เป็นหัวข้อหลักและหัวข้อ 6 เป็นขนาดเล็กที่สุด และอย่าข้ามระหว่างระดับหัวข้อ เช่น การไปตรงจากหัวข้อ 1 ไปยังหัวข้อ 4

แถว

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

ใช้ ตัวแก้ไขแถว เพื่อเปลี่ยนสีพื้นหลังแถวและภาพ เพิ่มเส้นขอบ หรือปรับระยะห่างภายในและภายนอกของแถว ในการแก้ไข สไตล์พื้นหลัง หรือ ระยะห่าง ของแถว:

  1. โฮเวอร์ที่มุมบนซ้ายของแถวจนปุ่มแถวปรากฏ คลิก แถว แล้วคลิก แก้ไขการออกแบบ
  2. บนแท็บ การตั้งค่า คุณจะได้รับตัวเลือกต่อไป:
    • แถวทั้งหมด - เพื่อเปลี่ยนแถวเป็นแถวที่ท่องเต็ม, ซึ่งช่วยให้เนื้อหาขยายตัวไปทั่วความกว้างของหน้าจอ, คลิกที่สลับแถวทั้งหมด หากคุณเลือกที่จะไม่มีแถวทั้งหมด, ความกว้างของเนื้อหาจะถูก จำกัดไว้ที่ 960px.
  3. บนแท็บ สไตล์ เลือกใช้สีพื้นหลัง, ภาพ, หรือ วิดีโอ
  4. บนแท็บ อนิเมชัน ใช้เอฟเฟกต์พิเศษกับแถว
  5. บนแท็บ ระยะห่าง กำหนดระยะห่างภายในบนเดสก์ท็อปและแท็บเล็ต
  • Parallax scrolling ไม่ใช่ตัวเลือก สำหรับ ภาพพื้นหลังสไลด์.
  • กำหนดค่า ตำแหน่ง, โอเวอร์เลย์พื้นหลัง, เส้นขอบ, และเงาสำหรับภาพ.
  • วิดีโอ: วาง URL ของวิดีโอที่เลือกในช่องที่ให้. สำหรับข้อมูลเพิ่มเติมเกี่ยวกับพื้นหลังวิดีโอ คลิก ที่นี่.

ตัวเลือกการปรับแต่งอื่น ๆ

ส่วน

ส่วนคือ แถวขององค์ประกอบที่สร้างไว้ล่วงหน้า ซึ่งผู้ใช้สามารถเพิ่มลงในเว็บไซต์ที่ตอบสนองได้ของตนเอง ส่วนช่วยให้ผู้ใช้สามารถสร้างเว็บไซต์ที่ดูดีได้อย่างรวดเร็วโดยประหยัดเวลาในขั้นตอนการออกแบบ

เพิ่มส่วน

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

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

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

วิธีคัดลอกและวางเนื้อหา

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

ข้อคิดเห็น

0 ข้อคิดเห็น

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