Sesuaikan Desain Tema WordPress Anda dengan Pensil Kuning


Jika Anda ingin menyesuaikan desain tema WordPress Anda dengan cara mudah maka plugin WordPress Pensil Kuning mungkin merupakan add-on yang Anda perlukan untuk situs Anda. Editor gaya visual ini memungkinkan Anda mengubah tampilan situs Anda, tanpa harus menyentuh sebaris kode pun.

Menggunakan Pensil Kuning akan mengajarkan Anda kegembiraan desain web, sekaligus membuat situs yang indah untuk membuat pengunjung Anda kagum. Edit elemen apa pun di situs web Anda, semuanya di front-end, dan secara real-time. Satu-satunya batasan pada desain situs Anda adalah imajinasi Anda sendiri.

Panduan mendalam untuk menggunakan Yellow Pencil versi premium ini akan mencakup fitur-fitur utamanya, termasuk kemampuan pengeditan CSS langsung tunjuk dan klik serta kompatibilitasnya dengan tema WordPress apa pun. Kami kemudian akan melihat pengalaman pengguna yang ditawarkan, memungkinkan Anda menyiapkan dan mendesain dalam waktu singkat.

Untuk Siapa Pensil Kuning?

Baik Anda sedang mencari cara yang lebih cepat untuk menyesuaikan situs, atau belum terbiasa dengan CSS, Pensil Kuning dapat membantu Anda. Plugin ini mencakup alat canggih dan opsi penyesuaian, cocok untuk profesional yang ingin membuat situs baru untuk klien.

Namun, kurangnya pengkodean yang diperlukan, kemudahan penggunaan, antarmuka intuitif, dan dokumentasi dukungan terperinci, membuat mereka yang memiliki pengalaman desain terbatas pun dapat mengakses plugin ini. Singkatnya, jika Anda ingin menyesuaikan tampilan situs WordPress Anda, Yellow Pencil adalah editor gaya visual untuk Anda.

Singkatnya, jika Anda ingin menyesuaikan tampilan situs WordPress Anda, Yellow Pencil adalah editor gaya visual untuk Anda.

Fitur Utama Pensil Kuning

Pensil Kuning adalah alat desain yang sangat mengesankan. Fitur dan alat yang tersedia memungkinkan kontrol penuh atas tampilan situs Anda. Ini dapat digunakan pada tema atau plugin WordPress apa pun, dan memungkinkan Anda membuat halaman web yang bergaya dan responsif.

Element Inspector memungkinkan Anda memilih dan menyesuaikan setiap elemen visual di situs WordPress Anda. Edit warna, latar belakang, batas, dan banyak lagi. Semua ini dilakukan secara real time, di bagian depan situs Anda, sehingga Anda dapat melihat perubahan yang Anda buat. Pensil Kuning akan menghasilkan kode di latar belakang, jadi kecuali Anda menginginkannya, Anda tidak perlu melihat sendiri kode apa pun. Fitur lainnya meliputi:

  • Seret dan lepas untuk mengubah posisi elemen
  • Ubah ukuran elemen dengan sentuhan mouse Anda
  • Pilih dari 600+ font, 300+ pola latar belakang, 50+ animasi, dan banyak lagi
  • Tersedia warna tak terbatas atau pilih dari palet warna modern Yellow Pencil
  • Gunakan editor CSS langsung

Dokumentasi dan dukungan ekstensif juga tersedia untuk membantu Anda mendapatkan hasil maksimal dari editor gaya visual WordPress ini.

Nah, sekarang kita tahu apa yang ditawarkan Pensil Kuning. Namun bagaimana kita memulainya, dan apakah pengalaman pengguna sama mengesankannya dengan fitur yang disediakannya?

Cara Memasang Pensil Kuning

Pensil Kuning sangat cepat dan mudah dipasang. Setelah Anda membeli plugin dari CodeCanyon (atau membeli tema premium seperti New York yang menyertakan plugin secara gratis), unduh “Hanya file WordPress yang dapat diinstal” dari halaman unduhan Envato Anda (atau Anda dapat menggunakan versi gratis yang tersedia di WordPress. organisasi).

Kemudian buka dashboard WordPress Anda. Pilih 'Plugin' > 'Tambahkan Baru'.

Pada halaman Tambahkan Plugin, klik 'Unggah Plugin' > 'Pilih File'.

Dari tempat Anda mengunduhnya, pilih 'waspthemes-kuning-pensil.zip'. Klik 'Instal Sekarang'.

Setelah plugin diinstal, klik 'Aktifkan'. Masukkan kode aktivasi yang diberikan saat Anda membeli plugin. Ini akan memberi Anda akses ke pembaruan plugin saat dirilis.

Setelah aktivasi, halaman selamat datang Yellow Page akan muncul di dashboard Anda. Di bawah 'Sumber Daya' Anda akan menemukan dokumentasi plugin, tutorial, dan bantuan serta dukungan lain yang mungkin Anda perlukan untuk memulai.

Jika Anda sudah siap, klik 'Ayo Mulai'. Ini akan membawa Anda langsung ke mode pengeditan.

Memahami Antarmuka Pensil Kuning

Antarmuka Yellow Pencil sangat jelas dan intuitif untuk digunakan. Bilah di sisi kiri halaman menampilkan alat yang tersedia.

Panel yang berada di sisi kanan halaman adalah Panel Editor. Jika tidak ada elemen pada halaman yang dipilih, maka akan ditampilkan tiga jenis penyesuaian yang memungkinkan untuk diedit.

Saat Anda mengklik elemen di halaman, Panel Editor akan berubah untuk memuat properti gaya.

Kotak biru akan muncul di sekitar elemen yang dipilih, menampilkan opsi penyesuaian tambahan.

Alat Penting yang Anda Butuhkan

Bilah alat, di sebelah kiri, menampilkan banyak alat, namun beberapa di antaranya penting untuk membantu Anda memulai…

  • Element Inspector – Ini memungkinkan Anda memilih elemen apa pun di halaman untuk disesuaikan.
  • Batalkan dan Ulangi – Cobalah berbagai desain pada halaman Anda dengan aman karena mengetahui bahwa Anda dapat membatalkan atau mengulangi pengeditan Anda.
  • Layar Penuh – Bekerja dalam layar penuh, memberi Anda gambaran jelas tentang penyesuaian saat Anda membuatnya.

Panel Editor menggabungkan tiga tombol penting…

  • Pratinjau Langsung – Pratinjau perubahan Anda tanpa antarmuka Pensil Kuning apa pun yang ditampilkan.
  • Atur Ulang Perubahan – Tidak menyukai hasil edit Anda? Setel ulang saja perubahan yang Anda buat.
  • Simpan – Setelah Anda melihat pratinjau pekerjaan Anda dan puas dengan hasilnya, cukup tekan tombol simpan.

Memilih Jenis Penyesuaian

Sebelum Anda memilih elemen pada halaman Anda dan mulai mengeditnya, Anda harus terlebih dahulu memilih jenis penyesuaian. Ini ditampilkan di Panel Editor, ketika tidak ada elemen yang dipilih. Ada tiga jenis untuk dipilih; Kustomisasi Global, Kustomisasi Satu Halaman, dan Kustomisasi Templat.

Masing-masing jenisnya relatif cukup jelas. Memilih 'Sesuaikan Global' berarti perubahan yang Anda buat akan diterapkan pada setiap halaman situs Anda. Jika Anda memilih 'Sesuaikan Satu Halaman', maka semua pengeditan hanya akan memengaruhi halaman yang sedang Anda kerjakan. 'Sesuaikan Template' berlaku untuk jenis postingan saat ini, pilihan yang baik jika Anda ingin mengonfigurasi semua halaman produk atau blog.

Jenis penyesuaian yang Anda pilih akan ditampilkan di bagian atas Panel Editor. Pastikan Anda memeriksa apakah Anda mengedit dalam jenis yang benar sebelum menyimpan pekerjaan Anda.

Apa yang Dapat Anda Lakukan dengan Pensil Kuning?

Setelah Anda memahami antarmukanya, sekarang saatnya untuk memulai. Di bawah ini adalah contoh dari beberapa alat dan fitur penyesuaian yang ditawarkan plugin ini. Ini akan membantu Anda dalam menghasilkan situs web yang indah dan profesional.

Ubah Tipografinya

Memilih font yang sesuai untuk situs web Anda adalah tugas penting. Yellow Pencil menyediakan beragam opsi untuk membantu Anda menata teks sedemikian rupa sehingga sesuai dengan desain situs web Anda dan menarik perhatian pembaca.

Klik pada bagian teks yang ingin Anda edit dan kemudian pilih 'Teks' dari Panel Editor. Ini akan memunculkan opsi penyesuaian untuk tipografi. Pilih dari 600+ jenis font, ubah ukuran font, ubah tinggi garis, kontrol spasi huruf dan kata, dan masih banyak lagi. Anda juga dapat mengubah warna teks Anda dengan memilih salah satu palet warna modern Yellow Pencil, atau memilih pilihan warna Anda sendiri.

Tambahkan Perbatasan

Menambahkan batas pada item tertentu di halaman dapat membantu menyorot informasi penting dan menciptakan visual yang efektif. Setelah memilih gambar atau teks yang ingin Anda tambahkan batasnya, pilih 'Perbatasan' dari Panel Editor. Ada empat gaya

Setelah memilih gambar atau teks yang ingin Anda tambahkan batasnya, pilih 'Perbatasan' dari Panel Editor. Ada empat gaya perbatasan untuk dipilih; padat, putus-putus, putus-putus atau tersembunyi. Anda juga dapat mengubah lebar tepi agar lebih jelas, dan mengubah warnanya.

Fitur yang mengesankan adalah Anda dapat menyesuaikan setiap sisi perbatasan secara terpisah. Artinya keempat sisinya dapat diberi warna, gaya, dan ketebalan yang berbeda, sehingga menghasilkan tampilan yang unik dan menarik perhatian.

Ubah Latar Belakang

Latar belakang yang mencolok dapat membantu menonjolkan suatu elemen. Pensil Kuning memungkinkan Anda mengubah latar belakang setiap elemen di situs Anda.

Untuk melakukannya, klik item yang dipilih dan pilih 'Latar Belakang' dari Panel Editor.

Di sini Anda dapat mengubah warna latar belakang, memilih salah satu dari 300+ pola Pensil Kuning, atau memilih gradien CSS. Anda juga memiliki opsi untuk mengunggah gambar khusus Anda sendiri. Setelah Anda memutuskan latar belakang, Anda dapat menyesuaikan ukuran latar belakang, posisinya dan, jika Anda telah menambahkan gambar, pilih apakah gambar itu statis atau bergulir bersama halaman lainnya.

Gunakan Animasi

Menggunakan animasi adalah cara hebat lainnya untuk membantu konten Anda memberikan dampak. Di bawah 'Animasi' di Panel Editor, Anda dapat menambahkan efek animasi ke elemen pilihan Anda.

Pilih salah satu dari 50+ animasi di pengelola animasi langsung, mulai dari memperbesar, atau memudarkan, hingga memantul, berputar, dan banyak lagi. Anda dapat mengontrol durasi dan penundaan, serta menjalankan beberapa animasi secara bersamaan, jika diinginkan. Ini akan memberikan orisinalitas situs Anda, serta menarik perhatian ke aspek penting halaman Anda. Anda juga dapat mencoba membuat animasi kustom Anda sendiri dengan memilih Animation Generator pada toolbar.

Ubah ukuran dan Posisikan Ulang Elemen apa pun

Mengubah ukuran dan memposisikan ulang elemen apa pun sangat mudah dengan Pensil Kuning.

Untuk mengubah ukuran, klik item secara langsung sehingga kotak yang disorot berwarna biru muncul di sekitarnya. Kemudian cukup seret garis horizontal dan vertikal kotak biru untuk mengubah ukurannya.

Untuk mengubah posisi suatu elemen, klik elemen tersebut lalu tahan tombol mouse Anda. Seret dan lepas ke posisi yang sesuai di halaman.

Kelemahan dari fitur drag and drop ini adalah dapat menyebabkan masalah pada tampilan di ponsel. Gunakan Alat Responsif, yang terdapat di bilah alat, untuk melihat tampilan halaman web Anda di semua ukuran layar. Anda mungkin perlu mengubah desain Anda.

Harga

Plugin Yellow Pencil WordPress tersedia dari CodeCanyon seharga $26. Ini termasuk dukungan selama 6 bulan, namun Anda memiliki opsi untuk membayar tambahan sebesar $7,88 untuk memperpanjang dukungan hingga 12 bulan.

Pikiran Terakhir

Pensil Kuning adalah alat yang hebat untuk digunakan jika Anda ingin menyesuaikan tampilan situs WordPress Anda. Fitur dan kemudahan penggunaan memberi Anda semua yang Anda perlukan untuk membuat situs WordPress khusus. Untuk hasil terbaik, pastikan Anda memiliki visi yang jelas tentang tampilan situs yang Anda inginkan.

Apakah Yellow Pencil memiliki fitur yang Anda perlukan untuk mempersonalisasi situs WordPress Anda? Silakan bagikan pemikiran Anda di bawah…