Menyiapkan lingkungan pengembangan WordPress

membuat tema wordpress

Lingkungan pengembangan lokal

Lingkungan pengembangan lokal memungkinkan Anda menyiapkan lingkungan server di komputer Anda sendiri secara localhost.

Meskipun Anda tidak mengembangkan di situs secara langsung, situs Anda akan terlihat aktif di browser Anda seperti menggunakan hosting pada umumnya.

Untuk menyiapkan lingkungan pengembangan lokal, Anda memerlukan beberapa alat tambahan, dan Ini bergantung pada kebutuhan Anda. Alat tambahan akan dijelaskan dibawah.

Alasan menggunakan pengembangan secara lokal

Mungkin Anda bertanya-tanya kenapa mengembangkan secara lokal atau dilocalhost? Salah satu keuntungan besar dari mengembangkan situs Anda secara lokal di komputer Anda adalah Anda dapat bekerja di situs Anda tanpa terhubung ke internet.

Mempercepat proses pengembangan dan memungkinkan Anda melihat perubahan secara instan di browser Anda tanpa bergantung pada server jarak jauh.

Situs Anda juga akan aman dan bebas dari pengintaian sampai Anda benar-benar menyelesaikan proyek tersebut. Selain itu, Anda tidak akan mengalami masalah kinerja server dan tidak menggunakan bandwidth hosting. Kinerja situs Anda hanya akan bergantung pada mesin lokal Anda.

Lingkungan pengembangan lokal akan memungkinkan Anda untuk menjaga keamanan tingkat tinggi saat menguji situs Anda dan memungkinkan Anda memastikan tidak ada bug atau perbaikan yang memerlukan perhatian Anda.

Alat lingkungan pengembangan

Untuk mengembangkan tema WordPress, Anda perlu menyiapkan lingkungan pengembangan yang sesuai untuk WordPress. Maka Anda memerlukan beberapa alat untuk membantu Anda memulai. Berikut alat-alat yang harus Anda siapkan:

  • web server
  • teks editor
  • browser 

Web server

Web server adalah perangkat lunak yang berfungsi sebagai penerima permintaan yang dikirimkan melalui browser kemudian memberikan tanggapan permintaan dalam bentuk halaman situs web atau lebih umumnya dalam dokumen HTML.

Ada banyak opsi yang bisa Anda pilih, tetapi alat di bawah ini adalah yang populer dan paling umum digunakan:

Xampp

XAMPP singkatan dari X (nama operasi sistem), Apache, MySQL, PHP dan Perl adalah alat sumber terbuka hebat yang akan bekerja di mesin Mac, Linux, dan Windows. Selain itu, ini adalah salah satu opsi yang lebih mudah untuk disiapkan dan digunakan. 

Setelah Anda menginstal alat tersebut, Anda dapat dengan cepat menginstal pra-bundel perangkat lunak WordPress, yang memungkinkan Anda untuk segera memulai membangun situs WordPress Anda.

Anda bisa mendownload xampp disitus resminya: https://www.apachefriends.org/index.html

Catatan: Silakan pilih salah satu web server. Lalu install WordPress didalamnya. Berikut tutorial cara menginstall WordPress di localhost.

MAMP

MAMP singkatan dari  M (nama operasi sistem) Apache, MySQL atau MariaDB, PHP, Perl, atau Python. MAMP akan memberi Anda lingkungan lokal yang lengkap untuk mengembangkan situs WordPress Anda. 

Solusi ini akan menggabungkan semua yang Anda butuhkan untuk mengaktifkan dan menjalankan server Anda bersama-sama, jadi Anda tidak perlu menyatukan banyak alat. Ini tersedia untuk Mac dan Windows.

Anda bisa mendownload mamp disitus resminya: https://www.mamp.info/en/downloads/

Catatan: Silakan pilih salah satu web server. Lalu install WordPress didalamnya. Berikut tutorial cara menginstall WordPress di localhost.

DesktopServer

DesktopServer memungkinkan Anda membuat lingkungan pengembangan lokal yang serupa. Tetapi ini juga berbeda dari alat yang disebutkan di atas dalam kemampuannya tidak hanya bertindak sebagai pengaturan lokal tetapi juga menyertakan fitur virtualisasi server. 

Misalnya, Anda dapat menyalin situs WordPress yang ada, memilih lokasi server, dan bahkan dengan cepat menghapus situs setelah Anda selesai dan dipublikasikan secara online.

Anda bisa mendownload mamp disitus resminya: https://serverpress.com/

Catatan: Silakan pilih salah satu web server. Lalu install WordPress didalamnya. Berikut tutorial cara menginstall WordPress di localhost.

Teks editor

Selain lingkungan server lokal, Anda juga memerlukan teks editor untuk menulis kode Anda. Pilihan teks editor Anda bersifat pribadi, tetapi ingat bahwa teks editor yang baik dapat mempercepat proses pengembangan. 

Berikut daftar teks editor yang disarankan:

  • Visual Studio Code – Ini adalah teks editor yang paling populer. Banyak sekali Extensions didalamnya yang mendukung dalam pengembangan WordPress.
  • PhpStorm – Ini mendukung pengembangan WordPress langsung dari kotaknya, dan secara otomatis akan mendeteksi jika Anda membuat situs di WordPress.
  • Atom – Ini adalah editor open source yang relatif baru yang mudah digunakan, memiliki komunitas aktif, dan memiliki sejumlah add-on khusus WordPress.
  • NetBeans – Ini adalah editor dengan fungsi lengkap yang sudah ada sejak tahun 90-an. Ini mencakup fitur-fitur mengesankan seperti debugger bawaan dan banyak add-on WordPress.
  • Sublime Text – Editor ini sangat ringan, dan cepat untuk digunakan, selain itu teks editor ini dilengkapi dengan add-on yang mendukung pengembangan WordPress.
  • Coda – Ini adalah editor khusus Mac yang sangat ringan dan menyertakan plugin khusus WordPress.

Debuging pada WordPress

Sebelum Anda memulai mengembangkan tema WordPress, pastikan untuk mengaktifkan atau mengonfigurasi debugging pada WordPress.

Ini sangat berguna untuk menemukan kesalahan seperti bug dan error. WordPress menyediakan sejumlah konstanta untuk mendukung upaya debugging. Seperti:

WP_DEBUG

WP_DEBUG  variabel PHP konstanta yang digunakan untuk memicu bawaan mode “debug” pada instalasi WordPress Anda. Ini memungkinkan Anda untuk melihat kesalahan pada tema Anda. Untuk mengaktifkannya:

1. Buka instalasi WordPress Anda pada file wp-config.php

2. Ubah dari:

define( 'WP_DEBUG', false );

Menjadi:

define( 'WP_DEBUG', true );

WP_DEBUG_DISPLAY dan WP_DEBUG_LOG

WP_DEBUG_LOG  dan  WP_DEBUG_DISPLAY adalah variabel PHP konstanta tambahan yang memperpanjang WP_DEBUG.

WP_DEBUG_LOG digunakan bersama dengan WP_DEBUG untuk mencatat semua pesan kesalahan ke debug.log dalam direktori WordPress / wp-content / Anda. 

Untuk mengaktifkan fungsionalitas ini setel WP_DEBUG_LOG ke true dalam file wp-config.php Anda.

define( 'WP_DEBUG_LOG', true );

WP_DEBUG_DISPLAY digunakan untuk mengontrol apakah pesan debug ditampilkan dalam halaman HTML tema Anda. Untuk menampilkan pesan kesalahan di layar saat terjadi, konfigurasikan pengaturan ini ke ‘true’ dalam file wp-config.php Anda.

define( 'WP_DEBUG_DISPLAY', true );

Dengan WP_DEBUG dan WP_DEBUG_DISPLAY diaktifkan, pesan kesalahan akan ditampilkan di bagian atas halaman situs Anda.

contoh dari debug
sumber: https://developer.wordpress.org/
Informasi: Kesalahan akan ditampilkan di area frontend dan admin situs Anda. Alat debug ini dimaksudkan untuk pengujian lokal dan pemasangan pementasan, bukan untuk situs langsung.

Uji data

Pentingnya pengujian data. Pengujian unit data adalah praktik yang direkomendasikan bagi pengembang tema maupun plugin.

Jika Anda ingin tema atau plugin Anda memberikan hasil yang baik, Anda perlu melakukan pengujian sebelum dirilis.

Data Uji Unit Tema WordPress.org  adalah file XML yang berisi data uji tiruan yang dapat Anda unggah untuk menguji bagaimana tema bekerja dengan berbagai jenis post dan tata letak konten.

Plugin

Masih dalam seputar pengujian. Ada beberapa plugin WordPress yang sangat berguna untuk menguji tema Anda. Berikut plugin yang biasa digunakan dalam pengujian tema:

Debug Bar menambahkan bilah admin ke admin WordPress Anda yang menyediakan lokasi pusat untuk debugging.

Query Monitor memungkinkan debugging query database, permintaan API dan AJAX dipanggil yang digunakan untuk menghasilkan halaman tema dan fungsionalitas tema.

Log Deprecated Notices mencatat penggunaan fungsi yang salah dan penggunaan file dan fungsi yang tidak berlaku lagi di tema WordPress.

Monster Widget menggabungkan widget inti WordPress ke dalam satu widget yang memungkinkan Anda menguji gaya widget dan fungsionalitas dalam tema.

Pengembang  membantu mengoptimalkan lingkungan pengembangan Anda dengan mengizinkan pemasangan alat dan plugin yang membantu dalam memecahkan masalah dan memastikan kualitas kode.

Theme-Check  menguji tema Anda untuk kepatuhan dengan standar dan praktik WordPress terbaru.

Mendukung versi WordPress yang lebih lama

Ini adalah praktik standar untuk tema WordPress untuk mendukung setidaknya dua versi kebelakang dan memastikan kompatibilitas. Misalnya, jika versi WordPress saat ini adalah 5.5.1, Anda juga harus memastikan bahwa tema Anda berfungsi dengan baik di versi 5.5.0 dan 5.4.9 juga.

Anda dapat merujuk ke halaman Rilis WordPress untuk mengakses WordPress versi lama. Kemudian Anda dapat mengunduh dan menginstal versi WordPress yang lebih lama, membuat beberapa situs pengembangan, masing-masing menjalankan versi WordPress yang berbeda untuk pengujian.

Penutup

Menyiapkan lingkungan pengembangan WordPress lokal mungkin nampaknya membutuhkan banyak waktu.

Akan tetapi mengembangkan situs di komputer lokal Anda dapat menjadi bagian penting dari alur kerja pengembangan Anda. Ini tidak hanya membuat Anda lebih efisien, tetapi Anda akan dapat membangun situs tanpa khawatir sesuatu akan rusak.

Leave a Reply

Your email address will not be published. Required fields are marked *