Share Buttons เป็นเอลิเมนต์ที่ใช้สำหรับสร้างปุ่มแชร์หน้าเว็บไปยัง Social media มีให้ใช้ใน Elementor Pro คือแบบเสียเงินนั่นเอง สำหรับวิธีใช้งานมีดังนี้ครับ
- สร้าง Container ขึ้นมาก่อน
- ลากเอลิเมนต์ Share Buttons ที่อยู่ภายใต้หัวข้อ Pro มาวางใน Container ที่สร้างไว้
เบื้องต้นจะมีปุ่มให้ 3 ปุ่ม คือ Facebook, Twitter และ LinkedIn ถ้าไม่ต้องการปุ่มไหนก็คลิก X เพื่อลบทิ้งได้
วิธีเปลี่ยน Social Media และข้อความบนปุ่ม
ปุ่มแชร์ทุกปุ่มจะมีข้อความกำกับอยู่ ซึ่งถ้าเราต้องการเปลี่ยนข้อความมาใช้ข้อความของเราเองก็สามารถทำได้เช่นกัน หรือจะเปลี่ยนปุ่มนั้น ๆ ให้แชร์ไปยัง Social Media ตัวอื่นก็ได้เช่นกัน โดยทำดังนี้
- ภายใต้หัวข้อ Share Buttons คลิกที่ปุ่มที่ต้องการเปลี่ยน
- ที่หัวข้อ Network คลิกเลือกเปลี่ยน Social Media ตามที่ต้องการได้
- ที่หัวข้อ Custom Label พิมพ์ข้อความที่ต้องการให้แสดงบนปุ่ม
วิธีสร้างปุ่มเพิ่มเติม
ถ้าต้องการสร้างปุ่มเพิ่มเติมเพื่อแชร์ไปยัง Social Media อื่น ๆ นอกเหนือจากปุ่มที่มีให้ในเบื้องต้น 3 ปุ่ม สามารถทำได้ดังนี้
- คลิกปุ่ม + Add Item
- ที่หัวข้อ Network เลือก Social Media ที่ต้องการ
- ที่หัวข้อ Custom Label พิมพ์ข้อความที่ต้องการ หรือปล่อยว่างไว้เพื่อใช้ค่าตั้งต้น
ตั้งค่าการแสดงผลเพิ่มเติม
เราสามารถตั้งค่าการแสดงผลเพิ่มเติมให้กับปุ่มแชร์ที่สร้างขึ้นมาได้ดังนี้
หัวข้อ View สำหรับตั้งค่าการแสดงไอคอนและข้อความของปุ่ม โดยมีตัวเลือกดังนี้
- Icon & Text แสดงทั้งไอคอนและข้อความ
- Icon แสดงข้อความเพียงอย่างเดียว
- Text แสดงข้อความเพียงอย่างเดียว
ถ้าที่หัวข้อ View เราเลือกตัวเลือก Icon & Text (ซึ่งเป็นตัวเลือกเริ่มต้นอยู่แล้ว) จะมีหัวข้อ Label ปรากฏเพิ่มขึ้นมาด้านล่าง ให้เราสามารถคลิกเลือกได้ว่าจะแสดงข้อความกำกับปุ่มหรือไม่
หัวข้อ Skin สำหรับตั้งค่าการแสดงผลหน้าตาของปุ่ม ซึ่งมีตัวเลือกดังนี้
- Gradient
- Minimal
- Framed
- Boxed Icon
- Flat
เมื่อคลิกแต่ละตัวเลือก ปุ่มจะเปลี่ยนไปตามตัวเลือกที่เราเลือก ทำให้เห็นตัวอย่างได้ชัดเจนว่าแบบไหนสวย
หัวข้อ Shape สำหรับตั้งค่ารูปร่างของปุ่ม โดยมีตัวเลือกดังนี้
- Square แสดงผลเป็นปุ่มสี่เหลี่ยม
- Rounded แสดงผลเป็นปุ่มสี่เหลี่ยมมุมมน
- Circle แสดงผลเป็นปุ่มแบบมน
หัวข้อ Columns สำหรับกำหนดคอลัมน์ให้กับปุ่ม ค่าเริ่มต้นจะเป็น Auto แต่เราสามารถกำหนดคอลัมน์เองได้ โดยสามารถกำหนดได้สูงสุด 6 คอลัมน์
หัวข้อ Target URL สำหรับกำหนด URL ที่ต้องการแชร์ให้กับปุ่ม โดยจะมีตัวเลือกให้ 2 ตัวเลือก คือ
- Current Page (เป็นค่าเริ่มต้น) คือเมื่อคลิกปุ่มให้แชร์หน้าปัจจุบัน
- Custom กำหนดหน้าที่ต้องการแชร์เอง เราอาจต้องการให้แชร์หน้าอื่นเมื่อกดปุ่ม ก็ให้เลือกตัวเลือกนี้ โดยจะมีช่องปรากฏขึ้นมาให้กรอก URL ของหน้าที่ต้องการแชร์
