Minimalkan Kekacauan Situs dan Tingkatkan Keterlibatan dengan Tab Untuk WordPress

Apa pun yang dapat Anda lakukan untuk merampingkan situs Anda adalah hal yang baik. Lagi pula, semakin sedikit yang harus dilakukan pengunjung situs untuk mendapatkan informasi yang mereka inginkan, semakin baik. Namun, ini bisa menjadi tantangan jika situs Anda pada dasarnya harus memasukkan banyak informasi. Hasil akhir dari situs-situs tersebut biasanya melibatkan mereka yang memiliki halaman yang sangat panjang yang hampir tidak seorang pun akan menggulir sepenuhnya dan yang memiliki banyak halaman yang, hampir sama, hampir tidak ada yang akan mengklik.


Jadi, apa alternatif untuk halaman super panjang atau terlalu banyak halaman? Kenapa, tab tentu saja! Dan jangan khawatir – Anda tidak perlu menjadi genius pengkodean untuk mendapatkan tab di situs Anda. Ada banyak plugin di luar sana yang mengaktifkan fungsi ini. Saya telah mengumpulkan beberapa yang terbaik untuk membantu Anda menambahkan konten tab ke situs WordPress Anda dengan cepat dan mudah.

Poskan Tab UI

Poskan Tab UI

Tab UI Pos memudahkan menambahkan tab jQuery dalam konten Anda, apakah itu posting, halaman, atau jenis posting lainnya. Yang harus Anda lakukan adalah memasukkan kode pendek ke editor dan Anda akan mengaktifkan tab.

Plugin ini mencakup 24 tema UI yang berbeda untuk mempermudah pencocokan tema yang ada. Atau, jika Anda memiliki potongan, buat lembar gaya khusus untuk meningkatkan tampilan dan nuansa lebih lanjut.

Setelah plugin terinstal, yang harus Anda lakukan adalah mengklik tombol TinyMCE yang relevan dalam editor pos untuk memasukkan kode pendek yang sesuai. Menurut daftar direktori WordPress resmi untuk Tab Post UI, Anda juga dapat menyisipkan tab menggunakan kode pendek berikut secara langsung:

[nama tab = ”Nama tab Anda 1 ″] Konten tab Anda [/ tab]
[tab name = ”Nama tab Anda 2 ″] Konten tab Anda [/ tab]
[nama tab = ”Nama tab Anda 3 ″] Konten tab Anda [/ tab]
[end_tabset]

Silakan memasukkan HTML di tab ini. Itu harus ditangani tanpa masalah dan Anda akan berakhir melihat konten Anda ditampilkan seperti itu akan berada di tempat lain di situs Anda saja, seperti yang Anda duga, itu terkandung dalam tab.

Tab Responsif Mudah

Tab Responsif Mudah

Plugin lain yang harus Anda periksa jika Anda ingin menambahkan tab ke situs Anda adalah Tab Responsif Mudah. Tidak hanya itu kompatibel dengan bootstrap 3.0, tetapi juga menambahkan tombol TinyMCE ke editor visual, membuatnya sangat mudah untuk memasukkan tab responsif dengan mengklik tombol.

Setelah Anda mengklik tombol ini, panel pengaturan terbuka yang memungkinkan Anda memilih warna untuk beberapa aspek tab yang berbeda, termasuk pos, tab aktif, hover, latar belakang, dan banyak lagi. Anda juga dapat mengatur tab untuk muncul di bagian atas atau bawah. Plugin ini adalah favorit nyata karena betapa mudahnya untuk mengatur dan mulai bekerja segera.

Tabby Responsive Tabs

Tabby Responsive Tabs

Jika daya tanggap adalah salah satu perhatian utama Anda, Tabby Responsive Tabs adalah pilihan yang bagus untuk Anda. Sederhananya, plugin ini memungkinkan Anda memasukkan tab responsif ke dalam posting dan halaman menggunakan kode pendek. Ini mendukung lebih dari satu set tab pada halaman atau posting sederhana dan menggunakan jQuery untuk membuat tab dan efek akordeon pada layar yang lebih kecil. Anda juga dapat mengakses tab dengan keyboard Anda.

Untuk memasukkan tab, yang harus Anda lakukan adalah memasukkan dua kode pendek: [tabby] dan [tabbyending]. Khususnya, Anda akan menggunakan [tabby title = “tabname”] untuk mengatur nama tab. Kemudian Anda menulis konten yang harus dimasukkan dalam tab ini, termasuk HTML apa pun yang Anda suka. Anda dapat memasukkan lebih banyak tab jika mau. Kemudian untuk menyelesaikan set tab itu, gunakan kode pendek [tabbyending] untuk menutup grup tab.

Sekarang, jika Anda ingin membuat perubahan gaya pada tab ini, Anda perlu menggali lebih dalam kode. Menurut halaman direktori WordPress plugin, Anda perlu menyalin stylesheet plugin ke tema anak dan membuat modifikasi pada gaya tab atau gaya akordeon sesuai keinginan Anda..

Widget di Tab

Terkadang, kebutuhan Anda dalam tab individual sedikit lebih kompleks. Untuk kasus ini, ada Widget di Tab plugin. Ini memungkinkan Anda meletakkan widget apa pun yang Anda inginkan, semuanya dalam tab untuk menghemat ruang dan menciptakan pengalaman yang lebih terorganisir di situs web Anda. Ini memiliki banyak kegunaan.

Misalnya, Anda dapat memilih untuk menggunakan tab untuk menampilkan widget Recent Posts dan Recent Comments. Anda bisa menambahkan Kategori untuk melengkapi tampilan tab lebih jauh. Atau Anda dapat membuat grup tab yang didedikasikan untuk widget media sosial tertanam seperti Kotak Suka Facebook, umpan Twitter, Google+, pinboard Pinterest, dan sebagainya..

Satu hal yang sangat saya sukai tentang Widget di Tab adalah tidak menggunakan gayanya sendiri, yang memungkinkannya ditata berdasarkan tema Anda. Tab berbaur langsung dengan situs Anda dan terlihat seperti miliknya.

Judul untuk tab juga dapat digulir, yang merupakan alternatif yang bagus untuk pendekatan tradisional yang ditumpuk. Ada juga opsi animasi untuk transisi di antara widget, dan Anda dapat mengatur berapa detik akan menunggu di antara berpindah dari satu tab ke yang berikutnya..

Seperti semua plugin tab lain yang tercantum di sini, plugin ini mudah disisipkan berkat kode pendek [kecerdasan].

WP UI – Tab, Akordeon, Slider

WP UI

Plugin terakhir yang akan saya bicarakan di sini adalah WP UI – Tabs, Accordions, Sliders. Plugin ini tidak hanya membuatnya mudah untuk menyematkan tab ke dalam posting dan halaman, tetapi juga memungkinkan untuk integrasi sederhana dari gaya format lain seperti akordeon, slider, dan dialog. Plugin ini didukung oleh jQuery dan Anda dapat menggunakan lebih dari satu tema UI jQuery di setiap halaman, jika Anda mau.

Itu datang dengan halaman pilihan yang mudah digunakan yang membuat pengaturan dan penggunaan langsung. Ini juga menambahkan menu dan dialog khusus untuk navigasi yang lebih sederhana. Seperti semua plugin di atas, plugin ini bergantung terutama pada kode pendek untuk implementasi yang cepat. Kode pendek [tab wp] dapat dengan mudah ditingkatkan dengan argumen gaya, yang dapat dimodifikasi dalam sekitar 24 cara berbeda seperti “wpui-blue” untuk memberikan tampilan yang lebih kohesif pada tab dengan tema Anda.

Sorot sebenarnya dari plugin ini bagi saya, bagaimanapun, adalah kemampuan untuk menampilkan posting dan feed di tab atau akordeon. Kode pendeknya adalah [wptabposts] dan memungkinkan Anda untuk menampilkan tulisan dalam serangkaian tab. Atau, jika Anda ingin menampilkan feed di dalam halaman atau posting, cukup gunakan kode pendek [wpuifeeds]. Menurut daftar direktori WordPress untuk WP UI, Anda dapat menggunakan [wpspoiler post = “3028”] untuk menampilkan hanya satu posting dalam format khusus ini.

Symple Shortcode

Shortpodes Symple Tab Minimal

Tentu saja, jika Anda hanya perlu tab dasar, pastikan untuk mempertimbangkan plugin Symple Shortcodes WordPress buatan tangan di sini di WPExplorer. Plugin ini menyertakan beberapa tab minimal yang indah yang dapat Anda gunakan di halaman mana pun di situs Anda, plus banyak fitur pengorganisasian konten hebat lainnya. Tambahkan kolom, matikan, akordeon, dan banyak aksen lainnya (tombol, ikon sosial, dll).


Meskipun mungkin tampak rumit pada awalnya, proses menambahkan tab ke situs Anda sebenarnya cukup sederhana. Plugin di atas membuatnya mudah dan hasil akhirnya menarik dan fungsional. Menurut saya, mereka layak dicoba. Pengunjung ke situs Anda mendapatkan akses ke informasi sebanyak yang Anda butuhkan agar mereka memiliki akses tanpa mengacaukan keseluruhan desain. Ini adalah solusi cepat untuk situs dengan banyak sumber daya dan konten.

Apakah Anda menggunakan tab di situs Anda? Bagaimana dengan plugin ini, khususnya? Jika demikian, apakah mereka bekerja untuk Anda? Sudahkah Anda menemukan cara lain untuk menggabungkan tab ke situs Anda? Saya ingin mendengar pengalaman Anda dengan trik organisasi yang bagus ini di komentar!

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