กำหนดสี แบบอักษร และเลย์เอาต์ของคุณ
ใช้แท็บการออกแบบเว็บไซต์เพื่อตั้งค่าสี แบบอักษร ขนาดตัวอักษร และความโค้งมุมของร้านคุณเพียงครั้งเดียว และใช้กับทุกหน้าพร้อมกัน
การออกแบบเว็บไซต์เก็บการตั้งค่าที่ทำให้ร้านทั้งร้านดูเป็นแบรนด์เดียวกัน ได้แก่ สี แบบอักษร ขนาดตัวอักษร และความโค้งมุม คุณตั้งค่าแต่ละอย่างเพียงครั้งเดียว และทุกหน้าจะทำตาม บล็อกแต่ละอันยังสามารถเขียนทับการตั้งค่าเหล่านี้ได้เมื่อคุณต้องการ
เปิดการออกแบบเว็บไซต์
- เปิดตัวแก้ไข ดู ภาพรวมของตัวแก้ไข
- ในแผงการตั้งค่าทางขวา คลิกแท็บ การออกแบบเว็บไซต์
- คลิกหัวข้อเพื่อเปิด: เอกลักษณ์ สี ตัวอักษร หรือ เลย์เอาต์
การเปลี่ยนแปลงจะแสดงบนหน้าทันทีและบันทึกโดยอัตโนมัติ ร้านที่ใช้งานจริงของคุณจะเปลี่ยนเมื่อคุณเผยแพร่
สี
เปิด สี เพื่อดูสีทั้งเจ็ดที่ทุกหน้าสร้างขึ้นจาก
- สีเน้น: สีหลักของร้านคุณ ปุ่มและลิงก์ใช้สีนี้
- ข้อความบนสีเน้น: สีของคำที่อยู่บนสีเน้น เช่น ข้อความบนปุ่ม
- สีพื้นหลังหน้า: สีที่อยู่ด้านหลังหน้าของคุณ
- พื้นผิว: สีของการ์ดและแผง เช่น การ์ดสินค้าและกล่องฟอร์ม
- ข้อความ: สีของหัวข้อและข้อความหลักอื่น ๆ
- ข้อความรอง: สีที่ไม่โดดเด่นเท่า ใช้กับข้อความย่อหน้า คำอธิบาย และตัวอักษรเล็ก
- เส้นขอบ: สีของเส้นบางและกรอบ
เลือกสี
- คลิกช่องสี
- ในตัวเลือกสีที่เปิดขึ้น ทำอย่างใดอย่างหนึ่งต่อไปนี้:
- คลิกหรือลากในช่องสี่เหลี่ยมใหญ่เพื่อกำหนดความสว่างและความเข้มของสี และลากแถบด้านล่างเพื่อเปลี่ยนสีนั้นเอง
- พิมพ์หรือวางรหัสสี hex เช่น
#2B2622ลงในช่อง - คลิกตัวอย่างใต้ สีของธีม เพื่อใช้สีที่คุณมีอยู่แล้ว หรือใต้ ล่าสุด สำหรับสีที่คุณเลือกเมื่อไม่นานมานี้
- คลิกที่ใดก็ได้นอกตัวเลือกสี หรือกด Esc เพื่อปิด
ตรวจสอบว่าข้อความอ่านง่าย
ใต้สีทั้งเจ็ด Payly จะตรวจสอบว่าสีข้อความแต่ละสีอ่านง่ายบนสีที่อยู่ด้านหลัง หากทุกอย่างปกติ คุณจะเห็น สีทุกคู่อ่านง่าย หากคู่ใดจางเกินไป รายการจะระบุชื่อคู่นั้น แสดงอัตราส่วนความคมชัดและค่าที่ต้องการ และมีปุ่ม แก้ไข ให้คุณคลิกเพื่อปรับสีข้อความให้โดยอัตโนมัติ
Payly ไม่ห้ามคุณเลือกคู่สีที่มีความคมชัดต่ำ แต่ข้อความสีเทาอ่อนบนพื้นหลังสีอ่อนอ่านยาก โดยเฉพาะบนโทรศัพท์ที่อยู่กลางแดด
ตัวอักษร
เปิด ตัวอักษร เพื่อเลือกแบบอักษรและขนาดตัวอักษร
- แบบอักษรเนื้อหา: แบบอักษรสำหรับย่อหน้า เมนู และปุ่ม
- ขนาดตัวอักษรพื้นฐาน: ขนาดของข้อความปกติ
- ระยะห่างบรรทัดเนื้อหา: ระยะห่างระหว่างบรรทัดของข้อความ ตัวเลขที่มากกว่าจะให้พื้นที่มากขึ้น
- แบบอักษรหัวข้อ: แบบอักษรสำหรับหัวข้อ เลือก ใช้แบบอักษรของเว็บไซต์ เพื่อใช้แบบอักษรเนื้อหากับหัวข้อด้วย
- ขนาดหัวข้อ: ทำให้หัวข้อทั้งหมดใหญ่หรือเล็กลง เป็นเปอร์เซ็นต์
- ความหนาหัวข้อ: กำหนดว่าหัวข้อหนาแค่ไหน
- ระยะห่างตัวอักษรหัวข้อ: ทำให้ระยะห่างระหว่างตัวอักษรในหัวข้อแคบลงหรือกว้างขึ้น
เลือกแบบอักษร
- คลิกช่อง แบบอักษรเนื้อหา หรือ แบบอักษรหัวข้อ
- เลื่อนดูรายการ ซึ่งแสดงทุกชื่อด้วยแบบอักษรของชื่อนั้น กลุ่ม แนะนำ ที่ด้านบนมีแบบอักษรที่เหมาะกับร้านส่วนใหญ่
- หากต้องการค้นหาแบบอักษรจากชื่อ ให้พิมพ์ใน ค้นหาแบบอักษร…
- คลิกแบบอักษรเพื่อใช้
รายการครอบคลุมคลังฟอนต์ Google Fonts ทั้งหมด แบบอักษรที่คุณใช้จะรวมอยู่ในร้านของคุณเมื่อเผยแพร่ หากแบบอักษรไม่อยู่ในรายการ ให้พิมพ์ชื่อใน Google Fonts ให้ตรงทุกตัวอักษรในช่องค้นหา แล้วเลือกภายใต้ ใช้ต่อไป
เลย์เอาต์
เปิด เลย์เอาต์ เพื่อดูการตั้งค่าสองอย่าง:
- ความโค้งมุม กำหนดความโค้งของมุมปุ่ม การ์ด และรูปภาพ เลื่อนไปที่ 0 เพื่อให้มุมคม และเลื่อนไปทางขวาเพื่อให้มุมโค้งนุ่ม บล็อกที่ตั้งความโค้งมุมเป็น อัตโนมัติ จะทำตามการตั้งค่านี้
- ทิศทางข้อความ เป็น จากซ้ายไปขวา สำหรับภาษาส่วนใหญ่ จากขวาไปซ้าย จะกลับเลย์เอาต์ทั้งหมดสำหรับภาษาอาหรับ ฮีบรู ฟาร์ซี และอูรดู
เอกลักษณ์
เปิด เอกลักษณ์ เพื่อตั้งค่า ไอคอนเบราว์เซอร์ ซึ่งเป็นรูปเล็ก ๆ ที่แสดงบนแท็บของเบราว์เซอร์ ใช้สัญลักษณ์เรียบง่ายแทนโลโก้ทั้งชุด เพราะจะแสดงที่ขนาดประมาณ 16 พิกเซล คลิก อัปโหลดรูปภาพ หรือ เรียกดูไฟล์ที่อัปโหลด ตามที่อธิบายไว้ใน เพิ่มรูปภาพและใช้คลังสื่อ หากไม่กรอกอะไร ระบบจะใช้โลโก้ของคุณ
โลโก้ของคุณไม่ได้อยู่ที่นี่ แต่อยู่ในส่วนหัวของคุณ ซึ่งจะแสดงผลตรงนั้น ดู ปรับแต่งส่วนหัวและส่วนท้ายของเว็บไซต์
เปลี่ยนเฉพาะบล็อกเดียว
ข้อความ หัวข้อ และปุ่มทุกอันสามารถเขียนทับแบบอักษร ขนาด และสีของเว็บไซต์ได้ เลือกบล็อกแล้วเปิดกลุ่ม ตัวอักษร หรือ รูปลักษณ์ ของบล็อกนั้น ดู แก้ไขข้อความ หัวข้อ และปุ่ม
เคล็ดลับ: หากต้องการรูปลักษณ์ที่ต่างไปโดยสิ้นเชิง คุณเริ่มใหม่จากการออกแบบสำเร็จรูปได้ ดู เปลี่ยนไปใช้ดีไซน์เว็บไซต์อื่น