ต้องการหาวิธีสร้างภาพที่โค้งมนหรือไม่?

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

ค้นพบ:  วิธีการติดตั้ง Elementor บน WordPress

ใน Elementorคุณยังสามารถสร้างภาพที่โค้งมนได้เช่นเดียวกับในภาพหน้าจอด้านบน อย่างไรก็ตาม, Elementor ไม่มีการตั้งค่ารูปภาพเฉพาะใดๆ เพื่อเปลี่ยนรูปภาพสี่เหลี่ยม/สี่เหลี่ยมจัตุรัสให้เป็นรูปภาพทรงกลม คุณต้องมีเคล็ดลับเล็กน้อยในการสร้างภาพที่โค้งมน Elementor.

เมื่อคุณเพิ่มรูปภาพใน Elementor คุณสามารถตั้งค่ารัศมีเส้นขอบได้ หากต้องการให้รูปภาพมีรูปร่างเป็นวงกลม คุณสามารถตั้งค่าเส้นขอบเป็นตัวเลขใดก็ได้ ขึ้นอยู่กับขนาดของรูปภาพ

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

ขอเริ่มต้น

อ่าน: วิธีเพิ่มลิงค์หมายเลขโทรศัพท์ใน Elementor

ขั้นแรก เพิ่มรูปภาพโดยลากวิดเจ็ตรูปภาพลงในช่องแก้ไขของ Elementor แล้วเลือกรูปภาพจากคอมพิวเตอร์ของคุณ

วิธีสร้างรูปทรงกลมในองค์ประกอบ

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

สร้างภาพโค้งมน

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

รับ Elementor Pro ทันที!!!

สรุป

ที่นี่คือ ! เพียงเท่านี้สำหรับบทความนี้ หากคุณมีคำถามใด ๆ เกี่ยวกับวิธีการสร้างส่วนสมาชิกในทีมด้วย Elementor โปรดแจ้งให้เราทราบใน ความเห็น.

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...