ปรับแต่งเว็บไซต์ Cloudbeds ของคุณด้วยธีมเว็บไซต์

บทนำ

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

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

สารบัญ

• เข้าถึงธีมของไซต์
• ทำความเข้าใจสไตล์ทั่วไปรวมถึงการกำหนดค่าทับ
• ปรับแต่งสีของธีม
• ปรับแต่งสไตล์ปุ่ม
• ปรับแต่งข้อความของธีม
• ปรับแต่งสไตล์ภาพ
• ปรับแต่งพื้นหลัง
• ตัวเลือกธีมของไซต์อื่นๆ

เข้าถึงธีมของไซต์

เปิดธีมของไซต์จากแผงด้านซ้ายของตัวแก้ไข Cloudbeds Websites เมื่อคุณต้องการจัดการการตั้งค่าการออกแบบทั่วไปรวมถึงไซต์ทั้งหมด

1. เปิดเว็บไซต์ Cloudbeds ของคุณในตัวแก้ไข Cloudbeds Websites
2. ในแผงด้านซ้าย เลือกไอคอน ธีม
3. ใช้ส่วนธีมของไซต์ที่มีเพื่ออัปเดตการตั้งค่าการออกแบบทั่วไปรวมถึงไซต์ทั้งหมด

แผงธีมของไซต์ประกอบด้วยการควบคุมทั่วไประดับสูงสำหรับ สี, ปุ่ม, ข้อความ, ความกว้างและระยะห่าง, ภาพ และพื้นหลัง:

ส่วนบนของธีมของไซต์จะแสดงการควบคุมทั่วไประดับสูงสำหรับ สี, ปุ่ม และ ข้อความ:

ถัดลงมา ธีมของไซต์รวมถึงสไตล์หัวเรื่องพร้อมกับ ความกว้างและระยะห่าง, ภาพ และ พื้นหลัง:

ทำความเข้าใจสไตล์ทั่วไปรวมถึงการกำหนดค่าทับ

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

ปรับแต่งสีของธีม

ใช้ส่วน สี เพื่อสร้างและจัดการพาเลตต์สีทั่วไประดับสูงที่ใช้ทั่วทั้งไซต์

1. ในธีมไซต์ ให้ขยายส่วน สี ออกมา
2. เลือกแถบสีที่คุณต้องการอัปเดต
3. กรอกค่าสีแบบ HEX หรือ RGB หรือใช้เครื่องมือหยดสีเพื่อเลือกสี
4. ทำซ้ำสำหรับสีธีมที่เหลือตามต้องการ
5. หากต้องการเปลี่ยนชื่อสีธีม ให้เลื่อนเมาส์ไปที่ชื่อสีแล้วเลือก ไอคอนดินสอ จากนั้นกรอกชื่อใหม่

ปรับแต่งสไตล์ปุ่ม

ใช้ส่วน ปุ่ม เพื่อจัดการสไตล์ปุ่มหลักและปุ่มรองทั่วทั้งพอร์ทัล

1. ในธีมไซต์ ให้ขยายส่วน ปุ่ม ออกมา
2. เลือกสไตล์ปุ่มหลักหรือปุ่มรองที่คุณต้องการอัปเดต
3. ปรับการตั้งค่าปุ่มที่มีให้ตรงกับดีไซน์ของไซต์คุณ

ปรับแต่งข้อความในธีม

ใช้ส่วน ข้อความ เพื่อจัดการตัวอักษรทั่วทั้งพอร์ทัลสำหรับข้อความเริ่มต้น ข้อความย่อหน้า และระดับหัวเรื่อง

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

ปรับแต่งสไตล์ภาพ

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

สำหรับการอัปโหลด จัดระเบียบ และใช้งานสื่อซ้ำ ดูที่ จัดการภาพและสื่อใน Cloudbeds Websites

ปรับแต่งพื้นหลัง

ใช้ส่วน พื้นหลัง เพื่อกำหนดพื้นหลังเริ่มต้นของไซต์ หรือใช้พื้นหลังที่แตกต่างสำหรับแต่ละหน้า

ตั้งค่าพื้นหลังเริ่มต้น

1. ในธีมไซต์ ให้ขยายส่วน พื้นหลัง ครับ/ค่ะ
2. ขยายส่วน พื้นหลังค่าเริ่มต้น ครับ/ค่ะ
3. เลือกตัวเลือก สี หรือ ภาพ ครับ/ค่ะ
4. เลือกพื้นหลังที่คุณต้องการใช้เป็นค่าเริ่มต้นของไซต์ครับ/ค่ะ

ตั้งค่าพื้นหลังสำหรับหน้าที่เฉพาะเจาะจง

1. ในธีมไซต์ ให้ขยายส่วน พื้นหลัง ครับ/ค่ะ
2. ขยายส่วน พื้นหลังแยกตามหน้า ครับ/ค่ะ
3. เลือกหน้าที่คุณต้องการปรับแต่งครับ/ค่ะ
4. เลือกตัวเลือก สี หรือ ภาพ ครับ/ค่ะ
5. เลือกพื้นหลังที่คุณต้องการใช้สำหรับหน้านั้นครับ/ค่ะ

ตัวเลือกธีมไซต์อื่นๆ

แผงธีมไซต์ยังมีตัวควบคุม ความกว้างและระยะห่าง ด้วย ตัวควบคุมเหล่านี้จะแสดงพร้อมกับหมวดหมู่ธีมไซต์ทั่วโลกอื่นๆ ในอินเตอร์เฟส Editor 2.0 ปัจจุบันครับ/ค่ะ

บทความที่เกี่ยวข้อง

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

• ภาพรวมและเริ่มต้นใช้งาน Cloudbeds Websites Editor
• นำทาง Cloudbeds Websites Editor