Membuat Tab Widget Elementor


2 menit

Dalam artikel ini, kita akan membahas cara membuat tab widget Elementor, tanpa tambahan atau addon plugin lainnya.

Seperti namanya, dengan menggunakan Tab Widget di elementor, kamu bisa menampilkan konten yang dipisahkan berdasarkan tab sehingga kamu dapat menyajikan banyak data, namun tidak membuat artikelmu seperti terlalu banyak tulisan.

 

Selain itu, tab widget biasanya digunakan untuk halaman-halaman penting seperti halaman Tentang kami, Tanya Jawab, dan sebagainya.

Cara Membuat Tab Widget Elementor

Untuk menambahkan Tab widget, kamu perlu akses ke WordPress sebagai user yang bisa menambahkan artikel menggunakan Elementor. Akan lebih baik jika kamu menggunakan user admin untuk melakukan cara ini.

Berikut adalah beberapa urutan untuk membuat tab widget Elementor:

  1. Tambahkan Halaman Baru
  2. Edit dengan Elementor
  3. Cari dan Tambahkan Elemen Tab
  4. Tambahkan Konten
  5. Modifikasi Tampilan
  6. Terbitkan Halaman

1. Tambahkan Halaman Baru

Tergantung dengan jenis halaman baru yang akan kamu buat, kamu bisa menambahkan Post, Halaman, atau Custom Post Type lainnya.

Cara Membuat Tab Widget Elementor - 1

2. Edit Dengan Elementor

Setelah menambahkan halaman baru, kamu akan menemukan menu atau tombol Edit With Elementor ketika melakukan editing halaman. Klik saja tombol tersebut

Cara Membuat Tab Widget Elementor - 2

3. Cari dan Tambahkan Elemen Tab

Ketika berada dihalaman editor Elementor, kamu dapat mencari dan menambahkan elemen Tabs untuk menambahkan tab pertamamu

Cara Membuat Tab Widget Elementor - 3

4. Tambahkan Konten

Klik pada judul tab yang ada didalam panel Edit Tab untuk mengedit dan menambahkan konten pada tab yang kamu buat.

Isikan kolom judul dengan judul tab yang akan kamu buat, misalnya dengan judul Tentang Kami, kemudian isikan konten dengan konten yang akan ditambahkan.

Cara Membuat Tab Widget Elementor - 4

Kamu juga bisa menambahkan icon apabila ingin membuat tampilan tab menjadi lebih menarik.

5. Modifikasi Tampilan

Kamu bisa melakukan kustomisasi pada tab yang kamu tambahkan supaya lebih menarik dengan cara mengubah warna tab, menambahkan border, mengubah font yang digunakan, dan lainnya melalui menu Style.

Cara Membuat Tab Widget Elementor - 5-1

Apabila kamu ingin melakukan kustomisasi tambahan, maka kamu bisa membuka dan menyesuaikan menu Advanced untuk menyesuaikan tata letak seperti margin, padding, lebar, dan sebagainya.

Cara Membuat Tab Widget Elementor - 5-2

6. Terbitkan Halaman

Kini karena kamu sudah menambahkan tab pertamamu, maka kamu bisa menambahkan tab atau konten lainnya didalam artikelmu sebelum akhirnya menerbitkan artikel tersebut.

Jika dirasa sudah cukup, maka kamu bisa menerbitkan artikelmu yang menggunakan Tab dengan cara klik tombol Publish.

Cara Membuat Tab Widget Elementor - 6


Terima kasih telah berkunjung ke WPGan.com. Dapatkan saldo $100 di Vultr gratis dan deploy servermu sendiri melalui [Halaman Ini]
Tinggalkan Balasan 0

Your email address will not be published. Required fields are marked *


Share: