DE{CODE}: Pengembang Lebih Banyak. Kurang Drama

Sebagai pengembang, tidak ada yang membunuh hasrat Anda terhadap kerajinan seperti menghabiskan waktu berjam-jam bermain-main dengan hal-hal "Anda tahu seharusnya lebih mudah". Platform seperti WP Engine hadir dengan alat dan fitur yang dapat Anda manfaatkan untuk menyederhanakan hidup Anda sebagai pengembang. Dalam sesi ini, pelajari bagaimana dan apa yang dapat Anda lepas sehingga Anda dapat kembali ke hal yang Anda sukai.

Slide Sesi

Transkrip Teks Lengkap

ROB STINSON : Hai semuanya. Selamat datang di sesi DE{CODE} ini. Saya harap Anda menikmati acara ini sejauh ini. Saya harap Anda telah belajar banyak. Saya harap Anda terus belajar banyak. Secara khusus, saya harap Anda mempelajari sesuatu hal yang menarik di sesi ini sekarang. Nama saya Rob Stinson. Saya melakukan sesi ini dengan teman baik saya, Tuan Robert Li. Kami berdua orang Australia. Ya, hai Robert.

ROBERT LI: Bagaimana kabar kalian?

ROB STINSON: Anda mendapatkan dua orang Australia dalam satu sesi, keduanya bernama Robert. Jadi seberapa istimewakah itu? Ini adalah sesi Lebih Dev, Kurang Drama. Dan sesi ini adalah tentang bagaimana Anda dapat memanfaatkan fitur dan alat dengan lebih baik dari host WordPress yang Anda kelola. Saya berharap ini adalah WP Engine. Sehingga Anda dapat merampingkan dan meningkatkan alur kerja Anda. Semua dengan gagasan bahwa Anda dapat menghabiskan lebih sedikit waktu untuk melakukan hal-hal yang sebenarnya tidak Anda inginkan, dan lebih banyak waktu untuk melakukan hal-hal yang Anda sukai, seperti pengembangan dan pembuatan situs.

Dan jika Anda telah mengikuti beberapa sesi berbeda di sini di DE{CODE}, Anda mungkin pernah mengalami beberapa sesi yang menyenangkan. Beberapa konten yang disempurnakan dengan indah, pengalaman yang indah dan terfokus. Jenis seperti pengalaman bersantap yang bagus. Itulah yang Anda dapatkan di sesi DE{CODE} lainnya. Sekarang, sesi ini sedikit berbeda. Ini sedikit lebih seperti prasmanan yang luas. Kami memiliki banyak dan banyak hal yang berbeda untuk dilalui. Dan seperti prasmanan, akan ada beberapa hal yang Anda sukai, oh, saya tidak begitu menyukainya, tapi saya jamin akan ada beberapa hal yang Anda sukai.

Jadi bertahanlah, dengarkan semua yang akan kita bahas. Kita akan menelusuri banyak hal, tetapi saya yakin akan ada beberapa bongkahan emas yang tersebar di antaranya yang benar-benar akan memungkinkan Anda untuk mempercepat alur kerja pribadi, pengalaman Dev, dan bongkar banyak hal yang menghabiskan sebagian waktu Anda ke berbagai alat dan fitur WP Engine, atau bahkan berbagai alat sumber terbuka, sehingga Anda dapat menghabiskan lebih banyak waktu untuk melakukan hal-hal yang Anda sukai.

Dan hal-hal yang– saya jelaskan hal-hal yang tidak ingin kita lakukan. Dan kita belum tentu suka melakukannya. Terkadang kita bahkan tidak dibayar secara khusus untuk melakukannya. Ini bahkan bukan komponen dari pekerjaan kita, dari pekerjaan yang kita lakukan, tetapi hanya hal-hal semacam inilah yang berpotensi tidak kita duga. Dan itu menyita waktu kita.

Beberapa hal seperti manajemen lingkungan lokal ini, atau manajemen ketergantungan, manajemen klien. Pengelolaan semua templat Anda, pengelolaan bencana, ketika terjadi kesalahan, itu bisa menghabiskan banyak waktu. Dan bahkan seperti manajemen saluran pipa Anda. Semua hal ini melalui berbagai alat dan fitur yang ingin kami bongkar dalam sesi ini. Kami ingin dapat mengurangi waktu yang Anda habiskan untuk ini.

Jadi yang pertama yang akan kita lihat adalah tentang manajemen lingkungan lokal Anda dan banyak orang yang akrab dengan Lokal yang merupakan alat pengembangan lokal yang kami miliki di WP Engine. Itu dicintai secara luas. Saya pikir ini adalah lingkungan lokal yang paling banyak digunakan untuk alat manajemen WordPress di pasar, yang luar biasa, tetapi yang tidak disadari banyak orang adalah betapa kaya kumpulan fiturnya. Ada banyak hal yang dilakukan alat ini untuk kami yang secara signifikan merampingkan pengalaman pengembangan lokal kami. Saya ingin melalui itu.

Dari level yang sangat tinggi, ini adalah alat yang luar biasa, gratis, dan siap digunakan. UI yang cantik dan ramah. Sangat ramah pengembang juga. Sangat mudah untuk menjalankan aplikasi itu sendiri, dan kemudian sangat mudah untuk meluncurkan situs WordPress baru sehingga Anda dapat mulai membangun dan mengembangkan secara lokal.

Salah satu fitur yang saya sukai adalah cetak biru dan cetak biru di Lokal pada dasarnya– artinya Anda tidak harus memulai dari awal. Dan cetak biru Anda bisa menjadi apa pun yang Anda inginkan. Ini bisa berupa situs web template– situs WordPress template yang menyertakan kerangka tema pilihan Anda, atau rangkaian plug-in pemula pilihan Anda yang Anda sukai. Dan Anda bahkan dapat memiliki beberapa plug-in. Anda mungkin melayani industri tertentu, Anda mungkin memiliki cetak biru untuk industri tertentu atau jenis proyek tertentu. Anda mungkin memiliki cetak biru yang secara khusus ditujukan untuk blogging, situs gaya. Atau yang secara khusus ditujukan untuk media yang lebih besar.

Anda bahkan mungkin memiliki cetak biru yang memanfaatkan Atlas, yang merupakan platform tanpa kepala WP Engine. Jadi cetak biru adalah fitur fantastis yang jika Anda memiliki serangkaian hal yang Anda standarisasikan di dalam situs WordPress Anda, Anda dapat membuat cetak biru untuk itu sehingga lain kali Anda membuat salah satu situs itu sangat mudah. untuk berputar.

Fitur hebat lainnya dalam Lokal adalah Tautan Langsung. Sekarang, jika Anda bekerja dengan– jika Anda memiliki agensi atau pekerja lepas dan Anda bekerja dengan klien dan Anda membangun dan mengembangkan secara lokal, terkadang mendorong ke semacam pementasan atau lingkungan pengujian itu tidak selalu sulit, tetapi hanya beberapa menit tambahan. Dan Anda benar-benar ingin memberikan pratinjau itu kepada klien Anda, kepada pelanggan Anda dengan sangat mudah. Tautan Langsung persis seperti itu. Apa yang dilakukannya pada dasarnya memungkinkan klien Anda untuk membuka browser mereka sendiri, tetapi membuka situs yang ada di mesin lokal Anda.

Ini telah menjadi fitur dalam aplikasi selama beberapa waktu, sekitar 12 bulan yang lalu kami benar-benar mengonfigurasi ulang dan merekayasa ulang untuk meningkatkan stabilitas dan kegunaannya secara besar-besaran. Jadi pasti jika itu adalah sesuatu yang telah Anda gunakan di masa lalu, tetapi belum pernah digunakan baru-baru ini, itu pasti patut untuk dicoba. Tetapi jika itu baru bagi Anda, ini adalah fitur yang sangat kuat untuk mempercepat waktu yang diperlukan untuk mendapatkan sesuatu yang telah Anda bangun ke tangan klien Anda untuk umpan balik mereka.

Local Connect juga bagus. Pada dasarnya, ini memungkinkan Anda untuk mendorong dan menarik instalasi WordPress Anda dari akun hosting Anda. Saat ini Anda dapat terhubung ke WP Engine atau Flywheel. Jadi Anda dapat mendorong dan menarik situs ke lokal Anda, hingga produksi, atau hingga pementasan, ke mana pun Anda harus pergi dengan sangat, sangat mudah dan Anda dapat selektif tentang database yang Anda dorong dan tarik juga. Jadi Anda mungkin mendorong kode, tetapi Anda tidak ingin menimpa database yang ada di lingkungan tertentu yang Anda dorong. Fitur yang sangat fantastis di sana.

Satu lagi adalah itu– WP CLI adalah salah satu alat pengubah permainan yang tiba di ekosistem WordPress beberapa tahun yang lalu. Saya suka itu terus dikembangkan dan ditingkatkan, tetapi itu adalah salah satu hal kecil yang ketika Anda temukan, terutama sebagai pengembang, itu indah. Dan hal hebat tentang Lokal adalah Anda dapat mengeklik kanan situs dan membuka shell situs, pada dasarnya dan mendapatkan akses Baris Perintah ke instans lokal Anda dan menjalankan perintah WP CLI. Dan itu luar biasa untuk menghemat waktu.

Ada banyak hal lain hanya di aplikasi inti juga. URL cantik, saya tidak tahu, panggil saya sia-sia. Sangat menyenangkan memiliki sesuatu yang menumpuk situs lokal yang bagus di browser daripada beberapa variasi karakter acak. Anda dapat menjalankan Multi-situs, tentu saja. Sertifikat SSL dihasilkan, kita harus benar-benar menstandarkan di semua tingkatan siklus pengembangan.

Login satu klik, yang sangat bagus sehingga Anda tidak perlu login khusus ke WordPress. Anda cukup mengklik tombol dan itu akan membuat Anda langsung keluar dari aplikasi lokal. Anda dapat menukar konfigurasi pemasangan, yang luar biasa jika Anda perlu menguji versi PHP yang berbeda untuk plugin yang mungkin sedang Anda kembangkan. Ini sangat mudah dilakukan.

Dan Mailhog juga. Saya suka fitur ini. Pada dasarnya, ia berada di tengah dan menangkap semua email yang dikirimkan WordPress. Jadi terutama jika Anda mengembangkan secara lokal untuk situs e-niaga yang menjalankan WooCommerce dan Anda mencoba menguji cara pengirimannya– baik faktur atau email konfirmasi. Mailhog hanyalah fitur hebat untuk menangkap email tersebut saat dikirim sehingga Anda dapat memastikan semuanya berjalan sesuai kebutuhan.

Jadi itu semua fitur inti, tetapi Lokal juga memiliki banyak add-on. Dan di sejarah sebelumnya, ada yang gratis dan ada yang pro. Tapi sekitar 12 bulan yang lalu kami benar-benar membuat semuanya gratis. Jadi setiap pengaya di pustaka pengaya lokal sekarang tersedia untuk siapa saja di ekosistem WordPress secara gratis. Jadi pasti layak untuk dicoba. Beberapa di antaranya seperti, Pemeriksa Tautan, ini hanya alat yang hebat untuk memeriksa tautan yang rusak di situs lokal Anda. Tautan rusak itu buruk, cari tahu di mana mereka ada dan perbaiki, sangat mudah.

Pengoptimal Gambar, ada berbagai alat di industri untuk mengoptimalkan gambar, tetapi ada satu yang melalui pengaya yang dibuat khusus untuk Lokal. Dan itu bagus untuk mengurangi jejak situs yang Anda buat di mesin lokal Anda. Pencadangan Cloud juga. Secara umum, sebagai aturan standar, cadangan baik untuk dimiliki, bahkan hanya untuk produksi, tentu saja, tetapi bahkan untuk situs lokal Anda. Pencadangan Cloud– tetapi juga bagus, Anda mungkin telah bekerja di sebuah situs dan tentu saja Anda perlu mengarsipkannya dan menyimpannya untuk masa mendatang, tetapi Anda ingin mengeluarkannya dari mesin lokal untuk memulihkan sebagian ruang. Jadi, Anda dapat mencadangkannya ke Google Drive atau Dropbox.

Reload Instan juga. Jika Anda membuat kode secara khusus dan Anda sedang mengerjakan plugin atau tema yang berdampak pada pengalaman ujung depan, itu adalah pengamat kecil yang mengawasi file Anda di situs Anda dan mengamati bahwa jika ada perubahan, browser akan disegarkan untuk Anda, daripada meminta Anda mengeklik browser secara manual dan mengeklik Segarkan. Jadi hal-hal kecil seperti itu sangat bagus untuk menghemat waktu.

Dan ada lebih banyak add-on juga. Seperti yang saya katakan di awal, Lokal terkenal dan disukai untuk apa yang dilakukannya untuk pengembangan WordPress Lokal, tetapi semua fitur ekstra kecil ini, mereka luar biasa dan jika Anda mulai memanfaatkannya, mereka benar-benar bagus untuk menghemat waktu Anda.

Pergi ke localwp.com Jika Anda belum memiliki Lokal, Anda dapat mengunduhnya secara gratis. Anda juga dapat mendaftar ke komunitas di sana dan mendapatkan akses ke beberapa sumber daya tambahan. Anda bahkan dapat mengembangkan add-on Anda sendiri untuk lokal juga. Jadi ada dokumentasi untuk itu. Tapi localwp.com adalah tempat Anda bisa mendapatkannya. Aku akan tos ke Robert Li sekarang. Dia akan berbicara sedikit tentang Smart Plugin manager.

ROBERT LI: Terima kasih Rob. Jadi jelas kami telah berbicara tentang bagaimana Anda dapat mengelola dan mengembangkan dengan cara yang lebih cepat dan lebih mudah, secara lokal. Sekarang Anda harus memasukkannya ke dalam lingkungan, bukan? Jadi salah satu hal yang perlu Anda pikirkan– dan ini adalah salah satu elemen inti dari WordPress, tentu saja, manajemen ketergantungan. Bagaimana Anda mengelola tema-tema itu? Bagaimana Anda mengelola plugin tersebut? Faktanya, sekitar 2/3 dari semuanya, ini sebenarnya adalah masalah keamanan, sekitar 2/3 dari semua kerentanan disebabkan oleh plug-in yang kedaluwarsa.

Jadi ini adalah bagian yang sangat penting dalam mengelola WordPress, tetapi tidak selalu yang paling glamor. Dan seringkali saya mendapati diri saya menghabiskan waktu berjam-jam hanya untuk mencoba memperbarui plug-in. Atau, jika saya menghentikan sebuah situs dari memperbarui plug-in, mencoba mencari tahu di mana saya merusaknya. Jadi salah satu alat yang dimiliki WP Engine sekarang yang memungkinkan Anda melakukan ini dengan cara yang benar-benar aman dan mudah dijadwalkan adalah Smart Plugin Manager.

Jadi itu benar-benar hadir dengan setiap lingkungan khusus di WP Engine. Jadi jika Anda memiliki salah satunya, jangan ragu untuk menetapkannya ke salah satu instalasi Anda dan mencobanya sekarang. Tapi jelas ada juga lisensi massal yang tersedia sehingga Anda bisa mendapatkannya untuk 5, 10, 25, bahkan 500 situs. Jika Anda menginginkannya, cukup terjangkau bagi Anda untuk menghemat waktu berjam-jam. Tapi pada dasarnya apa yang dilakukannya adalah melakukan apa yang tertulis di kotaknya. Itu membuat plugin Anda, serta tema Anda sekarang, diperbarui secara otomatis. Itu melakukan pengujian untuk memastikan itu dilakukan dengan aman dan itu juga memungkinkan Anda untuk mengontrol kapan ini terjadi, sehingga itu tidak terjadi secara acak setiap kali pembaruan keluar, yang saya tahu adalah sesuatu yang dilakukan oleh fungsi pembaruan inti di WordPress.

Jadi masuk ke bagaimana Anda mengontrol itu, jelas ketika Anda memperbarui Anda ingin dapat memprediksi kapan pembaruan itu akan keluar sehingga Anda dapat mengawasinya dan memastikan tidak ada yang salah. Anda dapat memantau proses itu. Jadi Anda benar-benar dapat menjadwalkan pembaruan pada frekuensi pilihan Anda, bukan? Dan Anda juga dapat memilih untuk menjadwalkannya pada hari kerja atau akhir pekan, karena jelas tidak ada yang benar-benar ingin bekerja di akhir pekan, bukan? Jadi Anda ingin menempatkannya pada hari kerja.

Anda dapat memilih untuk mengecualikan dan memilih plugin. Beberapa plug-in mungkin lebih kompleks daripada yang lain sehingga Anda mungkin ingin memiliki sedikit lebih banyak dari sarung tangan anak-anak dan beberapa dapat Anda biarkan berjalan, tetapi juga, Anda dapat memilih untuk mengecualikan bagian tertentu dari situs Anda. Jadi misalnya berdasarkan kelas atau ID. Dan itu memberi Anda kontrol yang sangat terperinci tentang bagaimana pengujian terjadi dan juga bagaimana proses pembaruan itu terjadi.

Hal berikutnya, tentu saja, setelah Anda menyelesaikan pembaruan itu, bagaimana kami memastikan bahwa itu dilakukan dengan aman sehingga Anda tidak selalu merusak situs dan Anda memiliki pelanggan yang menelepon, hei, situs saya tidak berfungsi . Apa yang telah terjadi? Apa pekerjaanmu? Anda tidak ingin pernah melakukan percakapan itu. Jadi jelas, masalah yang tidak pernah ada lebih baik daripada masalah yang perlu Anda perbaiki. Jadi kami benar-benar memiliki– sebagai bagian dari Smart Plugin Manager, protokol pengujian regresi visual.

Jadi yang terjadi adalah setiap kali pembaruan dijalankan melalui Smart Plugin, pembaruan akan benar-benar mengambil snapshot dari situs tersebut. Ini akan menjalankan tes regresi visual dan kemudian jika mendeteksi bahwa ada masalah itu benar-benar akan melakukan auto– Anda dapat memilih untuk melakukan rollback otomatis, atau Anda dapat memilih untuk mengirimi Anda pemberitahuan. Jadi itu terserah Anda. Sekali lagi, kontrol granular dan berbutir halus semacam itu. Tetapi apa yang akan dilakukannya adalah mengirimi Anda laporan untuk memberi tahu Anda apa yang terjadi. Ini akan menghilangkan plug-in yang tidak menjadi masalah, dan memberi tahu Anda secara spesifik plug-in mana yang menjadi masalah. Dan juga, memberi Anda umpan balik visual, peran film untuk menunjukkan dengan tepat dari mana masalah itu berasal karena terkadang itu hanya sesuatu yang sangat kecil yang tidak Anda pedulikan. Jadi, Anda tetap dapat memaksakan pembaruan.

Tes regresi visual ini adalah sesuatu yang terus meningkat dari waktu ke waktu. Ini sebenarnya didorong oleh pembelajaran mesin. Dan itu berasal dari kumpulan data dari lebih dari satu juta operasi pembaruan yang telah kami layani sejak kami benar-benar meluncurkan produk ini. Juga, salah satu hal yang dilakukan oleh Smart Plugin Manager yang membedakannya dari banyak alat pembaruan lain di luar sana adalah tidak ada batasan untuk apa yang dapat Anda perbarui dengan ini, sungguh. Anda benar-benar dapat memperbarui plugin khusus yang telah Anda buat sendiri selama Anda mendengarkan repo khusus Anda dan itu juga berfungsi di GitHub, Bitbucket, atau GitLabs, dan juga memungkinkan Anda memperbarui tema.

Dan tentu saja, karena ini ada di platform WP Engine di tingkat platform, dan bukan di dalam WP Admin, salah satu hal yang dulu saya benci lakukan adalah harus mengklik masuk dan keluar dari WP Admin untuk menjalankan pembaruan ini dan melakukannya secara individual . Ini sekarang beroperasi secara massal. Jadi ini adalah sesuatu yang Anda kelola melalui portal pengguna dan Anda dapat memperbarui pengaturan di semua situs Anda sekaligus. Jadi Anda tidak perlu keluar masuk dan, jelas menghemat menit dan dari waktu ke waktu yang menghemat waktu Anda.

Anda bisa mendapatkannya di wpengine.com/smart-plugin-manager atau berbicara dengan siapa pun kontak Anda di WP Engine. Sekarang saya akan kembali ke Rob, Rob yang lain, untuk dibicarakan setelah Anda memperbarui semuanya, apa yang terjadi jika Anda ingin membuatnya terlihat cantik?

ROB STINSON: Baiklah, lihat kita benar-benar bisa berhenti di sana. Jika Anda hanya menggunakan pengelola plugin lokal dan pintar, Anda akan menghemat banyak, berjam-jam setiap bulan. Tapi tunggu, masih ada lagi. Saya ingin berbicara tentang alat tertentu yang sangat dekat dan sayang dengan hati pribadi saya. Ini disebut Genesis Custom Blocks dan ini pada dasarnya adalah sebuah alat, sebuah plugin yang memungkinkan Anda membangun situs yang lebih baik lebih cepat di WordPress, khususnya dalam konteks editor blok.

Jadi itu adalah plugin WordPress yang memberi Anda antarmuka admin dan ketika saya mengatakan admin maksud saya di admin WordPress itu sendiri. Dan sistem templating yang sangat sederhana, atau mesin templating yang terkadang kami sebut, untuk membuat blok Gutenberg kustom Anda sendiri. Dan idenya di sini adalah bahwa editor blok itu luar biasa, itu terus meningkat, tetapi kadang-kadang Anda bekerja di sebuah situs dan Anda telah membangun banyak hal, tetapi ada bagian darinya yang Anda perlukan untuk melakukan sesuatu yang sangat spesifik. Itu perlu terlihat dengan cara tertentu atau perlu berperilaku dengan cara tertentu. Itu perlu diintegrasikan dengan plug-in lain atau aplikasi pihak ketiga dan barang-barang dari rak tidak memotongnya. Anda perlu membangun sesuatu sendiri.

Jadi Blok Kustom Genesis membuat ini sangat mudah bagi Anda untuk melakukan hal-hal itu dengan blok kustom Anda sendiri dan penting untuk memberi tahu di sini bahwa jika Anda terbiasa dengan Genesis, Anda tahu kerangka Genesis dan ada sejumlah plug lainnya. -ins, plugin Genesis Custom Blocks ini tidak bergantung pada semua itu. Jadi Anda dapat menggunakan ini secara terpisah dan semua fitur dan semuanya akan berfungsi.

Ini tersedia secara gratis di wordpress.org. Ada versi pro juga dengan beberapa fitur canggih, yang saya suka secara pribadi, tetapi versi gratis di WordPress sangat kuat. Jika ini adalah sesuatu yang ingin Anda masuki dan mulai gunakan dan kembangkan, buka saja yang gratis terlebih dahulu dan ikuti terus, karena Anda akan segera memahami potensinya. Dan tentu saja, tingkatkan ke pro jika Anda membutuhkan fitur tambahan tersebut.

Tapi pada dasarnya, cara kerjanya adalah Anda masuk ke WordPress dan menambahkan blok baru, blok kustom baru. Dan Anda mendapatkan layar di sana. Dan ini seperti jika Anda membuat formulir di WordPress. Anda menambahkan berbagai bidang, bidang teks, bidang angka, bidang warna, bidang gambar, dan mengonfigurasi nilainya. Setelah Anda selesai melakukannya, Anda sekarang benar-benar menambahkan dan mengonfigurasi blok kustom Anda sejauh menyangkut WordPress.

Anda kemudian masuk dan Anda harus menulis sedikit kode dan menulis kode mungkin membuat takut beberapa orang, tetapi jika Anda telah melakukan pengembangan sama sekali, seperti bahkan hanya dasar-dasar HTML dan CSS, Anda akan menjadi Oke di sini. Karena cara pembuatan template dengan Genesis Custom Blocks itu sangat, sangat mudah. Dan saya akan menunjukkannya untuk Anda sebentar lagi. Tetapi begitu Anda selesai melakukannya, pada dasarnya selesai. Blok khusus Anda siap digunakan. Anda dapat masuk ke posting baru, atau halaman, klik tambahkan blok dan blok kustom Anda siap untuk ditambahkan ke halaman, yang cukup keren.

Jadi saya akan menunjukkan satu sekarang. Aku akan berada di bawah dua menit. Saya akan membuat blok khusus dari awal. Jadi pegang kursi Anda.

Jadi blok ubahsuaian yang ingin saya tunjukkan kepada Anda sekarang adalah blok yang benar-benar saya buat sebelumnya. Sebut saja blok ubin tim. Dan kita dapat menambahkan ini ke halaman sebanyak yang kita inginkan seperti ketiganya di sini. Itu memungkinkan kita menambahkan gambar, nama orang, jabatan mereka, dan beberapa tautan sosial.

Di Admin WordPress, satu-satunya plugin yang kami instal di situs ini adalah Genesis Custom Blocks. Ini memberi kita opsi ini di sini di sebelah kiri. Dan saat kita mengkliknya, kita bisa melihat daftar semua blok kustom kita. Saat ini kami hanya punya yang ini. Jika saya mengkliknya, Anda dapat melihat tiga bidang yang telah saya tambahkan. Ingat, anggap saja seperti menambahkan bidang ke formulir. Kami memiliki bidang gambar, dua bidang teks, dan dua bidang URL. Tentu saja, kami telah memberikan judul blok kustom kami, serta mengonfigurasi beberapa hal di sini di sebelah kanan untuk pengaturan blok.

Di dalam editor kami sebenarnya memiliki blok kolom dengan pengaturan tiga kolom dan kami telah menambahkan blok kustom kami tiga kali ke dalamnya. Seperti yang Anda lihat, saya dapat mengklik masing-masing secara mandiri. Saya dapat berinteraksi dan mengubah foto, mengubah nama, judul, dan URL di sana.

Di editor kode kami, saya telah menambahkan, di dalam tema anak kami, 2022 anak folder blok. Di dalamnya, foto petak dasbor tim, yang sesuai dengan blok khusus kami dan dua file di dalam blok itu dot PHP dan blok dot CSS. Dalam file PHP kami, kami memiliki beberapa HTML yang cukup sederhana. Saya telah menambahkan kelas CSS khusus sehingga kita dapat berinteraksi dengannya.

Tetapi hal utama yang harus dipanggil adalah penggunaan fungsi bidang blok ini. Dan di dalam fungsi bidang blok itu kami meneruskan atribut yang sesuai dengan bidang kami di dalam blok khusus kami. Kami punya foto di sana, nama, nama lagi, judul, URL Twitter, dan URL Dribble. File CSS, tentu saja, Anda tahu saya telah menulis CSS seperti ini, tetapi ini memungkinkan kita menulis– Anda dapat menulis CSS sesuka Anda karena mengetahui bahwa file ini di sini akan ditarik ke halaman kapan pun pemblokiran kustom dimuat. Dan sesederhana itu, kami memiliki blok khusus yang terlihat dan berperilaku persis seperti yang kami inginkan.

Baiklah. Jadi kami melewati banyak hal tentang Genesis Custom Blocks. Saya harap itu menunjukkan kepada Anda betapa mudahnya membangun pengalaman khusus itu di dalam WordPress. Untuk mengetahui lebih lanjut, untuk mengunduh plug-in dan menemukan informasi lebih lanjut, wpengine.com/genesis-custom-blocks adalah tempat yang dapat Anda tuju. Keren, kembali ke Robert Li. Dia akan berbicara tentang cadangan.

ROBERT LI: Terima kasih Rob. Jadi jelas, kami sudah mengembangkan situsnya. Kami memelihara plug-in, dan sekarang kami membuatnya terlihat cantik. Tapi tentu saja, semua pekerjaan yang telah Anda lakukan ini, Anda akan kehilangannya, bukan? Jadi sekarang kita akan membicarakan hal-hal seperti pengelolaan template, serta pemulihan bencana. Agak aneh saya memasangkan mereka bersama, tetapi Anda akan tahu alasannya sebentar lagi.

Jadi hal pertama yang ingin saya bicarakan adalah sistem cadangan. Tentu sangat penting untuk memastikan semua pekerjaan yang Anda lakukan di situs WordPress Anda dicadangkan. Itulah yang terjadi dengan aset apa pun yang Anda buat, meskipun itu adalah dokumen Word. Saya tidak dapat membayangkan berapa kali saya telah menulis sesuatu dan kemudian komputer saya mati dan kemudian saya kembali, dan itu hilang, bukan? Anda telah kehilangan jam kerja. Jadi Anda tidak ingin itu terjadi.

Dan hebatnya, WP Engine memiliki fitur bawaan semacam itu. Ini otomatis, dan terjadi setiap hari. Sekarang tentu saja, untuk perincian tambahan, Anda tentu saja dapat menginstal plug-in cadangan tambahan, dan menyimpannya di penyimpanan cloud eksternal pilihan Anda, atau Anda juga dapat melakukannya secara lokal. Jadi ada banyak pilihan. Tetapi jika Anda tidak perlu melakukan apa pun dan Anda hanya menginginkan sesuatu yang aman, tangguh, dan dibangun di dalam platform, WP Engine telah menyediakannya untuk Anda.

Jadi ini benar-benar cadangan yang tahan lama, ini direplikasi. Ada hingga 60 dari mereka. Jadi jika Anda ingin kembali beberapa bulan Anda dapat melakukannya. Dan ini juga dienkripsi saat istirahat dan transit untuk memastikan bahwa data yang dicadangkan aman. Sekarang, saya ingin menggali sisi ketersediaan karena ini benar-benar masuk ke dalam pemulihan bencana. Orang-orang bertanya, Oke, jika saya menyelesaikan pencadangan, apakah itu benar-benar akan ada saat saya benar-benar membutuhkannya, bukan? Dan tentu saja, Anda tidak ingin mencadangkan ke penyimpanan lokal Anda sendiri. Itu agak mubazir jika server tidak dapat diakses.

Jadi yang kami lakukan di WP Engine adalah kami sebenarnya menyalin cadangan sembilan kali di 3 zona ketersediaan. Sekali lagi, ini dienkripsi juga saat istirahat dan dalam perjalanan dan itu berarti kami menulis ini untuk ketersediaan 11 sembilan. Mereka pada dasarnya antipeluru. Jadi skenario terburuk wilayah khusus Anda turun, kami dapat menariknya kembali dan kami dapat memutarnya di tempat lain.

Cadangan ini juga granular dan yang saya maksud dengan granular adalah Anda dapat memilih database atau sistem file. Mereka dapat dipindahkan, sehingga Anda dapat mengunduhnya sebagai zip dan meletakkannya di tempat lain yang Anda inginkan. Rekomendasi saya adalah, tentu saja, untuk menyimpan zip itu sesekali secara berkala di dump storage atau cold storage, hanya untuk memastikan bahwa Anda memiliki bentuk sekunder cadangan yang berlebihan.

Dan kemudian mereka juga dapat dijadikan template, yang membawa saya ke poin berikutnya. Karena salah satu hal yang dapat Anda lakukan dengan cadangan ini, karena ada di platform WP Engine, adalah Anda dapat menggunakannya kembali di lingkungan yang berbeda. Yang saya maksud dengan lingkungan yang berbeda, kita berbicara tentang keselamatan, kita berbicara tentang berkembang dengan cara yang tidak akan merusak. Anda ingin mengamati praktik terbaik dengan memastikan bahwa Anda berkembang di lingkungan yang berbeda dan apa yang kami miliki di WP Engine adalah alur kerja penerapan push-pull yang memungkinkan Anda melakukannya.

Jadi jika kalian belum pernah melakukan ini sebelumnya, atau kalian mungkin telah memutar semacam lingkungan pementasan, mungkin itu ada di dalam sub-direktori dari instalasi WordPress yang Anda miliki, itu bisa menyebalkan, benar ? Dan itu bisa sangat merepotkan dalam mengelola beberapa lingkungan untuk satu situs. Ini hanya jam kerja tambahan, atau jam kerja yang perlu Anda masukkan. Jadi WP Engine telah mengotomatiskan proses itu dengan menyediakan setiap situs kemampuan untuk membuat lingkungan pementasan dan pengembangan produk yang terpisah. Itu berarti bahwa tidak satu pun dari lingkungan ini berinteraksi satu sama lain. Jika Anda melakukan sesuatu di satu lingkungan, itu tidak akan mengganggu lingkungan lain.

Hal yang hebat tentang lingkungan ini adalah bahwa mereka satu klik untuk mengatur dan mereka juga satu klik untuk mendorong dan menarik di antaranya. Jadi super duper mudah dilakukan. Tidak ada mengunduh atau mengunggah apa pun yang perlu Anda lakukan. Tapi kemudian saya sering mendapat pertanyaan, oke, jika saya akan mendorong dan menarik dan itu sangat sederhana apakah itu akan menjadi kekuatan yang sangat kasar juga. Saya akan mengatakan kami baru saja merilis beberapa kontrol granular yang memungkinkan Anda mengontrol beberapa elemen data yang membuatnya sangat aman untuk didorong dan ditarik di antara lingkungan ini.

Jadi tidak hanya lingkungan ini dipisahkan, tetapi Anda dapat mengontrol data apa yang ditarik dan didorong. Jadi kami sekarang memiliki kemampuan untuk memilih tabel tertentu yang dapat Anda dorong dan tarik, bukan? Misalnya, Anda memiliki situs e-niaga yang menangani transaksi. Anda tidak ingin menimpa transaksi tersebut. Dengan cara yang sama, ketika Anda ingin menariknya ke bawah, Anda ingin memiliki beberapa contoh transaksi untuk dikerjakan sehingga Anda dapat menguji fungsionalitasnya, bukan? Dan ini memungkinkan Anda untuk melakukan itu. Selain itu, saat Anda melakukan push pull ini, Anda juga memiliki kemampuan untuk mundur di tempat, yang mana kembali ke titik semula.

Jadi sekarang setelah Anda melakukan semua pekerjaan ini dan Anda telah mencadangkan semua pekerjaan, membuatnya aman, Anda ingin mendapatkan bayaran, bukan? Jadi bagaimana Anda melakukannya? Saya akan kembali ke Rob untuk membicarakannya.

ROB STINSON: Terima kasih, Pak. Sekarang, jika Anda seorang pekerja lepas, Anda adalah agen, Anda adalah pengembang, dan Anda melakukan pekerjaan ini untuk klien Anda, untuk pelanggan Anda. Anda melakukan semua hal yang Anda sukai, Anda menerapkan situs ini. Ini luar biasa, seperti OK, saya mungkin harus dibayar untuk ini. Itu salah satu hal yang agak penting. Tetapi administrasi seputar penagihan klien dan manajemen klien, ini bisa menjadi sedikit memusingkan dan kecuali Anda membangun dan membangun sistem di sekitarnya, itu bisa menjadi waktu nyata. Anda benar-benar dapat mulai kehilangan jam kerja setiap minggu dan setiap bulan yang seharusnya Anda tagih, atau Anda dapat menghabiskan waktu untuk memproduksi dan membuat serta mengembangkan.

Jadi manajemen klien yang baik dan solusi penagihan klien, atau sistem, sangatlah berharga. Dan saya ingin menarik perhatian Anda pada sesuatu yang disebut Growth Suite. Anda dapat menemukan lebih banyak tentangnya di getflywheel.com/growth-suite. Tapi itu hanya solusi yang fantastis. Platform fantastis untuk manajemen klien, penagihan klien, langganan klien, bahkan menjual kembali juga, hosting WordPress. Jadi sangat bagus untuk mensistematisasikan dan merampingkan semua lapisan itu dan sekali lagi, seperti yang kami katakan di atas, membebaskan Anda untuk melakukan hal-hal yang ingin Anda lakukan.

Di sisi langganan dan penagihan, dibayar tepat waktu tentu saja fantastis. Jika uang masuk ke rekening bank Anda, Anda dapat diinvestasikan kembali dan orang dapat menerima pembayaran pada waktu yang tepat. Jadi itu selalu baik. Anda dapat menyiapkan berulang, seperti komponen langganan, atau pembayaran satu kali. Ada banyak dukungan mata uang. Jadi jika Anda berada di wilayah tertentu, seperti di sini di Australia, dan saya memiliki klien AS, saya memiliki klien Inggris. Anda dapat mengatur penagihan sesuai dengan mata uang yang telah Anda sepakati dengan klien tersebut.

Anda dapat menambahkan catatan pada berbagai transaksi tersebut. Selain itu, Anda dapat menambahkan diskon. Seperti Anda mungkin memiliki layanan standar yang Anda siapkan di dalam Growth Suite. Misalnya, pemeliharaan bulanan, pemeliharaan situs bulanan untuk beberapa alasan. Dan Anda menjualnya dengan harga beberapa ratus dolar sebulan kepada klien Anda. Tapi bibi Anda adalah salah satu klien Anda, dan Anda mencintainya dan tentu saja ada diskon keluarga di sana. Jadi, Anda ingin memberinya diskon 50%. Anda dapat mengatur diskon itu dengan sangat mudah untuk klien tertentu.

Pelaporan klien adalah layanan yang disediakan oleh banyak, banyak agensi dan pekerja lepas untuk klien mereka, terutama ketika mereka berada di level layanan langganan atau langganan tertentu. Pelaporannya adalah bahwa titik interaksi yang sedang berlangsung memungkinkan Anda sebagai penyedia layanan untuk tetap menjadi perhatian utama mereka sebagai merek, tetapi juga menunjukkan dengan cara lapisan nilai berkelanjutan yang Anda berikan kepada mereka. Jadi jika mereka membelanjakan beberapa ratus dolar, atau apa pun dengan Anda setiap bulan yang Anda berikan lapisan laporan ini kepada mereka menunjukkan tampilan, saya di sini. Saya sedang melakukan pekerjaan. Saya memberikan nilai. Uang Anda tidak hanya keluar dari rekening bank Anda dan tidak terjadi apa-apa.

Jadi, Anda dapat menyiapkan laporan ini dengan sangat mudah di dalam Growth Suite untuk menyusun keseluruhan pengalaman tersebut. Dan mereka dapat membuatnya berulang dan Anda dapat mengaturnya untuk keluar setiap minggu, setiap bulan, atau setiap tiga bulan, apa pun struktur yang telah Anda tetapkan dengan klien Anda. Kamu bisa melakukannya.

Dan hal yang hebat adalah itu adalah hak pilihan Anda. Itu merek Anda. Apakah itu warna atau logo, itu akan keluar dari Anda ke klien Anda. Itu tidak akan terbungkus dalam branding WP Engine atau Flywheel atau Growth Suite. Ini akan menjadi ABC Agency di atasnya. Jadi dari pengalaman klien laporan itu dan titik interaksi itu dengan Anda, yang sangat bagus.

Melanjutkan ide itu juga, apakah Anda benar-benar dapat memiliki portal klien. Jadi tempat di mana klien Anda dapat membuat akun masuk kecil mereka sendiri. Dan mereka masuk ke sana. Mereka melihat merek Anda. Mereka tidak melihat Growth Suite atau WP Engine atau Flywheel atau semacamnya. Bahwa mereka melihat merek agensi Anda. Mereka dapat masuk dan melihat layanan yang terkait dengan akun mereka. They can make payments. They can see past payments that have occurred. They can update their credit card information, for instance if they're on a subscription.

That's just a really simplified and consolidated experience, but it does a couple of things. One, it reinforces your brand. Two, it streamlines that whole interaction point, right? You're able to hand that off to the client to have them log in and fill out all those details. So it does a few things to really streamline things there, which is fantastic.

And of course, look, Growth Suite is built on top of our infrastructure and we've been WordPress hosting, Managed WordPress hosting for over a decade. And we know how to do it. We know how to do it well. We also know how to do reselling really, really well. So a lot of our Growth Suite existing customers resell as well and that layer of our service is baked in to Growth Suite.

It's optional, you don't have to do it. You may only ever want to run your SEO subscription service through Growth Suite. And that's fine. You don't have to resell, but for those agencies and freelancers that do do that, it is baked in and it works really, really efficiently. And I actually encourage any agency out there, any freelancer out there who's consistently building WordPress sites and who wants to retain an ongoing style of relationship with those clients. Recently hosting is just– it's just a fantastic option for increasing that revenue flow for your own business.

Bulk Site Management as well. So if you are reselling and you've got a number of sites within that account, Bulk Site Management as well. So it kind of like– some of the value proposition of what we saw earlier with this Smart Plugin manager, you can see all of the sites, you can get an, at a glance insights into the status of various things. And things are filter-able, and sortable. So you don't have to log in to every individual site to get key information for the sites within your portfolio. Next one, I want to hand back over to Robert. He's going to talk a little bit about SSH gateway.

ROBERT LI: Sweet. Thanks, Rob. So we're getting into the homestretch. We're getting into real nerd territory now, right? So this is the stuff that makes me super excited. Let's say you've gotten to the point where you've scaled up. You've got hundreds of sites under your management. And you're like, man my finger is cramping up because I have to click on so many things, right? Let's do this programmatically. How do you manage your installs programmatically? How do you manage your deploys programmatically?

First question, how do you manage your installs programmatically? SSH Gateway. That's what you want to use. This is actually a feature that's built into WP Engine's platform. It's not something you need to buy or anything like that. I highly encourage you to use it, but effectively this is the most powerful way to interact with WordPress. We spoke about it earlier. The fact that local has this within its application allows you to do WP CLI, but you can also do that on the platform.

So once you've tested out those commands on local go on. Do a SSH Gateway. Replicate those commands, and that way you can interact with the database programmatically, you can interact with the WordPress site programmatically, you can spin up installs, et cetera, et cetera, et cetera. There's so many things that you can do, right? But with that power also comes some responsibility. So not only can you, like I say, you're executing all of these custom PHP functions and you're executing like remote database commands and stuff, but you want to do that safely.

And the way that SSH gateway makes that safe is that it actually goes through a Bastion Host. That's why we call it a gateway and what I mean by a Bastion Host is this is what governs the connection between you and the origin server itself. There's no direct connection to the actual server, which means you are safe to do any sort of testing or anything that you want to do without the risk of blowing up that environment. But also, that connection is encrypted so no one can listen in. And the session is destructible, so that means that once you leave no one else can hijack that session. So not only is it powerful, but this is a safe way to manage installs.

Let's say you've got this down pat and now you want to do this across all of your installs. Then you want to have a look at our GitHub Action. And super proud to announce that this has been recently updated and released. It is generally available. I'll show you where you can get it later, but effectively this is the most powerful way you can deploy to WP Engine.

Of course, everyone– a lot of you developers probably are aware of Git. If you're not aware of it, then have a look up what versioning WordPress looks like. It is kind of the industry standard. But this allows you to use Git at speed and with flexibility on WP Engine. It allows you to deploy to different environments on WP Engine from different branches. Right now it is just available on GitHub, but we are rolling this out to Bitbucket next, so keep an eye out for that.

But the coolest thing about this– and this is something that I actually personally do, so I'm a super advocate of this– is that this is an open source community driven project. And what that means is that you can take this and run with it what you like. The basics are it's going to log into your WP Engine platform and it's going to push your installs to the right environment. But after that, or during that there's a lot that you can do. For example, there are flags built into the GitHub action that allow you to do cache control so you can tell it to clear cache once you've deployed. And PHP linting, so you can observe PHP coding standards, make sure you're not doing anything dodgy.

Then also, you can deploy scripts, post deploy. For example, you might want to activate all of those plug-ins once you've deployed it. You might want to run a security audit, or you might want to spit out some sort of an output to your local terminal, or something like that.

What this allows you then to do, as I mentioned before, is manage those installs programmatically at bulk. Just like how WordPress core, whenever there's an update that goes out, it goes out to all of the WordPress sites in the ecosystem. Imagine you as an agency have a framework that is common, that you guys have built that you're super proud of, but it's used across all of your sites, and right now what you need to do is you need to log into every site, or SSH into every site and do all of those updates manually. Now you don't need to do that. Once you've set up an organization key, you can actually manage that framework and update that from a central repository and spit that out to every install that you manage, which is super duper handy and it saves tens of hours of work. It's super powerful.

I highly encourage you to visit github.com/wpengine/ that string. It's too long, not going to say it, but you can see it right there and check this out yourself. As I mentioned, this is open source community driven. Please feel free to fork it. I've done that myself, and play around with it. It is just a boilerplate and start managing your sites at scale with speed and flexibility.

So this actually gets us to the end of this DE{CODE} presentation. Hopefully through this you've gained some value. As Rob mentioned, this is a buffet. It's like a Sizzler or a Las Vegas buffet. Some of the things are going to be real tasty and some of the things you're not going to like very much, but I guarantee you you've gotten something out of it, right? And hopefully from this you're able to manage your sites at speed and scale and do more of the stuff that you love and less of the things you don't. I'm Rob Li, this has been Rob Stinson. Thanks for joining us.

ROB STINSON: Thanks, everyone. Sampai jumpa lagi.

And that is a wrap for DE{CODE} 2022. I hope you found it inspirational and are leaving with more WordPress expertise and new community connections. Carilah konten yang direkam di situs mulai hari Jumat untuk mengetahui apa pun yang mungkin Anda lewatkan atau menonton video lagi.

I want to say a final thank you to our sponsor partners, Amsive Digital, BOX UK, Candyspace, Drewl, Elementary Digital, Illustrate Digital, Kanopi Studios, Springbox, StudioMalt StrategiQ, WebDev Studios, and 10up. Terima kasih banyak telah berdonasi ke penggalangan dana DE{CODE} kami. Kami sangat menghargai kemurahan hati Anda.

Now for everybody that has been interacting with us in our Attendee Hub and our sessions, we will pick the top three winners and let you know how you can claim your prize at the end of DE{CODE} We look forward to seeing you again at our future events, either in-person or virtually. Kami tidak sabar untuk memberi Anda lebih banyak tentang tren pengembangan WordPress terbaru dan bagaimana Anda dapat menerapkannya untuk membangun situs WordPress lebih cepat. Sekian dari saya. Terima kasih banyak telah bergabung dengan kami dan berhati-hatilah.