Sorotan Plugin Divi: Pembuat Meja

Meskipun Divi memiliki banyak modul, ia tidak memiliki modul untuk membuat tabel. Untungnya, ada solusi. Table Maker adalah plugin pihak ketiga yang memungkinkan Anda membuat tabel yang sepenuhnya dapat disesuaikan dengan Divi Builder. Untuk membantu Anda memutuskan apakah ini adalah plugin yang tepat untuk situs web Divi Anda, dalam artikel ini, kita akan melihat Table Maker dan melihat apa yang dapat dilakukannya.

Memasang Pembuat Meja

Instalasi sederhana dan mudah.

1. Arahkan ke Plugin > Tambah Baru > Unggah Plugin
2. Klik Pilih File
3. Temukan file zip plugin di komputer Anda dan pilih
4. Klik Instal Sekarang
5. Klik Aktifkan

Modul Pembuat Meja

Modul baru ditambahkan ke Divi Builder yang disebut Table Maker. Mari kita lihat fitur utamanya.

Tab Konten Pembuat Tabel

Tab Konten mencakup area untuk submodul. Ini digunakan untuk membuat kolom untuk tabel. Untuk kolom, Anda dapat menyesuaikan jumlah header dan footer, dan ukuran untuk kolom dan baris, menyesuaikan titik henti sementara responsif untuk setiap jenis perangkat, mengaktifkan pengguliran, dan memilih ikon, tombol, dan gambar. Ikon, tombol, dan gambar memiliki penyesuaian untuk ukuran, warna, penempatan, dll.

Submodul Kolom

Submodul menentukan kolom dan menyertakan bidang untuk menambahkan konten ke baris. Ini bekerja seperti editor kode di mana setiap baris diberi nomor. Anda juga dapat menyesuaikan lebar, ikon, tombol, dan gambar.

Baris pertama adalah judul kolom secara default, tetapi Anda dapat mengubahnya jika tidak ingin memiliki header. Anda dapat menyertakan HTML, yang berarti Anda harus menghindari karakter tertentu yang digunakan untuk markup. Anda juga dapat menambahkan CSS, kode pendek, iFrame, ikon, gambar, tombol, dan banyak lagi.

Kolom mencakup kustomisasi desain untuk setiap elemen termasuk teks, latar belakang, sel, sel header dan footer, dll.

Buat kolom sebanyak yang Anda inginkan. Anda dapat menatanya secara independen, memperluas gaya dari satu ke yang lain, dll. Saya telah menambahkan 4 kolom dan menyesuaikan warna dan lebar setiap kolom secara terpisah.

Header dan Footer

Anda dapat mengatur jumlah kolom untuk header dan footer. Secara default, ia memiliki 1 header dan tidak ada footer. Dalam contoh ini, saya telah menetapkan 2 yang pertama sebagai header dan yang terakhir sebagai footer. Warnanya ditata secara independen.

Anda dapat melakukan hal yang sama untuk baris. Dalam contoh ini, saya telah menetapkan 2 baris sebagai header (dua di sebelah kiri) dan satu sebagai footer (yang di sebelah kanan).

Pengguliran Tabel

Pengguliran Tabel menyediakan pengguliran horizontal dan vertikal. Anda dapat membuat tajuk kolom dan baris lengket jika Anda mau. Ini membuat mereka tetap di tempatnya sehingga mereka tidak menggulir keluar dari pandangan. Dalam contoh ini, saya telah mengaktifkan pengguliran dan membuat header lengket. Saya telah menambahkan banyak kolom sehingga dapat menggulir secara vertikal. Header baris tetap di tempatnya.

Ikon Meja

Anda dapat menambahkan ikon sebanyak yang Anda inginkan ke setiap sel. Siapkan ikon default dan pilih ikon untuk setiap sel secara terpisah. Pilih ikon default dan sesuaikan ukuran dan warna dari tab Konten.

Ikon ditambahkan ke sel tertentu yang Anda inginkan untuk menampilkannya dengan menggunakan tag ikon di area konten submodul. Anda dapat mengganti ikon default dan menetapkan default untuk kolom ini dengan memilihnya dari tab ikon di submodul, dan Anda dapat memasukkan nama ikon tertentu yang ingin ditampilkan. Halaman penjualan di Elegant Themes Marketplace menyediakan tautan ke daftar ikon dan namanya.

Tombol Meja

Tombol tabel juga ditambahkan menggunakan tag. Tambahkan tombol default di tab Konten. Anda juga dapat mengatur gaya tombol dari pengaturan ini. Ganti tombol default dengan pengaturan yang sama ini dalam setiap submodul kolom.

Tambahkan tombol ke setiap sel dengan tag tombol di area konten submodul. Ubah teks pada tombol dengan menambahkannya di dalam tag. Dalam contoh ini, saya telah menambahkan tombol default beberapa sel dan mengubah teks untuk tombol kedua.

Gambar Tabel

Anda dapat menambahkan gambar, ikon, dan jenis konten lainnya ke sel. Atur kualitas gambar, proporsi, skala, dan perataan horizontal dan vertikal. Ini memiliki banyak pilihan untuk gambar.

Meskipun gambar ditambahkan di galeri, gambar tidak ditampilkan sampai Anda memberi tahu mereka sel mana yang akan ditampilkan. Ini dilakukan dengan menggunakan tag. Dengan mengetikkan tag gambar pembuka, tag penutup secara otomatis ditambahkan dan gambar ditampilkan di dalam sel itu. Anda dapat memasukkannya dengan konten lain di dalam sel. Tambahkan nomor di antara tag untuk menentukan gambar tertentu yang akan ditampilkan.

Tab Desain Pembuat Meja

Tab Desain mencakup pengaturan untuk bingkai tabel, garis, sel, teks, header, footer, ukuran, spasi, batas, dll. Berikut adalah pengaturan utama.

Bingkai Meja

Tab desain mencakup kustomisasi untuk bingkai tabel, sel, teks, header, baris, footer, ukuran, spasi, batas, dll. Ini adalah bingkai tabel. Jenis bingkai default menggunakan Kesenjangan, yang menempatkan sedikit ruang di antara sel. Ini Tidak Ada, yang menghilangkan batas antar sel.

Untuk Kesenjangan, Anda dapat menyesuaikan celah kolom dan baris secara terpisah. Saya telah meningkatkan celah kolom menjadi 8px dan celah baris menjadi 4px.

Garis menempatkan batas di sekitar setiap sel. Anda memiliki kendali atas gaya, warna, dan ketebalan garis. Ini adalah default.

Dalam contoh ini, saya telah mengatur gaya menjadi putus-putus, mengubah warna, dan menyesuaikan lebar garis menjadi 3px.

Garis-garis Meja

Tabel Stripes menciptakan efek garis seperti spreadsheet standar. Anda dapat memilih tempat penerapannya, memilih urutannya, dan menyesuaikan rona, saturasi, dan kecerahan. Ini adalah pengaturan default.

Untuk contoh ini, saya telah menyesuaikan rona garis menjadi 86 derajat, saturasi menjadi 172%, dan kecerahan menjadi 82%. Ketiga penyesuaian bekerja sama untuk menciptakan pilihan warna yang menarik.

Untuk contoh ini, saya telah menyesuaikan warna sel tabel, sel header, dan sel header kolom.

Untuk contoh ini, saya telah menambahkan bayangan kotak #1 ke sel header dan bayangan kotak #3 ke sel header baris. Saya telah memusatkan perataan teks secara horizontal dan vertikal untuk masing-masing tipe sel satu per satu. Saya juga telah menambahkan lebih banyak ruang untuk celah.

Penataan Header dan Footer

Anda dapat menata warna untuk teks dan sel header dan footer secara independen. Dalam contoh ini, saya telah menambahkan footer, membuat teks menjadi putih dan huruf besar semua, mengatur warna sel menjadi biru tua, dan menambahkan bayangan kotak ke sel.

Dalam contoh ini, saya secara independen menyesuaikan batas untuk sel, sel header, dan sel footer.

Contoh Pembuat Meja

Saya membuat tabel dengan 5 kolom, header kolom, dan header baris. Header baris memiliki tombol belanja yang membawa Anda ke halaman produk untuk setiap produk, dan gambar produk. Kedua header menggunakan latar belakang hitam, sudut membulat, dan font dari tata letak.

Sel menggunakan garis, font yang lebih besar dari tata letak, dan sudut membulat. Kolom terakhir menampilkan ikon untuk menunjukkan apakah suatu produk tersedia. Saya menambahkan bayangan kotak ke setiap header dan sel. Bingkai tabel menggunakan celah dengan 4 piksel untuk celah kolom dan 7 piksel untuk celah baris.

Berikut desain yang sama tanpa gambar di header baris.

Berikut tata letak dengan gambar produk seperti yang muncul di ponsel. Ini mengurangi tabel menjadi 2 kolom dengan satu menjadi header baris. Yang ini memecahnya dengan kolom.

Anda juga dapat memecahnya berdasarkan baris. Contoh ini menghapus gambar dan menunjukkan tabel yang dipecah berdasarkan baris.

Yang ini menunjukkan baris sebagai akordeon. Mengklik satu akan membukanya untuk menampilkan kontennya.

Tempat Membeli Pembuat Meja

Anda dapat membeli Table Maker di Divi Marketplace. Biayanya $35 untuk situs web tanpa batas dan termasuk jaminan uang kembali 30 hari dan satu tahun dukungan dan pembaruan. Dokumentasi disediakan sebagai panduan video dan teks.

Mengakhiri Pikiran

Itulah tampilan kami di Table Maker untuk Divi. Ini memiliki banyak fitur untuk membuat dan menyesuaikan tabel untuk Divi termasuk beberapa yang tidak saya bahas di sini. Saya hanya membutuhkan dokumentasi untuk melihat cara menggunakan gambar, ikon, dan tombol.

Pada awalnya, tampak sedikit canggung untuk menambahkan tombol, ikon, dan gambar ke tabel menggunakan tag, tetapi mudah dilakukan dan karena konten untuk sel ditambahkan dengan editor kode, ini memberi Anda lebih banyak kontrol daripada Anda' d biasanya memiliki.

Table Maker adalah plugin yang sangat baik untuk membuat tabel dengan Divi. Mampu menambahkan konten seperti HTML, shortcode, iFrames, CSS, dll, sangat meningkatkan jenis tabel yang dapat Anda buat. Jika Anda tertarik untuk membuat tabel kustom Anda sendiri dengan Divi, Table Maker layak untuk dilihat.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Table Maker untuk Divi? Beri tahu kami pendapat Anda tentang hal itu di komentar.

Gambar Unggulan melalui PCH.Vector / shutterstock.com