Kiat untuk Mempercepat Proses Desain dengan Elementor

Kiat untuk Mempercepat Proses Desain dengan Elementor

Bukan rahasia lagi bahwa Elementor adalah salah satu pembuat halaman terbaik di komunitas WordPress saat ini. Dan itu tidak lagi hanya pembangun halaman. Elementor telah berevolusi sedemikian rupa sehingga Anda dapat mendesain situs web yang berfungsi penuh bahkan dengan tema WordPress dasar gratis tanpa menulis satu baris kode pun.!


Sementara Elementor menawarkan banyak opsi dan kemampuan penyesuaian, kami sering kehilangan detail dan bagian plugin yang lebih kecil yang dapat berdampak besar pada proses desain situs web.

Mendesain laman web dengan Elementor sudah cepat dan mudah, tetapi jika Anda ingin mempercepat proses mendesain, maka Anda berada di tempat yang tepat. Di artikel ini, Anda akan belajar bagaimana Anda dapat mempercepat proses desain dengan Elementor dengan memanfaatkan sepenuhnya editor dengan alat pihak ketiga.

Mulai dengan Premade Templates

Template premade dapat mempercepat pengembangan proyek Anda. Mendesain halaman baru dari awal membutuhkan waktu, dan, lebih sering daripada tidak, Anda kehilangan waktu itu sambil terus menerus menyesuaikan tata letak dan gaya halaman. Di sinilah templat berguna. Pustaka template Elementor adalah sumber yang bagus untuk mempercepat proses desain. Bahkan jika Anda tidak menggunakan templat premade, Anda selalu dapat menggunakan pustaka template sebagai inspirasi. Template dapat dengan mudah diimpor langsung ke halaman hanya dengan satu klik.

Templat elemen atau dapat dibagi menjadi dua bagian. Pertama, ketika Anda ingin mengimpor halaman premade dari atas ke bawah, misalnya, Anda dapat mengimpor halaman penuh (seperti halaman Tentang atau Kontak) dengan semua kontennya. Opsi kedua adalah jika Anda hanya ingin mengimpor bagian atau blok desain. Anda dapat melakukan ini jika, misalnya, Anda menyukai salah satu bagian dari layanan, pahlawan, hubungi kami atau berlangganan bagian.

Koleksi template gratis dan premium yang luar biasa tersedia di web.

Pasar Envato

Pasar Envato

Pasar Envato mungkin adalah pasar paling populer tidak hanya untuk templat Elementor tetapi untuk tema & plugin WordPress.

TemplateMonster

TemplateMonster

TemplateMonster adalah penyedia lain dari aset template berkualitas baik, mereka juga memiliki beberapa template gratis.

Perpustakaan Templat Elementor

Perpustakaan Templat Elementor

Pustaka templat Elementor – Adalah gudang templat asli untuk Elementor, templat Gratis dan Premium baru sering muncul.

Gunakan Hotkeys

Jika Anda bekerja dengan Elementor hanya dengan mouse Anda, silakan berhenti! Luangkan 10 menit mempelajari kode pendek, yang akan menghemat banyak waktu dan mempercepat proses desain situs web Anda. Terlepas dari yang sederhana seperti salin dan tempel, Anda dapat menggunakan pintasan khusus yang lebih canggih juga. Mereka bisa sangat berguna, terutama jika Anda ingin menavigasi antara panel dan mode pratinjau, atau beralih ke pengeditan seluler.

Berikut daftar cara pintas yang secara serius dapat meningkatkan kecepatan mendesain situs web Anda:

Tindakan

BatalkanCtrl / Cmd + ZMembatalkan perubahan yang dilakukan pada halaman
MengulangiCtrl / Cmd + Shift + ZUlangi setiap perubahan yang dilakukan pada halaman
SalinanCtrl / Cmd + CSalin bagian, kolom, atau widget
TempelCtrl / Cmd + VTempel bagian, kolom atau widget
Tempel GayaCtrl / Cmd + Shift + VTempel bagian, kolom, atau Gaya widget
MenghapusMenghapusHapus bagian / kolom / widget yang diedit
DuplikatCtrl / Cmd + DGandakan bagian / kolom / widget yang diedit
MenyimpanCtrl / Cmd + SSimpan halaman Anda ke riwayat revisi

Pergi ke

Panel / PratinjauCtrl / Cmd + PBeralih di antara panel dan tampilan pratinjau
Pengeditan SelulerCtrl / Cmd + Shift + MBeralih antara tampilan desktop, tablet, dan seluler
SejarahCtrl / Cmd + Shift + HBuka panel riwayat
NavigatorCtrl / Cmd + IBuka navigator
Perpustakaan TemplatCtrl / Cmd + Shift + LMembuka modal perpustakaan templat kami
Pintasan keyboardCtrl / Cmd + ?Membuka jendela Bantuan Pintasan Keyboard
BerhentiESCMembuka Pengaturan dan melompat ke Keluar ke Dasbor

CSS khusus untuk Halaman

Tahukah Anda bahwa Anda dapat memiliki CSS Khusus untuk setiap halaman? Ya, tetapi perhatikan bahwa fitur ini hanya termasuk dalam versi Pro dari Elementor. Sebagai solusi untuk ini, saya akan menunjukkan kepada Anda bagaimana memasukkan CSS khusus untuk setiap halaman. Trik ini akan menghemat uang Anda jika Anda menginginkan versi Pro hanya untuk menambahkan penyesuaian kecil pada tingkat halaman.

Untuk melakukan ini, Anda hanya perlu memanfaatkan widget HTML dan kode ini di dalam:

Lihatlah contoh ini:

Kode Khusus

Bilah Pencarian Elementor Finder

Sangat sering ketika Anda bekerja pada desain halaman, Anda ingin melompat ke halaman lain, pengaturan, halaman penjualan atau di mana pun, dan itu bisa memakan waktu jika Anda: menyimpan halaman> kembali ke dasbor Anda> halaman terbuka > cari halaman yang ingin Anda buka. Ini bisa menghabiskan banyak waktu dan energi jika Anda harus melakukannya berulang kali.

Untungnya, Elementor memiliki solusi bawaan untuk merampingkan dan mempercepat proses desain. Alih-alih melewati semua masalah itu, Anda bisa menggunakan Elementor Finder. Anda dapat langsung beralih ke pengaturan, templat, halaman, atau bagian tema apa saja dengan mencari di bilah pencarian. Finder dapat diakses dengan mengeklik tombol Cmd / Ctrl + E di mana saja di dasbor WordPress. Lihat video ini untuk melihat semua yang dapat Anda lakukan dengan Finder.

Gunakan Navigator

Navigator adalah jendela pohon navigasi yang menyediakan akses mudah ke setiap elemen di pembuat halaman. Jendela kecil ini memungkinkan Anda menavigasi elemen dan menarik dan melepas widget dengan mudah.

Navigator sangat berguna untuk halaman panjang atau halaman dengan desain berlapis-lapis yang kompleks, dan untuk elemen yang menggabungkan Indeks-Z, minus margin, posisi absolut, dll. Ini memungkinkan Anda untuk mengakses pegangan elemen yang mungkin diposisikan di belakang elemen lain.

Anda dapat mengakses Navigator dengan salah satu dari 3 cara sederhana:

  1. Klik kanan elemen apa pun lalu klik Navigator. Ini secara otomatis akan mengarahkan Anda ke elemen tertentu di pohon navigasi.
  2. Klik pada tombol elemen di footer panel.
  3. Gunakan pintasan keyboard Cmd / Ctrl + I.

Lihatlah video ini untuk melihatnya beraksi:

Navigator juga memiliki beberapa fungsi lain, seperti penamaan widget, collapsing dan expand widgets, mengambang atau docking panel dan menampilkan atau menyembunyikan widget. Anda dapat melihat ulasan lengkap di dalamnya dokumentasi.

Tentukan Palet Warna Anda

Biasanya, ketika kami mendesain situs web, kami mengikuti pola desain yang dibuat oleh perancang. Pola ini biasanya berisi kombinasi warna yang diulang di seluruh situs. Ini adalah warna merek yang harus tetap tidak berubah. Ini berarti bahwa setiap kali kita menambahkan widget baru pada halaman kita harus menyalin-menempelkan kode warna atau kita harus mengingat apa kode warna untuk menerapkannya dalam pengaturan widget. Melakukan hal ini dapat memakan waktu. Untungnya, Elementor punya solusi untuk kita.

Anda dapat menentukan warna merek Anda di pengaturan Color Picker dan menggunakannya kembali setiap kali Anda mengakses opsi warna untuk styling widget. Cukup pilih palet preset atau tentukan warna kustom Anda sendiri untuk menghemat waktu saat mendesain.

Lihatlah video ini:

Template & Gaya Widget Premade dan Reusable

Elementor adalah salah satu pembuat halaman terbaik, tetapi apakah Anda sudah memikirkan tombol default dan jelek? Tab? Menu? Atau widget lainnya? Widget default ini terlihat seperti dirancang beberapa tahun yang lalu, atau, mungkin Anda ingin menggunakan kembali widget yang Anda buat dalam proyek A di Proyek B?

Saat ini, Anda tidak dapat menyimpan dan menggunakan kembali gaya widget untuk proyek masa depan dengan Elementor. Untungnya, gratis WunderWP Plugin menawarkan beberapa cara untuk mengatasi masalah ini.

Pertama, WunderWP menyertakan sejumlah gaya widget pra-atur sesuai keinginan Anda. Gaya readymade untuk heading, galeri, tombol, pembagi, komidi putar, formulir, tabel harga, dan lainnya tersedia dengan klik. Cukup seret widget Elementor ke halaman Anda, pilih gaya widget WunderWP yang siap pakai dan mulai menambahkan konten.

Preset WunderWP

Dengan WunderWP, Anda juga dapat dengan mudah menyimpan dan menggunakan kembali gaya widget Anda di Elementor. Ini sederhana: sesuaikan widget, simpan ke WunderWP Cloud (yang gratis!) Dan gunakan nanti untuk widget serupa. Ini berfungsi untuk widget sederhana dan rumit. Misalnya, Anda dapat menggunakan ini untuk menyimpan widget heading yang berisi nilai tipografi yang berbeda atau untuk widget gambar dengan drop shadow yang disesuaikan.

Gaya Kustom WunderWP

Hal yang sama berlaku untuk templat – Anda dapat menyimpan templat penuh atau sebagian yang Anda buat ke WunderWP Cloud. Template akan ada di sana, jadi ketika Anda siap, Anda dapat dengan mudah memasukkannya ke halaman atau situs web. Dengan cara ini Anda hanya perlu membuatnya sekali, menghemat banyak waktu.

Templat Kustom WunderWP

Atau Anda dapat memanfaatkan templat konten readymade WunderWP Saat ini, ada lebih dari 50 templat readymade section – seperti kontak, ajakan untuk bertindak, header, footer, layanan, tentang, tim, layanan, hitung mundur dan banyak lagi – untuk berbagai tujuan.

Templat Premade WunderWP

Membungkus

Hingga saat ini, tanpa keraguan, Elementor adalah salah satu pembangun halaman WordPress terbaik di luar sana. Hampir setiap hari, alat dan fitur baru ditambahkan untuk merampingkan dan mempercepat proses desain dan mempercepat waktu pengiriman proyek.

Menurut Anda, kiat mana yang paling bermanfaat dan mana yang tidak Anda ketahui sebelumnya? Mungkin Anda juga tahu sesuatu yang tidak disebutkan di sini? Silakan bagikan dengan orang lain.

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