การ์ดในส่วนไดนามิก

การ์ดในส่วนไดนามิกจะช่วยเพิ่มความน่าสนใจให้กับเนื้อหาของคุณด้วยการเพิ่มสีพื้นหลังให้กับรายการในส่วนนั้น

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

ในบทความนี้


การ์ดแบบเต็ม / การ์ดข้อความ

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

บัตรเต็ม

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

ไปดูกัน: 

การ์ดข้อความ

  • เมื่อเลือกตัวเลือกการ์ดข้อความ สีของการ์ดและคุณสมบัติอื่นๆ ที่คุณระบุจะถูกใช้กับข้อความเท่านั้น (ด้านล่างรูปภาพ)

ไปดูกัน: 


การ์ดสไตล์

ตัวเลือกการออกแบบการ์ดมีให้เลือกใน สไตล์ แถบของส่วน (ลิ้นชักด้านขวา) ตัวเลือกการจัดรูปแบบมีดังนี้:

การ์ด

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


หากคุณเลือกเค้าโครงที่ข้อความจะปรากฏทับบนรูปภาพ ตัวเลือกต่อไปนี้จะปรากฏขึ้น:

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


สีของการ์ด

  1. เลือกกระเป๋า บัตร สี ให้เป็น "ไม่มี" หรือ "ค่าเริ่มต้น" หรือ "กำหนดเอง" หากเลือกตัวเลือกเริ่มต้น สีของการ์ดจะถูกตั้งค่าใน ส่วนการออกแบบ ถูกใช้ที่นี่
  2. หากคุณเลือกตัวเลือกแบบกำหนดเอง ให้ระบุ สีฐานและ 
  3. สีข้อความ ของการ์ด
  4. เลือกที่จะ เปิดใช้งานเอฟเฟกต์โฮเวอร์สำหรับการ์ด.
  5. ระบุ สีฐาน สำหรับมุมมองการวางเมาส์เหนือการ์ด
  6. ระบุ สีข้อความ สำหรับมุมมองการวางเมาส์เหนือการ์ด


ขอบการ์ด

  1. ตำแหน่ง – เลือกให้มีขอบการ์ดแบบทั่วไปหรือแตกต่างกันสำหรับแต่ละด้านของรายการและตั้งค่าหมายเลข (เป็นพิกเซล) สำหรับ ขอบการ์ด.
    ในกรณีที่คุณเลือกมุมแยก คุณสามารถตั้งค่าที่แตกต่างกันได้ ขอบการ์ด สำหรับแต่ละด้านของการ์ด
  2. เลือกกระเป๋า สไตล์ ของขอบบัตร
  3. Choose ค่าเริ่มต้น สีขอบการ์ดหรือ แผ่นกระดาษ สี
  4. If แผ่นกระดาษ เลือกตัวเลือกแล้ว โปรดระบุสี


ไม่พบสิ่งที่คุณกำลังมองหา?

ติดต่อกับผู้เชี่ยวชาญของ Pixpa

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