จะเพิ่มและแก้ไขวิดเจ็ต Elementor Content Switcher ได้อย่างไร

เผยแพร่แล้ว: 2022-05-25

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

เราจะแนะนำคุณเกี่ยวกับวิธีการแทรกและปรับแต่งวิดเจ็ต Elementor Content Switcher ด้วย Stratum addon ฟรี

ฉันจะใช้ตัวสลับเนื้อหาเนื้อหาของ WordPress ได้ที่ไหน

ตามข้อมูลของ Information Marketing Institute และ Ion Interactive "สื่อแบบโต้ตอบมักถูกใช้บน หน้าเว็บที่เชื่อมโยงไปถึง แพลตฟอร์มโซเชียลมีเดีย ไมโครไซต์ และ บล็อก "

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

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

  • ตารางราคา พร้อมแผนเฉพาะ (เช่น VS ปกติปีละครั้ง VS Pro ฟรีทั้งหมด)
  • รายการฟังก์ชัน (ทุกการสลับมีลักษณะที่แตกต่างกัน)
  • คุณสมบัติสลับได้
  • เนื้อหาที่จัดหมวดหมู่ (เช่น รายการตรวจสอบของผู้ให้บริการหรือลูกค้าในทีม)

Elementor Content Switcher โดย Stratum

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

ส่วนเสริมที่กำหนดเองของ Stratum Elementor

ลักษณะสำคัญของชั้น คือ:

  • วิดเจ็ตอเนกประสงค์ 23+ รายการใน 1 ปลั๊กอิน
  • การปรับการออกแบบอัตโนมัติให้เข้ากับการออกแบบแนวคิดปัจจุบันของคุณ
  • Toolchain โครงสร้างนวัตกรรมสำหรับทุกวิดเจ็ต
  • การรวมไลบรารีเทมเพลต Elementor

ตรงข้ามกับแอดออนที่คล้ายกันมาก Stratum เปิดใช้งานวิดเจ็ตทั้งหมด 23+ รายการในเวอร์ชันฟรีทั้งหมด ในขณะเดียวกัน ผู้ซื้อ Stratum Professional จะได้รับการ กำหนดค่าปรับแต่งเพิ่มเติม สำหรับส่วนประกอบแต่ละอย่าง

ดังนั้นเมื่อมันมาถึงตัวสลับข้อมูลใน Stratum อย่างฟรีและ Pro การเปลี่ยนแปลงเพียงอย่างเดียวคือจำนวนแท็บสลับ เวอร์ชันฟรีจริงๆ อนุญาตให้สร้างแท็บสลับได้ 2 แท็บเท่านั้น เมื่อเวอร์ชัน Professional ไม่มีการจำกัดช่วงของแท็บ

วิดเจ็ตตัวสลับเนื้อหา

ตัวสลับวัสดุ Elementor Widget DEMO

จะเพิ่ม Stratum Articles Switcher ได้อย่างไร?

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

ตอนนี้ได้เวลาติดตั้ง Stratum แล้ว ขึ้นอยู่กับโปรแกรมของคุณ คุณสามารถทำได้สองวิธี:

สุดท้าย อัปโหลดข้อมูลอย่างใดอย่างหนึ่งเหล่านี้ไปยังเว็บไซต์ของคุณ: Plugins => Add New => Upload Plugin อย่าละเลยการเปิดใช้งานปลั๊กอิน

เมื่อเปิดใช้งาน Stratum ให้เปิดหน้าเว็บเว็บไซต์ใดหน้าหนึ่งด้วย Elementor ไม่ได้สร้างความแตกต่างใดๆ หากคุณใช้เทมเพลตที่ตั้งค่าไว้ล่วงหน้าหรือไม่

ตอนนี้ เพียงคลิกไอคอน "+" เพื่อเลือกโครงสร้าง (การเลือกคอลัมน์) จากนั้นแทรกวิดเจ็ตที่ต้องการ ไลบรารี Factors ตอนนี้จะมีโฟลเดอร์ Stratum คุณสามารถค้นหาวิดเจ็ต Content Material Switcher ในรายการหรือเพียงแค่จัดเรียงชื่อในแถบค้นหา

ลากปัจจัยไปที่หน้าแก้ไข:

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

ตัวสลับวัสดุเนื้อหา Stratum: การตั้งค่าหลัก

ดังนั้นคุณจึงลากปลั๊กอิน Stratum Material Switcher ไปยังหน้าเว็บที่คุณแก้ไข ในตัวเลือกแถบด้านข้างที่เหลือ คุณจะเห็นแท็บที่ปรับปรุง 3 แท็บ: เนื้อหา สไตล์ และ ซับซ้อน

การกำหนดค่าเนื้อหา

แท็บเนื้อหาเนื้อหา เป็นที่ที่คุณสามารถค้นหาแบบจำลองและแทรกรายการ (สลับ) ในลักษณะของคุณ

หากคุณใช้รุ่น Professional ของ addon คุณสามารถออกแบบให้ตัวสลับเนื้อหาเนื้อหาด้วยสองรุ่น: แท็บสลับ (สินค้าสองรายการเท่านั้น) และ แท็บจำนวนมาก คุณสามารถเพิ่มสินค้าสลับได้มากเท่าที่คุณต้องการ

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

หลายรายการเทียบกับแท็บสลับ

การกำหนดค่าสินค้ารวมถึงสิ่งต่างๆ เช่น:

  • ชื่อผลิตภัณฑ์
  • แม่แบบ (เนื้อหาเป็นลายลักษณ์อักษรภายในทุกรายการ)

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

Stratum Content Switcher 2
คุณจะถูกโอนไปยังตัวสร้าง Elementor เพื่อที่คุณสามารถสร้างส่วนใด ๆ โดยใช้คอลเลกชันวิดเจ็ตล่าสุดของคุณ เมื่อคุณสร้างส่วนผสมเสร็จแล้ว ให้กดอัปเดต

กลับไปที่การปรับแต่งตัวสลับบทความ Elementor ของคุณ ตอนนี้ คุณสามารถค้นหาเทมเพลตที่เพิ่งสร้างและจะแสดงในวิดเจ็ตของเรา:

Stratum Content Switcher 3
นอกจากนี้ ในตัวเลือกเนื้อหาเนื้อหา คุณสามารถเลือกได้ว่าสิ่งใดของคุณจะถูกเปิดออกโดยค่าเริ่มต้น

การออกแบบและสไตล์ การตั้งค่า

ตัวเลือกโมเดล มีความเฉพาะตัวเล็กน้อยสำหรับสไตล์แท็บสลับและแท็บจำนวนมาก ทั้งสองมีพารามิเตอร์มาตรฐาน แท็บและเนื้อหาที่แน่นอน

เมนู พื้นฐาน ประกอบด้วยตัวเลือกสำหรับ:

  • สลับการจัดตำแหน่ง
  • แผ่นรองคู่มือ
  • เฉดสีพื้นหลัง
  • รัศมีของเส้นขอบ (ซึ่งจะช่วยให้การสลับของคุณปรากฏเป็นพิเศษเหมือนปุ่มที่เชื่อถือได้)
  • เงากล่อง

เมนู แท็บ เกี่ยวข้องกับการตั้งค่าสำหรับ:

  • แผงการพิมพ์แบบเต็ม
  • Paddings และ border-radius
  • สีของข้อความสำหรับโหมดที่หลากหลาย (ประเภทปกติ โฮเวอร์ และแบบมีพลัง)

Stratum Content Switcher 4
เมนูข้อมูล มีการกำหนดค่าสำหรับเปลี่ยนระยะขอบและแนะนำผลลัพธ์ภาพเคลื่อนไหว

นอกจากนี้ การออกแบบ แท็บ สลับยังรวมถึงการปรับแต่งการสลับ:

  • แพดดิ้ง
  • การวัดตัวสลับเนื้อหา
  • สีและรัศมี

นวัตกรรมทางเลือก

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

ข้อความที่เหลือ

สังเกตว่าไม่มีรูปแบบ Elementor ใด (ฟรีทั้งหมดหรือ Pro) มีวิดเจ็ต Content Switcher ให้เลือก แต่ด้วย Stratum addon คุณสามารถสร้างปัจจัยที่ไม่ซับซ้อนนี้ได้ในไม่กี่คลิก

สิ่งที่คุณต้องทำคือดาวน์โหลดบุคคลของ Stratum รูปแบบต่างๆ

ดาวน์โหลด Stratum ได้ฟรีทั้งหมด

รับ Stratum Pro