Grid Esensial: Tinjauan dan Ulasan Mendetail

ThemePunch membuat beberapa plugin paling populer di luar sana untuk WordPress. Essential Grid adalah salah satu penghasil teratas di perpustakaan mereka, tepat di samping Slider Revolution . Seiring waktu, Essential Grid telah menjadi salah satu plugin yang paling dicari dan paling sukses di CodeCanyon. Jadi kami ingin memberi sorotan pada plugin dan membiarkan Anda memutuskan apakah itu sesuatu yang dapat meningkatkan situs Anda.

Grid Esensial

Plugin grid tidak jarang. Faktanya, pembuat Divi kami memiliki modul Portofolio yang melayani tujuan ini. Tetapi Essential Grid jauh melampaui apa yang telah dilakukan kebanyakan plugin grid lainnya, itulah sebabnya bahkan setelah banyak tema menyertakan template grid kustom mereka sendiri, orang-orang masih membeli lisensi EG setiap hari.

Cukup menggunakan uraian penjualan asli akan memberi tahu Anda apa yang dapat Anda lakukan dengan EG:

Essential Grid Gallery adalah plugin premium untuk WordPress yang memungkinkan Anda menampilkan berbagai format konten dalam kisi galeri yang sangat dapat disesuaikan. Kemungkinan aplikasi berkisar dari portofolio, blog, galeri, toko WooCommerce, tabel harga, layanan, penggeser produk, Instagram, YouTube, testimonial, dan apa pun yang dapat Anda bayangkan.

Tapi apa uraian mereka tidak memberitahu Anda adalah apa yang terdiri dari semua kustomisasi itu. Itu tugas kami, dan kami berniat melakukannya. Jadi mari kita gali dan lihat apa yang diributkan.

Mulai

Pertama-tama, ingatlah bahwa ini adalah plugin premium. Anda harus menuju ke CodeCanyon dan mendapatkan unduhan seharga $27 USD. Kemudian lakukan proses instalasi manual ( Plugin – Tambah Baru – Unggah ). Pada titik ini, Anda akan memiliki 3 item baru di dasbor admin WordPress Anda: Ess. Kotak , Font Punch , dan Ess. Contoh Grid Postingan . Untuk memulainya, mari kita lihat Ess sederhana . kisi .

Item menu pertama adalah tempat Anda memasukkan kode aktivasi Anda, memeriksa pembaruan, log perubahan, hal semacam itu. Mereka memang memberikan beberapa instruksi sederhana tentang cara menggunakan plugin yang intinya: gunakan kode pendek atau seret widget ke bilah sisi.

Halaman ini juga akan menjadi tempat Anda membuat kisi-kisi baru yang ingin Anda gunakan, jadi biasakan mengklik tombol itu.

Editor Kulit Barang

Di bawah Item Skin Editor , Anda memiliki semua template dasar yang disertakan dengan Essential Grid. Anda dapat mengeditnya berdasarkan kulit per kulit, mengubah apa pun yang Anda inginkan. Atau menggunakannya apa adanya. Anda bahkan dapat membuat sendiri dari awal.

Di sini, EG memberi Anda opsi untuk mengurutkan melalui tab untuk berbagai jenis item kisi. (Bahkan spasi, desain Masonry, Postingan, atau kisi produk WooCommerce.) Saat Anda mengarahkan kursor ke setiap kisi, itu akan menghidupkan dan menampilkan judul, kutipan, hamparan warna, dll. yang dapat Anda sesuaikan dengan mengeklik ikon roda gigi hijau .

Di dalam panel opsi ini, setiap elemen dapat diedit. Dari jarak antar elemen, ikon yang muncul, gaya dan durasi animasi, tautan, bayangan, jenis dan kesesuaian media, semuanya.

Saya ingin menarik perhatian Anda pada fakta bahwa Essential Grid memiliki Kelas CSS dalam tampilan sederhana untuk Anda manipulasi sesuka Anda. Jika karena alasan tertentu Anda tidak dapat menemukan opsi desain yang sempurna dalam opsi di sini, Anda dapat menambahkannya sendiri melalui CSS khusus.

Di bagian bawah halaman, Anda mendapatkan pandangan sekilas tentang setiap lapisan yang dapat Anda akses dan bagaimana gayanya saat ini.

Meta Data dan Pengaturan Pencarian

Editor kulit mungkin merupakan bagian individu yang paling kuat dari Essential Grid, tetapi EG tidak mengabaikan opsi tersebut di tempat lain. Anda dapat membuat kotak meta khusus di bawah Penanganan Data Meta yang memberi Anda opsi untuk menempatkan kotak untuk fungsionalitas khusus yang mungkin Anda perlukan dari plugin.

Anda dapat melakukan hal yang hampir sama di bawah Pengaturan Pencarian , tetapi untuk (Anda dapat menebaknya) pencarian. EG juga berfungsi sebagai halaman hasil pencarian, jadi jika Anda tidak puas dengan tampilan arsip normal Anda, ini adalah cara yang bagus untuk memperbaikinya dengan cepat.

Pengaturan global

Sama seperti kedengarannya, Pengaturan Global mencakup semua basis Anda. Anda dapat mengatur izin untuk siapa yang dapat mengubah dan mengedit kisi, bagaimana font dan JavaScript dimuat, apa yang Anda lakukan untuk cache, dari mana Anda mendapatkan ikon, menyetel gambar default untuk elemen kisi, dan sebagainya. Jika itu berlaku untuk seluruh plugin alih-alih satu elemen seperti hanya kulit, Anda akan dapat menemukannya di sini. Bagian yang mengesankan adalah kontrol yang Anda dapatkan — banyak plugin tidak memberi Anda pilihan untuk memilih jenis kueri yang Anda gunakan, tetapi EG memungkinkan Anda memilih apakah get_posts() atau WP_Query() berfungsi paling baik untuk situs Anda (dan jika Anda tidak ga tau maksudnya apa, biarkan saja default. Bagus kok.

Ekspor Impor

Saat pertama kali menyiapkan plugin, Anda pasti harus memeriksa halaman Impor/Ekspor . Jika Anda mengklik Impor Data Demo Lengkap dan Impor Kisi Demo Media Sosial , Anda akan memiliki banyak sekali templat awal yang dapat Anda mulai. Mereka juga bagus, jadi cukup klik tombolnya dan impor/unduh hampir instan.

Kisi-kisi yang diimpor akan muncul di bagian bawah daftar saat Anda menavigasi kembali ke Ess. kisi . Perpustakaan grid baru Anda akan menemui Anda di sana.

Ess. Contoh Grid Posting

Pilihan menu admin baru yang kedua adalah Ess. Contoh Grid Postingan . Ini adalah pilihan yang aneh untuk membuat judul menu, karena di sinilah item grid template Anda mungkin akan hidup. Soalnya, semua postingan yang tercantum di halaman ini sebenarnya adalah isi dari kotak-kotak yang ada di dalam grid di bawah Ess. Ikhtisar kisi .

Saat Anda menggunakan kode pendek yang Anda dapatkan dari halaman ikhtisar di pos atau halaman apa pun yang ingin Anda tampilkan kisi, ini adalah item individual yang muncul.

Membuat posting untuk grid baru juga mudah. Ini berfungsi seperti menambahkan posting baru dari jenis lainnya. Tekan saja tombol Add New di bawah judul ini dan atur parameter Anda.

Menggunakan Grid Esensial Tersimpan

Baik Anda menggunakan templat atau membuatnya sendiri, Anda perlu tahu cara menggunakannya. Semuanya berputar di sekitar kode pendek dengan Essential Grid. Jika Anda memiliki kisi tertentu yang ingin Anda gunakan berulang kali, Anda perlu mengeklik Buat Kotak Ess Baru di bawah Ess. Halaman ikhtisar kisi di panel admin Anda. Di dalam, Anda memilih segalanya mulai dari bagaimana Anda dapat mengurutkan item dalam kisi, animasi pemuatan apa yang dimilikinya, dari mana elemen-elemennya sebenarnya berasal, dan Anda dapat menamainya.

Saat Anda menamainya, Anda juga bisa memilih alias kode pendeknya. Alias ​​​​itu hanya digunakan untuk memanggil grid khusus ini menggunakan kode pendek Essential Grid. Saya juga memilih untuk menggunakan ID yang sama untuk ID CSS untuk berjaga-jaga di masa depan, saya ingin membuat tweak eksternal.

Cukup masukkan kode pendek di editor teks posting atau halaman, selanjutnya.

Dan voila!

Menggunakan Grid Esensial Unik

Jika Anda tahu bahwa Anda hanya perlu menampilkan sesuatu pada satu halaman atau dalam satu postingan, mungkin tidak ada alasan untuk bersusah payah menyiapkan kisi-kisi baru, membuat postingan baru untuk kontennya sebagai template, dan membuat alias dan semua itu. Anda dapat dengan mudah membuat kode pendek dinamis dari dalam editor pos itu sendiri. Cukup tekan tombol Essential Grid Shortcode Creator di toolbar.

Kemudian Anda harus melalui langkah-langkah untuk memberi tahu kode pendek ini konten apa yang Anda inginkan untuk dirender. Anda dapat memilih salah satu yang telah ditentukan dari menu ikhtisar (tanpa harus menyalin/menempelkan kode pendeknya secara manual), atau Anda dapat membuatnya sendiri berdasarkan opsi yang disajikan.

Anda akan melalui halaman untuk memilih semua opsi yang sama yang Anda miliki di tempat lain (animasi, tata letak, dll.), dan ketika Anda siap untuk pergi, tekan tombol Generate Shortcode .

Seperti yang Anda lihat, kode pendek yang dihasilkan secara dinamis jauh lebih kompleks karena menyimpan semua informasi tentang kisi itu sendiri.

Tapi saat dirender, tidak ada bedanya. Apalagi jika Anda memilih untuk mengaplikasikan skin saat berkreasi.

Widget Grid Esensial

Terakhir, Anda memiliki opsi untuk menempatkan Kotak Esensial apa pun yang telah Anda buat ke dalam widget. Yang ini lebih mudah diatur daripada yang lain karena secara harfiah drag-and-drop. Masuk ke Appearance – Widgets , pilih widget Essential Grid dan seret ke tempat yang Anda inginkan untuk dirender. Jika Anda menginginkannya di beranda saja, Anda dapat mengaturnya, atau Anda dapat memilih salah satu kisi yang sudah dibuat sebelumnya. Namun, Anda tidak dapat membuat kisi dinamis dengan cara seperti di atas. Ini harus dibuat sebelumnya.

Namun, satu hal yang perlu diingat adalah tidak semua tata letak terlihat bagus di bilah sisi. Anda mungkin mendapatkan beberapa konten Anda dirender dengan sangat aneh, tetapi jangan panik. Jika itu terjadi, ubah saja pengaturannya sehingga akan ditampilkan secara berbeda — kotak alih-alih layar penuh mungkin atau Bahkan alih-alih Masonry, mungkin. Percobaan sampai terlihat seperti yang Anda inginkan. Mungkin ide yang bagus untuk membuat kisi khusus bilah sisi untuk ini. (Anda bisa menduplikasi yang Anda inginkan di sana dan mengubahnya alih-alih yang asli.)

Font Pukulan

Dan akhirnya, ada sedikit penyesuaian terakhir yang Anda dapatkan dengan Essential Grid. Punch Fonts adalah antarmuka sederhana untuk menggunakan Google Fonts di EG. Itu dia.

Anda dapat memilih font mana yang ingin Anda instal dengan menekan tombol Add New Font yang berjudul baik. Jika Anda mengikuti tautan di modal ke Google Font, Anda akan menemukan parameter yang Anda butuhkan, dan plugin akan menarik font ke situs Anda.

Dan ketika tertulis tpmoniker hanya untuk penggunaan internal, itu berarti pada dasarnya sama dengan alias sebelumnya. Anda akan melihatnya ketika Anda menerapkan font ke sesuatu. Jadi beri nama mereka dengan tepat.

Pikiran Akhir

Secara keseluruhan, Essential Grid adalah salah satu plugin grid yang paling kuat dan kuat di luar sana. Jika Anda pernah menggunakan Slider Revolution, maka tata letak dan lapisannya bekerja sangat mirip dengan itu, dan Anda akan merasa seperti di rumah sendiri. Jika tidak, mungkin ada sedikit kurva pembelajaran saat Anda mengetahui bagian mana yang cocok. Tetapi begitu Anda melakukannya, Anda akan dapat membuat beberapa halaman yang benar-benar indah.

Jika Anda tidak memerlukan tingkat penyesuaian ini, Anda mungkin tidak ingin membayar harga premium. Ada banyak plugin grid lain di luar sana yang mungkin sesuai dengan kebutuhan Anda. Selain itu, tergantung pada seberapa berat Anda membuat grid, kecepatan situs bisa menjadi masalah. Maksud saya, Anda dapat menyesuaikan animasi pemuatan Anda karena suatu alasan.

Namun, jika keduanya diperlukan dan dilakukan dengan benar, plugin benar-benar bersinar. Ada alasan mengapa Essential Grid adalah penjual nomor 1 di kategorinya. Dan jika Anda memeriksa peringkat dan utas dukungan, ThemePunch dengan cepat membalas dan membantu.

Jadi untuk $27, itu mungkin sepadan dengan harga tiket masuk. Plus, jika Anda seorang desainer tema, Anda dapat membeli lisensi diperpanjang mereka dan memasukkannya sebagai paket untuk tema Anda sendiri. Yang cukup keren.

Apakah Anda menggunakan Grid Esensial? Mari kita lihat beberapa kreasi Anda di komentar!

Gambar unggulan artikel oleh Bloomicon / shutterstock.com