Cara Menambahkan Tab Responsif di situs WordPress Anda

Diterbitkan: 2020-02-12

Tab adalah cara terbaik untuk menampilkan sejumlah besar konten di area terbatas. Pengguna dapat dengan mudah menavigasi tab dan melihat konten besar di area terbatas. Jelas, tab menawarkan cara yang bersih dan terorganisir untuk menampilkan konten dengan cerdas di depan pengunjung.

Jika Anda tertarik untuk menambahkan tab responsif di situs WordPress Anda dan mencari petunjuk langkah demi langkah yang lengkap, Anda dipersilakan untuk membaca artikel ini. Karena hari ini saya akan membagikan instruksi langkah demi langkah untuk menambahkan tab responsif di situs WordPress.

4 Langkah untuk Menambahkan Tab Responsif

Artikel ini berisi petunjuk lengkap langkah demi langkah tentang cara menambahkan tab responsif di situs WordPress. Kami akan mengikuti cara termudah sehingga Anda tidak perlu memiliki pengetahuan coding. Untuk alasan ini, seluruh artikel dibagi menjadi beberapa bagian. Anda dapat melihat pada bagian berikut.

Langkah-1: Memilih plugin Tab WordPress Terbaik

Langkah-2: Instalasi dan Aktivasi plugin WP Tabs

Langkah-3: Cara Menambahkan Kumpulan Tab Baru

Langkah-4: Menampilkan tab di situs WordPress

Langkah-1: Memilih Plugin Tab WordPress Terbaik

Seperti yang telah saya katakan bahwa kita akan mengikuti cara termudah untuk membuat tab responsif di situs WordPress, dalam hal ini, kita harus memilih salah satu plugin tab WordPress terbaik. Plugin harus dikodekan dengan baik, diperbarui dengan teknologi web terbaru, ringan, apik, dan super cepat.

Karena ada sejumlah plugin serupa yang tersedia di pasar online, tidak diragukan lagi, ini adalah proses yang sulit untuk menemukan plugin tab WordPress terbaik. Karena sebagian besar plugin tidak dikodekan dengan baik, diperbarui, dan dioptimalkan. Akibatnya, situs Anda mungkin melambat jika plugin tidak dikodekan dan dioptimalkan dengan baik.

Namun, jangan terganggu dengan pemilihan plugin terbaik untuk website Anda. Karena saya telah melakukan langkah ini. Saya telah meneliti sejumlah plugin serupa dan menemukan yang terbaik untuk membuat tab responsif di situs WordPress.

WP Tabs adalah salah satu plugin tab WordPress terbaik yang memungkinkan Anda membuat grup tab responsif di situs web WordPress Anda. WP Tabs adalah plugin tab WordPress yang paling ramah pengguna, sangat dapat disesuaikan, dan responsif untuk menampilkan konten Anda dalam navigasi tab yang tertata rapi.

Plugin bekerja sangat baik di luar kotak. Anda dapat langsung membuat tab yang indah dan sepenuhnya disesuaikan di situs WordPress Anda. Ini memiliki generator kode pendek intuitif dengan 30+ opsi penyesuaian visual. Anda dapat mengubah warna tab, dan pengaturan lainnya dengan mudah.

Langkah-2: Instalasi dan Aktivasi Plugin WP Tabs

Karena kami telah menemukan plugin terbaik untuk membuat tab responsif di situs WordPress, sekarang saatnya untuk menginstal dan mengaktifkan plugin. Jadi, sekarang kita harus menginstal dan mengaktifkan plugin WP Tabs.

Instalasi dan aktivasi plugin WordPress apa pun sama saja. Saya harap Anda sudah familiar dengan proses instalasi dan aktivasi plugin WordPress. Jadi, cukup instal dan aktifkan plugin WP Tabs di dashboard WordPress Anda.

Lagi pula, jika Anda memiliki masalah, Anda dapat melihat artikel Instalasi dan Aktivasi ini sehingga Anda dapat memperoleh petunjuk tentang cara menginstal dan mengaktifkan plugin WP Tabs.

Langkah-3: Cara Menambahkan Kumpulan Tab Baru

Saya harap Anda telah berhasil menginstal dan mengaktifkan plugin WP Tabs. Sekarang saatnya untuk menambahkan set tab baru. Setelah Anda melakukan instalasi dan aktivasi Tab WP, Anda akan menemukan menu WP Tab di dashboard admin dan antarmuka akan terlihat seperti layar berikut.

Sekarang klik menu Add New, setelah Anda mengklik tombol Add New, Anda akan menemukan layar berikut. Ini berisi sejumlah bidang input.

Antarmuka Back-end Tab WP

Sekarang Anda harus mengisi kolom input. Untuk mengisi kolom, ikuti petunjuk langkah demi langkah.

  1. Tambahkan judul untuk kumpulan tab baru.
  2. Pilih Konten sebagai Jenis Tab. Secara default, itu akan dipilih.
  3. Sekarang klik tombol Add New Tab untuk menambahkan tab.
  4. Setelah Anda mengklik Add New Tab, Anda akan menemukan dua kolom input. Salah satunya adalah Judul tab tunggal dan yang lainnya adalah deskripsi yang berarti konten untuk tab tersebut.
  5. Jadi, cukup isi tab Judul dan Deskripsi
  6. Demikian pula, tambahkan lebih banyak set tab yang Anda butuhkan.
  7. Sekarang, Anda dapat menyesuaikan opsi pengaturan sesuai kebutuhan Anda.
  8. Terakhir, klik tombol Publish untuk mempublikasikan kumpulan tab.

Saya harap Anda telah berhasil menambahkan jumlah set tab sesuai kebutuhan Anda dan mempublikasikannya.

Langkah-4: Menampilkan Tab di situs WordPress

Akhirnya, kami telah berhasil membuat set tab pertama kami. Sekarang saatnya untuk menampilkan set tab di situs WordPress kami. Setelah Anda mempublikasikan kumpulan tab, Anda akan menemukan kode pendek di bagian bawah halaman kumpulan tab.

Sekarang Anda perlu menyalin kode pendek yang dihasilkan dan menempelkan kode pendek di mana pun Anda ingin menampilkan kumpulan tab. Saya telah mengikuti artikel ini dan membuat set tab. Setelah saya menyalin dan menempelkan kode pendek, saya menemukan hasil berikut di situs web saya.

Demo Tab WP

Tonton cara kerjanya

Ingin Memperpanjang Lebih Banyak Fitur?

Apakah Anda kesal dengan keterbatasan fitur plugin WP Tabs? Apakah Anda juga tertarik untuk mendobrak semua batasan dan mendapatkan akses ke fitur lengkapnya? Jika Anda berpikir demikian, ada peluang untuk memilih fitur lengkap. Untuk alasan ini, Anda harus memeriksa WP Tabs Pro .

Pilihan tampilan

WP Tabs Pro berisi sejumlah besar fitur mengesankan yang keren dan menakjubkan. Selain itu, ia memberikan fleksibilitas besar untuk kustomisasi tinggi. Sekarang saya ingin fokus pada fitur utama yang mengesankan dan keren. Mari kita lihat gambaran umum tentang fitur-fitur utama. Saya harap Anda tidak akan pernah melewatkan fitur-fitur ini setelah Anda melihat gambaran umum.

Ringan dan Dioptimalkan

WP Tabs Pro ringan, apik, dan super cepat. Ini juga dikodekan dengan baik dan dioptimalkan untuk SEO. Itu tidak akan pernah memperlambat situs web Anda sama sekali. Bobotnya benar-benar dioptimalkan. Jadi tidak ada kesempatan untuk khawatir sama sekali.

Tata Letak 2 Tab

Anda juga dapat memecah tata letak tab. WP Tabs Pro berisi 2 tata letak tab yang berbeda. Anda dapat menampilkan tab baik tata letak horizontal maupun vertikal. Hasilnya, ia memberikan tampilan dan nuansa yang berbeda. Ini juga akan menambah gaya dan tampilan profesional yang berbeda.

Tab Horizontal dengan Ikon dan Subtitle

Tab Vertikal

10+ Posisi Fleksibel

WP Tabs Pro sangat fleksibel. Ini berisi lebih dari 10 opsi fleksibel yang memberikan fleksibilitas luar biasa untuk menyesuaikan kumpulan tab dan menampilkannya dengan tampilan profesional.

100+ Opsi Kustomisasi

Tidak diragukan lagi WP Tabs Pro adalah plugin tab yang sangat dapat disesuaikan. Ini berisi 100+ opsi penyesuaian Gaya dan tata letak. Akibatnya, Anda dapat menyesuaikan set tab sesuai kebutuhan Anda dan membuat set tab seperti yang Anda inginkan.

Seret dan Lepas Sortir

Anda akan mendapatkan fitur hebat untuk menyortir item tab. Anda dapat dengan mudah menarik dan melepas item tab untuk menyortir. Ini akan menghemat waktu dan energi Anda.

Konten Tab dari Berbagai Sumber

Anda dapat menampilkan konten yang berbeda dari sumber yang berbeda. Semua jenis konten dapat digunakan sebagai konten tab. Anda dapat membuat tab dengan konten dari berbagai sumber seperti posting, halaman, taksonomi , dll.

Tipografi Tingkat Lanjut

WP Tabs Pro menawarkan tipografi tingkat lanjut. 940+ font Google disertakan dengan variasinya. Anda dapat memilih ukuran font, keluarga font, berat font, dll properti untuk setiap elemen tab.

670+ Ikon

WP Tabs Pro menyertakan perpustakaan FontAwesome. Pustaka ini berisi 670+ ikon. Anda dapat memilih font apa saja dengan mudah dari perpustakaan ini.

Jenis Konten Tab

WP Tabs Pro mendukung semua jenis konten. Ini mendukung konten HTML, gambar, kode pendek, video, audio, formulir, peta, penggeser gambar, dan galeri.

Sangat Dapat Disesuaikan

WP Tabs Pro adalah plugin tab yang sangat dapat disesuaikan. Ini berisi sejumlah besar opsi penyesuaian sehingga Anda dapat dengan mudah menyesuaikan sesuai kebutuhan Anda.

Tautan Dalam

Tautan dalam adalah salah satu fitur terpenting untuk plugin tab apa pun. WP Tabs Pro mendukung fitur tautan dalam. Anda dapat menautkan ke tab tertentu dengan hashtag. Fitur tautan dalam ini telah menambahkan dimensi baru ke plugin tab.

Tab Multi-level
Anda dapat menampilkan tab multi-level yang berarti tab bersarang. WP Tabs Pro mendukung tab bersarang tanpa batas.

Tonton Cara Kerjanya

Video responsif

Anda dapat menambahkan video sebagai konten tab di set tab mana pun. Video akan responsif. Jadi, tidak perlu khawatir untuk menggunakan video sebagai konten di tab. Ini memuat semua jenis konten dan iframe melalui AJAX.

Acara atau Tindakan

WP Tabs Pro mendukung acara dan tindakan. Tab WP mendukung acara Klik, Mouseover, AutoPlay, dll. Dukungan AutoPlay secara otomatis menghidupkan melalui Tab ketika pengunjung tiba. Anda juga dapat mengatur waktu AutoPlay Tab.

Posisi Ikon

Anda dapat mengatur posisi ikon yang berbeda. Ada berbagai posisi ikon yang tersedia di WP Tabs Pro. Anda dapat mengatur posisi ikon seperti kiri, kanan, atas, bawah.

Animasi Konten

Animasinya selalu menarik dan mengesankan. Sekitar 16+ tab animasi konten tersedia di WP Tabs Pro.

Dukungan Multibahasa

WP Tabs Pro mendukung multibahasa. Ini sepenuhnya siap dengan WPML, Polylang, Loco Translate, qTranslate-x, GTranslate, Google Language Translator, WPLobus, dll. Terjemahan 100% siap.

Multi-situs Siap

WP Tabs Pro juga didukung multi-situs.

Kompatibilitas yang Tak Terhitung

WP Tabs Pro kompatibel dengan tema dan plugin apa pun. Selain itu, ini mendukung browser modern. Selain itu, ini kompatibel dengan pembuat halaman apa pun seperti WPBakery (sebelumnya Visual Composer), Elementor, Divi Builders, BeaverBuilder, SiteOrgin, Themify Builder, Fusion Builder, Genesis Framework, dll.

Dukungan dan Pembaruan Seumur Hidup

Dukungan dan pembaruan gratis seumur hidup tersedia di plugin WP Tabs. Tim dukungan khusus selalu siap membantu Anda dalam 24 jam.

Kesimpulan

Di akhir artikel ini, saya sarankan menggunakan WP Tabs Pro karena ini akan memberi Anda semua fitur yang mengesankan dan opsi penyesuaian tanpa batas. Jadi, mari kita periksa WP Tabs Pro .