Panduan Pemula Editor Tema WordPress + 5 Plugin Editor Kode Gratis

Editor Tema WordPress adalah editor teks sederhana yang terletak di dashboard WordPress di bawah Appearance » Editor.

Editor Tema WordPress memungkinkan Anda untuk memodifikasi file tema WordPress dari dasbor WordPress (area admin).

Anda dapat mengedit file tema aktif Anda atau Anda juga dapat memilih dari tema lain yang diinstal dari Pilih tema untuk diedit: menu tarik-turun.

Anda dapat melihat pratinjau editor tema di tangkapan layar di bawah ini.

Praktis, Anda dapat menggunakan editor tema WordPress untuk mengedit file tema Anda dengan cepat dan mudah, tetapi ini bukan metode yang disarankan untuk mengedit file tema.

Misalnya, jika Anda telah langsung memodifikasi file styles.php, penyesuaian Anda akan bekerja dengan baik pada awalnya.

Namun, ketika Anda akan memperbarui tema Anda ke versi yang lebih baru dari tema modifikasi Anda, Anda akan kehilangan semua perubahan Anda dan tidak akan ada cara untuk memulihkan penyesuaian Anda.

Bagaimana Menyesuaikan Tema WordPress?

Jika Anda ingin menambahkan beberapa CSS atau Javascript khusus ke tema Anda, Anda dapat menginstal Plugin CSS/JavaScript Khusus.

Anda dapat membaca artikel ini untuk mempelajari lebih lanjut tentang Plugin CSS Kustom. Pada artikel ini, saya telah mencantumkan 10 plugin gratis untuk menambahkan CSS dan JavaScript Kustom ke situs WordPress Anda.

CSS khusus dan plugin javascript khusus mudah digunakan dan Anda tidak akan kehilangan perubahan saat memperbarui tema.

Anda juga dapat menggunakan Alat Pengembang Chrome untuk mengedit tema Anda. Baca Cara Mengedit Tema WordPress Menggunakan Chrome Dev Tools.

Bagaimana cara menambahkan panah ke menu Anda tanpa menggunakan JavaScript atau JQuery. Ini adalah tutorial langkah demi langkah bagi pemula untuk mempelajari cara kerja tema WordPress.

Komentar adalah bagian yang sangat penting dari blog WordPress. Anda dapat membaca artikel ini untuk mempelajari cara menyorot komentar penulis di tema WordPress.

Sesuaikan Tema WordPress dengan Tema Anak

Tema anak adalah metode terbaik dan direkomendasikan untuk menyesuaikan tema WordPress apa pun. Anda dapat membuat banyak perubahan yang Anda suka.

Misalnya, kami menggunakan tema anak yang sangat disesuaikan di JustLearnWP. Tema induk adalah TwentySixteen, tetapi tema anak kami terlihat sangat berbeda.

Dengan tema anak, Anda dapat memodifikasi file apa pun dengan tema anak, Anda dapat menambah atau menghapus fitur dari tema induk.

Baca artikel ini untuk mempelajari mengapa tema anak penting.

Ada dua cara untuk membuat tema anak. Menggunakan plugin tema anak atau membuat tema anak secara manual.

Kami telah menerbitkan tutorial langkah demi langkah Cara Membuat tema anak WordPress. Dalam tutorial ini, Anda akan belajar membuat tema anak secara manual tanpa menggunakan plugin apa pun.

Anda juga dapat mengatur situs WordPress secara lokal di komputer Anda menggunakan WAMP Server dan Bitnami Server. Dengan situs WordPress lokal, Anda dapat menguji plugin, tema baru dengan cepat dan mudah dan Anda tidak memerlukan koneksi internet setiap saat.

Situs WordPress lokal membuat proses pengembangan Anda lebih cepat dan sederhana. Baca tutorial ini untuk mempelajari cara menginstal WordPress secara lokal menggunakan WAMP Server dan Bitnami.

Plugin Editor Tema WordPress

Ada banyak Plugin Editor Tema WordPress gratis yang tersedia. Plugin ini menawarkan berbagai fitur yang lebih canggih.

Berikut adalah beberapa plugin editor tema populer untuk WordPress.

1. Editor WP

Dengan 100.000+ pemasangan aktif, ini adalah salah satu plugin pengeditan paling populer untuk WordPress. Ini membutuhkan WordPress 3.0 atau lebih tinggi.

WP Editor akan menggantikan plugin default dan editor tema serta editor halaman/posting di dashboard WordPress.

WP Editor Menggunakan integrasi CodeMirror dan FancyBox untuk menciptakan lingkungan yang kaya fitur, WP Editor sepenuhnya mengerjakan ulang kemampuan pengeditan file WordPress default.

Fitur Editor WP:

• KodeMirror
• Sorotan Baris Aktif
• Nomor Baris
• Pembungkus Garis
• Delapan Tema Editor dengan Penyorotan Sintaks
• Pengeditan Layar Penuh (ESC, F11)
• Pencarian Teks (CMD + F, CTRL + F)
• Pengaturan Individual untuk Setiap Editor
• FancyBox untuk melihat gambar
• Peramban Berkas AJAX
• Daftar Ekstensi yang Diizinkan
• Bagian Pengaturan yang mudah digunakan

Unduh WP-Editor

2. Editor Kode Tingkat Lanjut

Ini adalah plugin lain yang sangat populer dengan 100.000+ pemasangan aktif.

Plugin Editor Kode Lanjutan, Mengaktifkan penyorotan sintaks dalam tema terintegrasi dan editor kode sumber plugin dan mendukung PHP, HTML, CSS, dan JavaScript.

Anda dapat mengedit tema atau plugin saat Anda hanya memiliki akses ke browser, dengan mengaktifkan penyorotan sintaks di editor kode sumber terintegrasi WordPress.

Fitur Editor Kode Tingkat Lanjut

• Pencarian Cerdas (string atau regex) dan Cari dan Ganti.
• Editor Layar Penuh termasuk 11 tema untuk editor.
• Multiple Undo & Redo (editor mengingat semua editan) dan AutoComplete dengan lebih dari 3500 Fungsi WordPress.
• Diuji dan Bekerja dengan IE8,9,10 FF3.6 dan lebih tinggi, chrome 8 dan lebih tinggi.
• Ajax membuat, menghapus, menyimpan file dan folder.
• Unduh file, tema, atau tombol plugin.
• Kode komentar keluar/masuk dan sistem kontrol versi bawaan.

Unduh Editor Kode Tingkat Lanjut

3. WPide

Ini adalah plugin gratis lainnya dengan begitu banyak fitur canggih. WPide membutuhkan WordPress 3.0 atau lebih tinggi.

Menurut pengembangnya, WPide adalah editor kode WordPress dengan tujuan jangka panjang untuk menjadi lingkungan utama untuk membuat kode/mengembangkan tema dan plugin WordPress.

Dengan plugin gratis ini, Anda akan dapat mengedit file apa pun di direktori konten-wp Anda, bukan hanya plugin dan tema.

Fitur penyelesaian kode membantu Anda mengingat perintah WordPress/PHP Anda yang menyediakan referensi fungsi di sepanjang jalan.

Anda juga dapat mengedit beberapa file bersamaan dengan editor tab.

Fitur Saat Ini:

• Penomoran baris, Penyorotan sintaks, dan Temukan+ganti
• Pelengkapan otomatis kode untuk fungsi WordPress dan PHP bersama dengan deskripsi fungsi, argumen, dan nilai pengembalian jika berlaku
• Pencadangan otomatis setiap file yang Anda edit
• Gunakan browser file untuk mengganti nama, menghapus, mengunduh, zip dan unzip file (sehingga Anda dapat mengunduh versi zip dari seluruh tema Anda misalnya)
• Buat file dan direktori baru

Unduh WPide

4. Mikrotermer Lite

Apakah Anda ingin menyesuaikannya tetapi tidak tahu apa-apa tentang HTML, CSS atau PHP. Anda dapat menggunakan Microthemer Lite plugin gratis untuk menyesuaikan tema Anda.

Ini adalah editor tema visual gratis yang memungkinkan Anda menyesuaikan tampilan tema atau plugin WordPress secara responsif tanpa menulis kode.

Microthemer adalah plugin desain visual yang kaya fitur untuk menyesuaikan tampilan tema WordPress atau konten plugin, misalnya formulir kontak, hingga detail terkecil.

Microthemer Lite adalah versi gratis yang menawarkan fitur pengeditan lengkap dan dukungan pelanggan yang sama dengan pelanggan yang membayar untuk menerima.

Versi gratis membatasi Anda untuk mengedit/membuat 9 'pemilih' misalnya

Judul situs.
Deskripsi situs.
Gambar, atau semua gambar.
Sebuah link, atau semua link.
Bidang masukan situs pencarian.
Tombol pencarian situs.
Sebuah posting/halaman.
Bilah samping.
Catatan kaki.

Atau 9 elemen lain yang Anda pilih, ini hanyalah contoh.

Unduh Microthemer Lite

5. Editor Tema Kode Padat

Plugin gratis ini akan menambahkan n editor tema yang disempurnakan dengan tampilan pohon yang lebih baik dari file dan folder tema dan beberapa fungsi tambahan.

Fitur dan sorotan:

Lihat file tema apa pun dalam struktur tampilan hierarki (termasuk sub direktori)
Lihat semua file (bukan hanya PHP dan CSS)
Edit ekstensi file berikut: KURANG, PHP, CSS, JS, XML, HTML, HTM, TXT, SQL
Penyorot sintaks dan nomor baris
Unduh cadangan ZIP dari seluruh tema
Unduh file individu
Buat dan Hapus file

Itu saja

Saya harap sekarang Anda tahu, cara menggunakan WordPress Theme Editor dengan benar. Anda juga dapat menggunakan plugin untuk meningkatkan fungsionalitas Editor Tema WordPress.

Apakah Anda menggunakan plugin WordPress Code Editor, bagikan plugin favorit Anda dengan kami. Tambahkan komentar Anda di bawah.