Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress

Cara Menggunakan Pantheon untuk Mengatur dan Mempertahankan Situs WordPress yang siap produksi

by
Read Time:23 minsLanguages:
This post is part of a series called How to Use Pantheon to Set Up and Maintain a Production-Safe WordPress Site.
How to Automate and Optimize Your WordPress Development and Testing on Pantheon
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Indonesian (Bahasa Indonesia) translation by Yanti Baddolo (you can also view the original English article)

Saat ini, WordPress digunakan 25% dari semua situs web di dunia, jadi aman untuk mengatakan bahwa apa yang dimulai sebagai perangkat lunak blog telah berkembang menjadi sesuatu yang jauh lebih besar daripada asal-usulnya yang sederhana, dan siap digunakan di situs tingkat produksi dari portal berita sampai ke aplikasi web lengkap

Dengan tingkat profesionalisme ini, muncul kebutuhan baru.

Pada blog pribadi yang dibaca oleh teman dan keluarga, update plugin yang rusak tidak akan menyebabkan gangguan yang lebih besar-kemungkinan besar, pembaca Anda bahkan tidak akan melihat kesalahannya. Ketika Anda bekerja di depan ratusan ribu pengunjung, kesalahan seperti itu akan segera diperhatikan, dan Anda tidak akan bisa melakukannya dengan mudah.

"Ini berhasil di komputer saya" mungkin benar, tapi tidak akan membuat pengguna yang frustrasi menjadi lebih bahagia.

Itu sebabnya, saat Anda membangun situs WordPress profesional untuk audiens yang lebih besar, Anda memerlukan setup hosting yang membantu memastikan pembaruan Anda aman dan tidak pernah merusak lingkungan pengembangan.

Pengaturan Dev-Test-Live Sebagai Penyelamat

Jadi, bagaimana Anda memastikan server Anda tidak akan rusak saat Anda melakukan push pembaruan baru secara live, apakah itu versi baru dari tema Anda atau pembaruan satu atau beberapa plugin Anda?

Dengan pengujian di lingkungan yang identik dengan live server sebelum melakukan push perubahan Anda secara live.

Pantheon ArchitecturePantheon ArchitecturePantheon Architecture

Pengaturan dimulai dengan server pengembangan yang Anda gunakan untuk pekerjaan sehari-hari Anda pada produk: pengujian pengembang, menghadirkan perubahan awal pada klien, dan sebagainya. Server ini mungkin berjalan di komputer atau server di cloud.

Bila Anda senang dengan bagaimana hal-hal yang terlihat di server pengembangan, dalam konfigurasi ini, Anda tidak akan terburu-buru untuk mem-push kode Anda ke server live. Sebagai gantinya, Anda melakukan perubahan Anda ke dalam version control dan lalu men-deploy ke server test.

Karena lingkungan pengujian menjalankan perangkat lunak server yang identik dengan perangkat lunak pada server live—kecuali kenyataan bahwa kode baru belum diperbarui ke server live—Anda dapat menggunakannya untuk melihat masalah apa pun yang mungkin timbul di server namun bukan pada lingkungan pengembangan Anda.  Untuk membuat pengujian lebih realistis dan dapat melihat kesalahan yang disebabkan oleh data yang dimasukkan oleh pelanggan Anda, Anda juga dapat mengisi database test dengan data nyata dari server live Anda.

Di server test, Anda memastikan semuanya berfungsi sebagaimana mestinya dengan menguji situs secara manual atau dengan menjalankan tes otomatis, atau kombinasi keduanya.  Dan baru saat itu, saat tes selesai dengan sukses, dorong perubahannya tinggal. Dengan percaya diri, mengetahui bahwa perubahan tersebut tidak akan merusak situs Anda.

Bagaimana Pantheon Dapat Membantu Anda

Sementara pendekatan Dev-Test-Live dikenal di kalangan perusahaan perangkat lunak yang membangun layanan secara online, secara tradisional hanya terbatas pada pengembang dan bisnis dengan sumber daya untuk menjalankan dan mengelola beberapa server sendiri - dan agar mereka tetap sinkron dengan Perangkat lunak dan data server.

Itu berarti membayar banyak server, tapi juga banyak kerja perawatan.

Di Pantheon, pendekatan ini hadir secara built-in pada layanan ini.

Pantheon adalah layanan hosting WordPress dan Drupal yang skalabel dan cepat, yang tidak hanya memungkinkan Anda untuk menguji kode Anda di server test sebelum mem-push secara langsung namun cukup memaksa Anda untuk mengikuti prosedur praktik terbaik di semua deployment Anda.

Dalam tutorial ini, Anda akan belajar cara membuat situs WordPress di Pantheon dan mengembangkan dan merawatnya dengan aman menggunakan arsitektur Dev-Test-Live dan version control.

Mari kita mulai!

1. Mengatur Situs WordPress Anda di Pantheon

Sekarang Anda tahu apa yang akan kita bangun (dan mengapa), inilah saatnya untuk memulai.

Salah satu hal hebat tentang Pantheon adalah model penetapan harga: Anda hanya membayar setelah situs Anda ditayangkan, sehingga Anda dapat mencoba semuanya dan bahkan mendemonstrasikan situs web Anda kepada teman dan pelanggan sebelum harus membayar akun Anda.

Pertama, pergilah ke situs Pantheon dan buat akun gratis Anda.

Jika pekerjaan Anda terdiri dari membuat situs web untuk sekelompok pelanggan, atau Anda memiliki tim pengembang yang bekerja sama dengan Anda, Anda dapat mendaftar sebagai agensi. Agensi memiliki struktur harga yang sama namun juga mendapatkan beberapa fitur tambahan seperti Multidev, yang memungkinkan Anda membuat situs menjadi beberapa lingkungan pengembangan untuk memudahkan kolaborasi dan untuk membangun dan mendemonstrasikan fitur baru tanpa harus memperbarui lingkungan utama.

Jika Anda tidak yakin jenis akun yang tepat untuk Anda, cukup pilih yang default. Anda dapat selalu mengkonversikan akun Anda ke akun agensi nanti.

Langkah 1: Buat Situs WordPress Baru

Setelah masuk, Anda akan melihat tampilan berikut:

Welcome to PantheonWelcome to PantheonWelcome to Pantheon

Klik Create New Site untuk mulai membangun situs WordPress pertama Anda di Pantheon.

Name Your Pantheon siteName Your Pantheon siteName Your Pantheon site

Di layar ini, pilih nama untuk situs Anda di Pantheon: nama tersebut digunakan di admin Pantheon Anda, dan untuk menghasilkan URL lingkungan Anda. Anda tidak bisa mengubah nama ini nanti, jadi ada baiknya memikirkannya, tapi jangan khawatir-tidak harus sama dengan nama akhir situs WordPress Anda.

Nama-nama itu bersifat global di seluruh Pantheon, jadi memilih sesuatu yang sangat umum bisa menyebabkan kesalahan. Dalam hal ini, cobalah yang lain.

Site Name already in useSite Name already in useSite Name already in use

Setelah memilih namanya, klik Create Site.

Selanjutnya, Anda akan diminta untuk memilih status awal untuk situs baru Anda. Anda bisa memulai situs web baru dari awal atau mengimpor situs Drupal atau WordPress yang ada:

Configure Your SiteConfigure Your SiteConfigure Your Site

Pilih Start dari Scratch.

Di bawah pilihan ini, Anda akan melihat daftar paket awal atau upstream yang berbeda, saat mereka dipanggil di Pantheon.

Upstream default ini dikelola oleh Pantheon sehingga ketika pembaruan baru tersedia untuk aplikasi yang Anda gunakan (WordPress, dalam kasus kita), Anda dapat memperbaruinya dengan mudah ke situs Anda melalui Dasbor Pantheon.

Install WordPressInstall WordPressInstall WordPress

Saat membuat situs WordPress, klik Install WordPress.

Instalasi dimulai. Dan setelah beberapa saat, sudah siap.

Your site is readyYour site is readyYour site is ready

Klik pada tombol Visit your Pantheon Dashboard.

Langkah 2: Lengkapi Pengaturan dan Kunjungi Situs Anda

Sekarang, Anda memiliki instalasi WordPress baru yang berjalan di server pengembangan Pantheon dan dapat mengakses dan mengendalikannya melalui Dashboard Pantheon.

Your new WordPress site on the Pantheon dashboardYour new WordPress site on the Pantheon dashboardYour new WordPress site on the Pantheon dashboard

Di bagian atas layar, Anda akan melihat tiga tab untuk lingkungan server yang berbeda: Dev, Test, and Live. Di bawah setiap tab, Anda kemudian akan menemukan struktur menu yang serupa untuk mengelola server tersebut dan mendeploy kode dan data di antara lingkungan:

  • Code: Menunjukkan log komit dari repositori Git. Di lingkungan Dev, seperti yang akan kita lihat, ini juga bisa digunakan untuk melakukan komit kode pada version control.
  • Status: Informasi tentang status lingkungan pengembangan seperti penggunaan database, cron job, update plugin WordPress yang dibutuhkan, dan caching.
  • Database / Files: Alat untuk mengekspor, mengimpor, dan membuat kloning database dan file yang diunggah.
  • Errors: Kesalahan PHP yang di log ke lingkungan pengembangan yang dipilih.
  • Domain / HTTPS: Alat untuk menyiapkan domain khusus dan sertifikat SSL untuk lingkungan pengembangan. Fitur ini hanya tersedia untuk pelanggan berbayar.
  • Backup: Alat untuk membuat cadangan database lingkungan. Pelanggan berbayar juga bisa menyiapkan backup otomatis.
  • Keamanan: Pilihan untuk memberikan sandi untuk melindungi lingkungan sehingga pihak luar tidak dapat melihat apa yang sedang Anda kerjakan sebelum diluncurkan.

Klik pada tombol Admin Situs di bagian kiri atas layar. Itu akan membawa Anda melalui pengaturan WordPress biasa Anda:

Begin your WordPress setupBegin your WordPress setupBegin your WordPress setup

Anda juga bisa mengklik tombol Visit Development Site untuk melihat situs ini.

The new WordPress site running the Twenty Sixteen themeThe new WordPress site running the Twenty Sixteen themeThe new WordPress site running the Twenty Sixteen theme

Langkah 3: Buat Test Environment

Kini setelah lingkungan pengembangan Anda aktif dan berjalan, mari kita lihat dua lingkungan lainnya.

Seperti yang kita lihat di atas, di dasbor Pantheon, Anda akan menemukan tab untuk tiga lingkungan server: Dev, Test, and Live.

Environment Switching TabsEnvironment Switching TabsEnvironment Switching Tabs

Masing-masing tab mewakili salah satu lingkungan server yang menjalankan situs Anda. Dev adalah lingkungan pengembangan untuk pengujian saat Anda bekerja di situs ini, dan mungkin mendemonstrasikan versi awal situs kepada pengguna.  Live adalah versi situs yang aktif dan berjalan, dan digunakan oleh pengguna sebenarnya.

Di antara keduanya adalah Test, lingkungan yang membuat situs Anda tetap relatif aman dari kesalahan Anda. Sebelum Anda dapat mem-push apa pun untuk ke live di Pantheon, itu akan selalu harus melalui lingkungan Test, sehingga Anda mendapatkan satu kesempatan terakhir untuk memeriksa apakah semuanya berjalan dengan benar sebelum mengirim kode Anda ke alam liar.

Karena kita baru saja membuat situs WordPress baru, itu tetap saja ada di lingkungan pengembangan.

Mari buat lingkungan test untuk itu.

Klik pada tab Test.

First time seeing the Test tabFirst time seeing the Test tabFirst time seeing the Test tab

Karena ini adalah pertama kalinya Anda di tab Test, Anda akan melihat beberapa informasi tentang bagaimana lingkungan test bekerja.

Klik Create Test Environment untuk mengkloning lingkungan Dev Anda untuk pengujian. Pada tahap ini, baik kode dan data dari Dev dikloning karena tidak ada lingkungan live yang ada.  Dalam pembaruan di masa mendatang, segera kita akan lihat, hanya kode yang berpindah dari Dev to Test. Itu karena idenya adalah bahwa di server test, Anda akan mengecek kode Anda terhadap data yang disalin dari lingkungan live.

Test environment createdTest environment createdTest environment created

Lingkungan pengembangan test sekarang siap.

Klik Kunjungi Situs Test untuk memeriksa apakah situs test terlihat sama seperti situs yang berjalan di lingkungan Dev Anda.  Anda juga bisa klik Site Admin untuk masuk ke dashboard WordPress Anda. Gunakan kredensial admin yang sama dengan yang Anda tetapkan untuk WordPress di server Dev.

Anda telah membuat instalasi WordPress yang sangat mendasar dengan lingkungan pengembangan dan pengujian dan siap untuk mulai menyesuaikannya.

2. Memasang Plugin dan Mengkonfigurasi Situs WordPress Anda

Sekarang setelah instalasi WordPress berjalan di cloud, mungkin Anda ingin melakukan sesuatu dengan itu. Paling tidak, Anda akan menginstal beberapa plugin dan mungkin sebuah tema, dan menyesuaikan situs agar sesuai dengan keinginan Anda.  Dalam setup yang lebih kompleks, Anda akan menulis plugin Anda sendiri dan mungkin membuat tema khusus untuk membuat situs Anda milik Anda sendiri.

Di situlah kita sampai di jantung bekerja dengan setup Dev-Test-Live.

Pengaturan di Pantheon didasarkan pada version control: Pantheon menyimpan keseluruhan instalasi WordPress Anda, kecuali untuk upload file, yang ditangani dengan menggunakan sistem file khusus, dalam repositori Git. Dengan cara ini, saat Anda menerapkan perubahan ke lingkungan berikutnya, semuanya selalu sinkron dan Anda tidak akan kehilangan perubahan.

Itu juga berarti bahwa satu-satunya cara untuk melakukan pembaruan ke lingkungan Test dan Live adalah melalui version control.  Anda tidak dapat menginstal plugin atau tema di server Live seperti yang biasa Anda gunakan saat bekerja dengan WordPress. Bagaimanapun, itu akan menghancurkan gagasan untuk menguji setup sebelum mendorongnya hidup.

Jadi, bagaimana Anda menginstal dan memperbarui plugin dan tema di situs WordPress Anda?

Langkah 1: Aktifkan Mode Koneksi SFTP

Anda dapat mengakses lingkungan Dev situs Anda di Pantheon dengan dua cara: menggunakan Git atau langsung di SFTP.

Saat menggunakan Git berguna untuk beberapa kasus penggunaan lanjutan (kita akan melihatnya nanti di tutorial), bagian dari keindahan pengaturan Pantheon adalah dengan menggunakan SFTP, Anda dapat menggunakan lingkungan Dev sebagai server pengembangan Anda. Dengan cara ini, bahkan memungkinkan untuk melewatiserver pengembangan yang berjalan di komputer Anda sama sekali.

Pilihannya tidak permanen: Anda dapat beralih di antara mode tergantung pada apa yang terbaik untuk tugas yang ada.

Jadi, untuk saat ini, pastikan lingkungan Dev Anda menggunakan mode koneksi SFTP:

Choose the SFTP connection modeChoose the SFTP connection modeChoose the SFTP connection mode

Dalam mode SFTP, Anda membuat perubahan Anda ke basis kode instalasi WordPress secara langsung di server, dan kemudian, saat semuanya terlihat bagus, commit perubahan Anda ke Git menggunakan alat di dasbor Pantheon.

Dengan cara ini, Anda dapat menggunakan situs Dev karena Anda akan menggunakan situs WordPress dan menyesuaikan situs menggunakan dasbor WordPress seperti yang Anda lakukan pada setup server tunggal.

Mari kita mencobanya.

Langkah 2: Install Plugin

Di dasbor admin WordPress, pilih Plugin> Tambah Baru. Kemudian, pilih plugin yang ingin Anda instal. Sebagai contoh, saya menginstal JetPack oleh WordPress.com:

Plugin installedPlugin installedPlugin installed

Sekarang, aktifkan plugin dan periksa apakah itu berjalan seperti yang diharapkan pada server Dev Anda.

Bila Anda puas dengan plugin tersebut, kembalilah ke Dasbor Pantheon Anda. Di sana, Anda akan melihat bahwa sistem telah memperhatikan perubahan Anda dan menunjukkannya sebagai perubahan yang siap di push ke version control.

Changes ready to be committedChanges ready to be committedChanges ready to be committed

Klik pada kolom teks yang bertuliskan Tambahkan pesan komit untuk memasukkan pesan komit Anda dan untuk melihat beberapa rincian lebih lanjut tentang perubahan yang akan masuk ke version control.

Files with the most changesFiles with the most changesFiles with the most changes

Periksa perubahannya, tambahkan pesan komit deskriptif, dan klik Commit untuk melakukan perubahan.

Setelah komit selesai, perubahan tersedia untuk dikirim ke server Test. Untuk melakukan ini, klik pada tab Test.

Di sana, Anda akan melihat pemberitahuan berikut.

1 commit is ready to deploy1 commit is ready to deploy1 commit is ready to deploy

Ini adalah komit yang baru saja Anda buat di lingkungan Dev Anda, sekarang siap untuk dikirim ke Test.

Ketik pesan log yang deskriptif dan klik pada Deploy Code dari Development to Test Environment.

Kemudian, kunjungi Dashboard WordPress Situs Test Anda untuk memeriksa perubahannya.

Pada halaman Plugins, Anda akan melihat bahwa plugin telah terinstal, tapi belum aktif.

The Jetpack plugin is now availableThe Jetpack plugin is now availableThe Jetpack plugin is now available

Itu karena di Pantheon, sementara kode diperbarui dari Dev menuju server Live, perubahan database, termasuk informasi tentang plugin aktif, mengalir ke arah lain, dari Live menuju Dev.

Karena plugin sering menjalankan beberapa kode saat aktivasi, untuk plugin, ini tidak buruk. Anda hanya perlu mengingat untuk mengaktifkan plugin setelah pemasangan selesai dan Anda siap untuk menggunakannya.  Dalam tutorial Pantheon berikutnya, saya akan menunjukkan bagaimana Anda bisa mengotomatisasi ini menggunakan alat baris perintah Pantheon.

Namun, sementara pendekatan ini bekerja untuk plugin, ada data lain, seperti pengaturan plugin dan tema, yang merupakan bagian penting dari pengaturan situs yang mungkin Anda tidak ingin konfigurasikan secara manual setelah deployment.

Mari kita lihat bagaimana Anda bisa melewati mereka dari satu lingkungan ke lingkungan berikutnya.

Langkah 3: Mendeploy Pengaturan Site Melalui Version Control

Seperti yang kita ingat, kode—atau file dalam control version—mengalir dari lingkungan Dev menuju server Live. Jadi, untuk memindahkan setting dengan cara yang sama, pendekatan yang paling alami adalah menyimpannya dalam version control.

Untuk melakukan ini, kita akan menggunakan plugin WordPress gratis yang akan melakukan hal itu.

Plugin WP-CFM, membaca opsi dari tabel pilihan WordPress dan menyimpannya dalam file teks, yang kemudian dapat kita komit ke version control (ingat, keseluruhan instalasi WordPress – kecuali direktori upload – disimpan dalam version control dan dibaca Di lingkungan lain).

Mari kita lakukan ini selanjutnya.

Ikuti petunjuk dari Langkah 2 di atas untuk menginstal plugin WP-CFM di lingkungan Dev dan mendeploynya ke Test. Kemudian aktifkan plugin di kedua lingkungan.

Setelah plugin aktif di kedua lingkungan, kita bisa menggunakannya untuk mempush pengaturan WordPress dari Dev ke Test. Jika Anda suka, Anda dapat mengubah beberapa pengaturan WordPress pada saat ini sehingga Anda akan melihat bagaimana perubahan diterapkan di server Test (nama situs, misalnya, adalah perubahan yang cukup terlihat).

Di dashboard WordPress server Dev Anda, klik pada Settings > WP-CFM.

WP-CFMWP-CFMWP-CFM

Klik Add Bundle untuk membuat bundel pengaturan baru untuk version control. Bundles adalah kumpulan setting yang bisa disimpan dan saling terpisah satu sama lain.

Select options to include in the bundleSelect options to include in the bundleSelect options to include in the bundle

Selanjutnya, Anda diminta untuk memilih opsi yang ingin Anda sertakan di dalam bundel. Jika Anda ingin menyimpan beberapa opsi berbeda dari satu lingkungan ke lingkungan berikutnya, Anda dapat menghapusnya dalam daftar.

Pada contoh di atas, saya memilih semuanya di WP Options, kecuali daftar plugin aktif (karena saya ingin bisa menjalankan script aktivasi plugin di setiap lingkungan), namun Anda bisa memilih apapun yang terasa masuk akal ke pengaturan situs Anda.

Bila Anda puas dengan daftar opsi, klik Save Changes.

Setelah Anda menyimpan bundle itu, Anda akan melihat tombol baru:

Buttons for using the bundleButtons for using the bundleButtons for using the bundle

Klik pada tombol Diff untuk melihat perbedaan antara database Dev Anda dan isi file opsi yang diekspor oleh WP-CFM.

Karena WP-CFM belum membuat file ekspor, diff akan menunjukkan semuanya sebagai tambahan:

WP-CFM Diff ViewerWP-CFM Diff ViewerWP-CFM Diff Viewer

Tutup popup Diff, dan klik Push untuk menyimpan data dari database ke file ekspor.

Sekarang, ketika Anda kembali ke tab Dev dasbor Pantheon Anda, Anda akan melihat bahwa WP-CFM telah membuat file JSON (wp-content/config/site_options.json) yang siap di komit ke version control:

1 changed file ready to be committed1 changed file ready to be committed1 changed file ready to be committed

Komit perubahan dan deploy ke lingkungan Uji.

Kemudian, di dasbor WordPress Test server, navigasikan ke Settings > WP-CFM

WP-CFM on TestWP-CFM on TestWP-CFM on Test

Pertama, Anda akan melihat bahwa bundel Site Options sekarang tersedia juga di lingkungan ini.

Namun, karena keterbatasan yang diatur ke lingkungan Test dan Live, Anda juga akan melihat bahwa bundle pengaturan hanya berfungsi dalam satu arah: wp-content/config tidak dapat ditulis di lingkungan Test. Ini bagus karena akan membantu kita menjaga agar file ekspor tetap bersih.

Klik pada tombol Pull untuk membaca isi file konfigurasi dan menerapkannya di tabel WP Options Anda. Di popup konfirmasi yang menanyakan "Impor pengaturan file ke DB?", Jawab OK.

Sekarang, jika Anda membuat beberapa perubahan pada pengaturan WordPress Anda sebelum melakukan Push pada server Dev, Anda harus melihat perubahan tersebut juga diterapkan ke situs Test.

Langkah 4: Mengambil Data Real Dari Live atau Test ke Dev

Pada beberapa titik dalam siklus hidup situs Anda, Anda mungkin ingin mengambil data sebenarnya dari server Live Anda ke Dev. Ini bisa untuk menguji bug terhadap data sebenarnya, atau hanya untuk melihat bagaimana tampilannya dengan konten buatan pengguna sebenarnya, bukan beberapa data test yang dibuat oleh Anda, pengembang.

Di lingkungan Dev, klik Database / Files di menu di sebelah kiri.

Clone Database and FilesClone Database and FilesClone Database and Files

Di sini, Anda bisa memilih lingkungan untuk mengkloning data (test / live) dan apakah Anda ingin mengkloning database saja atau juga file upload yang dibuat di lingkungan itu.

Anda juga memiliki opsi untuk memperbarui URL dalam database agar sesuai dengan struktur URL lingkungan Dev.

Perhatikan bahwa kloning akan menggantikan semuanya di database lingkungan Dev Anda, jadi jika Anda memiliki perubahan khusus yang ingin Anda kembalikan setelah melakukan kloning, gunakan WP-CFM untuk memasukkannya ke file teks sebelum melakukan kloning.

Fungsi ini sangat berguna untuk menarik data dari Live and Test ke Dev, namun Anda juga dapat menggunakannya untuk mengkloning basis data Dev ke Test (dan bahkan Live). Ini bisa berguna misalnya jika Anda membuat konten situs awal Anda (halaman dan mungkin posting blog) di lingkungan Dev dan ingin mempushnya untuk menguji sekaligus sebelum menciptakan lingkungan Live.

3. Bekerja dengan Codebase Situs Anda

Kita sekarang telah melihat tugas pengelolaan dasar WordPress seperti memasang plugin baru dan mem-push perubahan konfigurasi antar lingkungan.

Memperbarui plugin dan memasang tema dapat dilakukan dengan cara yang sama, mengikuti petunjuk yang sama. Jadi, jika Anda melakukan semua pengelolaan situs Anda menggunakan tema dan plugin yang sudah ada sebelumnya, cukup banyak yang perlu Anda ketahui tentang dasar-dasar Pantheon untuk memanfaatkannya dengan baik.

Seringkali, bagaimanapun, Anda juga ingin mengubah kodenya sendiri, baik itu dengan menulis plugin atau memodifikasi dan menyesuaikan tema.

Untuk menunjukkan bagaimana Anda bisa melakukan ini, mari ciptakan tema anak sederhana untuk tema default saat ini, Twenty Sixteen, dan push semuanya ke situs Test.

Langkah 1: Gunakan SFTP untuk Terhubung ke Server Dev Pantheon Anda

Masih melanjutkan pendekatan menggunakan lingkungan Pantheon Dev sebagai server pengembangan Anda, mari gunakan klien FTP favorit Anda untuk mengunggah kode modifikasi kita ke server Dev.

Ini mudah, dan kita semua mungkin pernah melakukan ini di beberapa waktu lain di server lain di internet.

Untuk terhubung ke server Pantheon, pertama, di Dasbor Pantheon, klik tombol Info Sambungan STFP untuk membuka popup dengan informasi tentang cara terhubung ke server pengembangan Anda.

SFTP Connection InstructionsSFTP Connection InstructionsSFTP Connection Instructions

Salin informasi Host dan Username ke klien FTP Anda dan gunakan kata sandi Pantheon Dashboard untuk terhubung ke server. Pastikan untuk menggunakan Port yang ditentukan dalam petunjuk koneksi.

Setelah terhubung ke server, Anda akan menemukan seluruh basis kode situs WordPress Anda di direktori ~/code.

Your WordPress installation is found under codeYour WordPress installation is found under codeYour WordPress installation is found under code

Setelah terhubung, Anda dapat menggunakan klien FTP Anda untuk mengganti file apa pun atau mengunggah yang baru, dan segera melihat perubahan yang diterapkan di situs WordPress server Dev Anda.

Banyak klien FTP, editor kode, dan IDE PHP (seperti PHPStorm dan Eclipse) memungkinkan Anda untuk menyinkronkan perubahan kode Anda secara langsung dengan server remote menggunakan SFTP. Dengan menggunakan alat tersebut, Anda dapat membuat pengembangan lebih cepat lagi dengan langkah ekstra untuk mengunggah perubahan Anda agar pengujian terjadi secara otomatis di latar belakang.

Perhatikan bahwa URL SFTP server Dev Anda dapat berubah dari waktu ke waktu, jadi jika Anda merasa tidak dapat terhubung, cukup periksa kredensial sambungan saat ini dari Dasbor dan coba lagi.

Langkah 2: Buat dan Upload Tema Turunan Anda

Sebagai contoh dari pendekatan ini, mari buat tema turunan sederhana untuk tema default, Twenty Sixteen. Karena ini hanya untuk tujuan demonstrasi, kita akan menyimpan tema super sederhana tanpa file style.css yang mengubah warna latar belakang situs menjadi merah dan file functions.php untuk memberi kode stylesheet.

Di komputer Anda, buatlah sebuah direktori bernama twentysixteen-child, dan di dalamnya, sebuah file teks bernama style.css.

Di dalam style.css tambahkan konten berikut:

Kemudian, buat file functions.php dengan isi sebagai berikut:

Selanjutnya, upload direktori beserta isinya ke direktori server Dev Anda ~/code/wp-content/themes/.

The directory has now been uploadedThe directory has now been uploadedThe directory has now been uploaded

Sekarang, saat Anda mengunjungi layar Appearance> Themes di admin admin server Dev Anda, Anda akan melihat bahwa tema baru sekarang tersedia untuk digunakan.

Silakan mengaktifkannya!

Activate the Twenty Sixteen Child themeActivate the Twenty Sixteen Child themeActivate the Twenty Sixteen Child theme

Sekarang, ketika Anda mengunjungi situs Dev Anda, Anda akan melihat bahwa latar belakangnya telah berubah menjadi merah, seperti yang kita definisikan dalam file CSS Tema Turunan.

Langkah 3: Komit Perubahan Anda dan Terapkan Tema Turunan ke Server Test

Anda sekarang telah mengunggah tema turunan baru ke server Dev Anda. Selanjutnya, untuk memastikan Anda tidak kehilangan perubahan Anda, dan untuk dapat mendeploynya ke server Test, Anda harus melakukan perubahan pada version control.

Saat mengembangkan situs Anda secara langsung di lingkungan Dev menggunakan SFTP, penting untuk diingat bahwa sebelum Anda melakukan perubahan pada Git di Dasbor Pantheon Anda, mereka tidak tersimpan dalam version control. Jadi, untuk memastikan Anda tidak akan kehilangan perubahan penting Anda, jangan lupa sering commit – bahkan saat Anda belum siap untuk mem-push perubahan Anda ke Test.

Di tab Dashboard Dev lingkungan, Anda akan melihat bahwa Anda memiliki beberapa perubahan yang belum dikomit yang siap untuk di komit.

3 changed files ready to be committed3 changed files ready to be committed3 changed files ready to be committed

Ketik pesan komit dan klik Commit.

Pada gambar di atas, Anda juga akan melihat bahwa ada perubahan pada file site_options.json yang dibuat oleh WP-CFM. Itu karena saya mempush informasi tentang mengaktifkan tema ke file konfigurasi itu.  Dengan cara ini, tema baru akan diaktifkan hampir secara otomatis. Meskipun hal ini tidak diperlukan dalam contoh kasus sederhana ini, ada baiknya Anda mempertimbangkan menerapkannya untuk masa depan dan pembuatan tema yang lebih rumit yang mungkin Anda bangun.

Setelah Anda melakukan perubahan, deploy mereka ke Testdengan menggunakan langkah-langkah yang dijelaskan sebelumnya saat kita memasang instalasi plugin kita. Kemudian, jika Anda mempush bundel site options menggunakan WP-CFM, gunakan plugin untuk melakukan pull perubahan ke basis data situs test.

Sekarang, ketika Anda mengunjungi halaman Appearance Test environment> Tema, Anda seharusnya melihat tema baru sebagai tema aktif.

Twenty Sixteen Child as the active themeTwenty Sixteen Child as the active themeTwenty Sixteen Child as the active theme

Langkah 4: Bekerja dengan Git

Jika Anda ingin memiliki kontrol yang lebih jelas atas basis kode dan lebih memilih untuk melakukan pengembangan dan pengujian pengembang Anda di komputer lokal Anda, Anda dapat mempush kode Anda ke server Dev menggunakan version control Git sendiri daripada mengunggah perubahan ke server melalui FTP terlebih dulu.

Untuk melakukan ini, sekali lagi pada tab Kode server Dev, alihkan Mode Koneksi dari SFTP ke Git.

Switch the Connection Mode from SFTP to Git Switch the Connection Mode from SFTP to Git Switch the Connection Mode from SFTP to Git

Jika Anda memiliki perubahan yang belum di komit pada server Dev saat Anda beralih ke mode Git, Anda akan melihat popup yang meminta Anda untuk mengonfirmasi bahwa Anda ingin melakukan peralihan dan kehilangan perubahan.

Are you sureAre you sureAre you sure

Jika Anda ingin menyimpan perubahan, tutup notifikasi dan komit sebelum melanjutkan dengan beralih mode. Jika Anda tidak memerlukan perubahan, ketik DELETE di kolom teks dan klik tombol merah besar.

Otentikasi Git pada Pantheon dilakukan dengan menggunakan kunci SSH, jadi sebelum melanjutkan lebih lanjut, Anda perlu membuat kunci dan menambahkannya ke akun Anda. Anda dapat menggunakan kunci SSH yang sama untuk semua situs Pantheon Anda, jadi Anda hanya perlu melakukan ini sekali.

Add an SSH KeyAdd an SSH KeyAdd an SSH Key

Dengan kunci SSH Anda di tempat, Anda bisa mulai mengerjakan instalasi WordPress Anda menggunakan Git.

Klik pada tombol Git Connection Info di lingkungan Dev untuk mengungkapkan perintah klit git yang tepat yang akan digunakan untuk menarik repositori Git situs Anda ke komputer lokal Anda.

Git Connection InstructionsGit Connection InstructionsGit Connection Instructions

Jalankan perintah git clone pada baris perintah, di direktori tempat Anda ingin menyimpan kode di komputer Anda. Jika Anda lebih suka menggunakan antarmuka pengguna grafis, tidak apa-apa juga: Anda dapat melakukannya dan menggunakan klien Git favorit Anda.

Setelah Anda mengkloning repositori Git, Anda akan melihat bahwa direktori berisi keseluruhan instalasi WordPress Anda.

Git directory structureGit directory structureGit directory structure

Untuk menguji apakah Git bekerja, buat sedikit modifikasi pada tema turunan yang kita buat di langkah sebelumnya.

Ubah style.css tema turunan itu, ubah warna latar menjadi hijau dan bukannya merah. Lalu, lakukan komit ke git.

Dalam direktori proyek, pada baris perintah, ketik perintah berikut:

Setelah perintah push selesai, kunjungi Dasbor Pantheon.

Di sana, Anda akan menemukan perubahan yang tercantum dalam log komit, dan saat Anda mengunjungi situs ini, Anda akan melihat bahwa latar belakangnya telah berubah menjadi hijau.

Commit Log shows the latest changeCommit Log shows the latest changeCommit Log shows the latest change

Jadi, perubahan yang Anda buat sekarang hadir di server Dev tapi juga siap untuk digunakan ke lingkungan Test.

Di satu sisi, Anda dapat menggunakan metode ini untuk melewati server Dev sepenuhnya (menjalankan pengembangan di komputer lokal Anda dan menggunakan Pantheon hanya untuk lingkungan Test dan Live) atau sebagai cara yang berbeda untuk mengunggah kode ke server pengembangan Anda.

Semuanya terserah Anda dan preferensi Anda, seperti pilihan antara SFTP dan Git itu sendiri.

Dari sini, sisa alur kerja - menerapkan perubahan Anda ke Test, dan akhirnya ke Live - sama seperti saat bekerja dalam mode SFTP.

Apa berikutnya?

Anda sekarang tahu bagaimana menyiapkan dan menjalankan situs WordPress dengan aman menggunakan setup Dev-Test-Live di Pantheon. Ini akan membuat Anda jauh dalam melakukan pembaruan tanpa perlu khawatir untuk merusak server live.

Tapi walaupun ini sudah merupakan pengaturan yang bagus, kita dapat memperbaikinya-dan alur kerja Anda-dengan mengotomatisasi beberapa tugas, dan menambahkan fase pengujian otomatis ke prosesnya. Kita akan menyelam lebih dalam di tutorial berikutnya.

Sampai saat itu, terus bereksperimen dengan situs Pantheon yang baru!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.