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

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


ดังนั้นอะไรคือทางเลือกของหน้ายาวมากหรือหลายหน้ามากเกินไป ทำไมแท็บแน่นอน! และไม่ต้องกังวลคุณไม่จำเป็นต้องมีรหัสอัจฉริยะเพื่อรับแท็บในไซต์ของคุณ มีปลั๊กอินมากมายที่เปิดใช้งานฟังก์ชั่นนี้ ฉันได้รวบรวมสองสิ่งที่ดีที่สุดเพื่อช่วยให้คุณเพิ่มเนื้อหาแบบแท็บลงในไซต์ WordPress ของคุณอย่างรวดเร็วและง่ายดาย.

โพสต์แท็บ UI

โพสต์แท็บ UI

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

ปลั๊กอินมี 24 ธีม UI ที่แตกต่างกันเพื่อให้การจับคู่ชุดรูปแบบปัจจุบันของคุณง่ายขึ้น หรือถ้าคุณมีเนื้อสับให้สร้างสไตล์ชีทที่กำหนดเองเพื่อปรับปรุงรูปลักษณ์และความรู้สึกเพิ่มเติม.

เมื่อติดตั้งปลั๊กอินแล้วสิ่งที่คุณต้องทำคือคลิกที่ปุ่ม TinyMCE ที่เกี่ยวข้องในเครื่องมือแก้ไขบทความเพื่อใส่รหัสย่อที่เหมาะสม ตามรายชื่อไดเรกทอรี WordPress อย่างเป็นทางการสำหรับแท็บ Post UI คุณยังสามารถแทรกแท็บโดยใช้รหัสย่อต่อไปนี้ได้โดยตรง:

[ชื่อแท็บ =” ชื่อแท็บของคุณ 1″] เนื้อหาแท็บของคุณ [/ แท็บ]
[ชื่อแท็บ =” ชื่อแท็บของคุณ 2″] เนื้อหาแท็บของคุณ [/ แท็บ]
[tab name =” ชื่อแท็บของคุณ 3″] เนื้อหาแท็บของคุณ [/ แท็บ]
[end_tabset]

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

แท็บตอบสนองง่าย

แท็บตอบสนองง่าย

ปลั๊กอินอื่นที่คุณควรตรวจสอบหากคุณต้องการเพิ่มแท็บในเว็บไซต์ของคุณ แท็บตอบสนองง่าย. ไม่เพียง แต่มันสามารถใช้งานได้กับ bootstrap 3.0 แต่ยังเพิ่มปุ่ม TinyMCE ลงในโปรแกรมแก้ไขภาพทำให้ง่ายมากในการแทรกแท็บที่ตอบสนองได้ด้วยการคลิกปุ่ม.

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

Tabby Responsive Tabs

Tabby Responsive Tabs

หากการตอบสนองเป็นหนึ่งในข้อกังวลหลักของคุณ, Tabby Responsive Tabs เป็นตัวเลือกที่ดีสำหรับคุณ ค่อนข้างง่ายปลั๊กอินนี้ให้คุณแทรกแท็บที่ตอบสนองภายในโพสต์และหน้าเว็บโดยใช้รหัสย่อ สนับสนุนแท็บมากกว่าหนึ่งชุดบนหน้าหรือโพสต์แบบง่ายและใช้ jQuery เพื่อสร้างแท็บและเอฟเฟกต์หีบเพลงบนหน้าจอขนาดเล็ก คุณยังสามารถเข้าถึงแท็บด้วยแป้นพิมพ์ของคุณ.

ในการแทรกแท็บสิ่งที่คุณต้องทำคือใส่รหัสย่อสองอัน: [tabby] และ [tabbyending] คุณจะใช้ [tabby title =“ tabname”] เพื่อตั้งชื่อแท็บ จากนั้นคุณจะเขียนเนื้อหาที่ควรจะรวมอยู่ในแท็บนี้รวมถึง HTML ที่คุณต้องการ คุณสามารถแทรกแท็บเพิ่มเติมได้ถ้าต้องการ จากนั้นเมื่อต้องการปิดชุดแท็บนั้นให้ใช้รหัสย่อ [tabbyending] เพื่อปิดกลุ่มแท็บ.

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

วิดเจ็ตในแท็บ

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

ตัวอย่างเช่นคุณอาจเลือกที่จะใช้แท็บเพื่อแสดงวิดเจ็ตโพสต์ล่าสุดและความคิดเห็นล่าสุด คุณสามารถเพิ่มในหมวดหมู่เพื่อปัดเศษการแสดงแท็บออกไปอีก หรือคุณสามารถสร้างกลุ่มแท็บที่ทุ่มเทให้กับวิดเจ็ตโซเชียลมีเดียในตัวเช่น Facebook Like Box ฟีด Twitter, Google+, Pinterest พินเทอร์และอื่น ๆ.

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

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

เช่นเดียวกับปลั๊กอินแท็บอื่น ๆ ทั้งหมดที่ระบุไว้ที่นี่มันสามารถแทรกได้อย่างง่ายดายด้วยรหัสสั้น [wit].

WP UI – แท็บ, Accordions, Sliders

WP UI

ปลั๊กอินสุดท้ายที่ฉันจะพูดถึงคือ WP UI – แท็บ, Accordions, Sliders ปลั๊กอินนี้ไม่เพียง แต่ทำให้ง่ายต่อการฝังแท็บลงในโพสต์และหน้า แต่ยังช่วยให้การรวมที่เรียบง่ายของรูปแบบการจัดรูปแบบอื่น ๆ เช่นหีบเพลงเลื่อนและกล่องโต้ตอบ ปลั๊กอินนี้ขับเคลื่อนโดย jQuery และคุณสามารถใช้มากกว่าหนึ่งธีม jQuery UI ในแต่ละหน้าถ้าคุณต้องการ.

มันมาพร้อมกับหน้าตัวเลือกที่ใช้งานง่ายที่ทำให้การตั้งค่าและการใช้งานตรงไปตรงมา นอกจากนี้ยังเพิ่มเมนูเฉพาะและกล่องโต้ตอบสำหรับการนำทางที่ง่ายขึ้น เช่นเดียวกับปลั๊กอินด้านบนทั้งหมดปลั๊กอินนี้ใช้รหัสย่อเพื่อการใช้งานที่รวดเร็ว รหัสย่อ [แท็บ wp] สามารถปรับปรุงได้อย่างง่ายดายด้วยอาร์กิวเมนต์สไตล์ซึ่งสามารถแก้ไขได้ใน 24 วิธีเช่น “wpui-blue” เพื่อให้แท็บมีลักษณะที่สอดคล้องกับธีมของคุณมากขึ้น.

อย่างไรก็ตามจุดเด่นที่แท้จริงของปลั๊กอินนี้สำหรับฉันคือความสามารถในการแสดงโพสต์และฟีดในแท็บหรือหีบเพลง รหัสย่อคือ [wptabposts] และอนุญาตให้คุณแสดงโพสต์ภายในชุดของแท็บต่างๆ หรือหากคุณต้องการแสดงฟีดภายในหน้าหรือโพสต์เพียงแค่ใช้รหัสย่อ [wpuifeeds] ตามรายชื่อไดเรกทอรี WordPress สำหรับ WP UI คุณสามารถใช้ [wpspoiler post =“ 3028”] เพื่อแสดงเพียงหนึ่งโพสต์ในรูปแบบพิเศษนี้.

รหัสย่อ Symple

ย่อย่อขนาดเล็กที่เรียบง่ายของแท็บ

แน่นอนถ้าคุณต้องการแท็บพื้นฐานให้แน่ใจว่าได้พิจารณาปลั๊กอิน Symple Shortcodes WordPress ที่ทำด้วยมือที่นี่ที่ WPExplorer ปลั๊กอินนี้มีแท็บเล็ก ๆ น้อย ๆ ที่น่ารักที่คุณสามารถใช้ในหน้าใด ๆ ของไซต์ของคุณรวมถึงคุณสมบัติการจัดระเบียบเนื้อหาที่ยอดเยี่ยมอื่น ๆ อีกมากมาย เพิ่มคอลัมน์สลับแอคคอร์เดียนและเสียงอื่น ๆ อีกมากมาย (ปุ่มไอคอนโซเชียล ฯลฯ ).


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

คุณใช้แท็บบนไซต์ของคุณหรือไม่ มีปลั๊กอินอะไรเป็นพิเศษบ้าง ถ้าเป็นเช่นนั้นพวกเขาทำงานให้คุณหรือไม่? คุณพบวิธีอื่นในการรวมแท็บไว้ในไซต์ของคุณหรือไม่ ฉันชอบที่จะได้ยินประสบการณ์ของคุณกับเคล็ดลับขององค์กรที่ดีในความคิดเห็น!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map