Ini adalah ringkasan Hallway Hangout yang diadakan di kanal #fse-outreach-experiment sebagai bagian dari Program FSE Outreach. Terima kasih kepada semua yang telah berpartisipasi!
Peserta:
@elblakeo31 @beckej @annezazu @paaljoachim @rbest Lauren Gray, @FahimMurshed, James Riordon, Micro.
Rekaman Video:
Catatan:
Pendahuluan
Kami memulai panggilan dengan perkenalan dari @elblakeo31, anggota Program FSE Outreach yang sejak lama berupaya menggunakan teknologi terbaru dan terbaik sesegera serta sebanyak mungkin. Sebagai pengguna awal, sebagian pekerjaannya adalah membantu orang lain mengadopsi teknologi baru juga.
Klien kini menghubungi saya tentang fitur FSE dan ingin menggunakannya. Kami mulai melihat peralihan dari orang-orang yang sangat waspada menjadi benar-benar ingin menggunakan fitur CoreCore Core adalah sekumpulan perangkat lunak yang diperlukan untuk menjalankan WordPress. Tim Pengembangan Core membangun WordPress. yang ditawarkan WordPress.
@elblakeo31
Pendekatan Umum
Mereka telah memiliki tujuh situs berbeda yang dipindahkan ke Editor Situs dalam produksi. Mereka sengaja tidak mencoba membuat tema untuk proyek-proyek ini dan berusaha menggunakan editor situs sebanyak mungkin. Saat ini, mereka menggunakan tema anak untuk beberapa proyek, tetapi sebagian besar hanya mengambil Twenty Twenty-Three dan menggunakannya secara langsung. Blake melihat keuntungan besar dalam menggunakan Editor Situs secara langsung sebagai alat desain, alih-alih menggunakan Figma sebelum mereplikasinya di WordPress. Ada beberapa tantangan, karena orang-orang sudah terbiasa dengan Figma dan Editor Situs memiliki kurva pembelajaran, serta beberapa keterbatasan (seperti pengalaman navigasi yang lebih dinamis). Selain itu, banyak pekerjaan dilakukan untuk mengevaluasi plugin yang dibutuhkan di sebuah situs dan memastikan apa pun yang ingin digunakan memiliki dukungan dalam Editor Situs. Secara umum, mereka berusaha untuk tidak membuat terlalu banyak blok khusus dan sebagai gantinya mengandalkan pola, dengan penekanan pada penggunaan sebanyak mungkin dari dokumen kurasi pengalaman editor. Hal ini terutama berlaku untuk organisasi yang lebih besar, seperti universitas besar, yang perlu mengunci lebih banyak hal.
Seperti apa agensi web dalam dunia editor situs?
Bagaimana kita dapat menyediakan layanan ketika klien dapat melakukan begitu banyak hal sendiri dengan Editor Situs? Hal ini secara alami muncul sebagai topik percakapan, dengan Blake menjelaskan bagaimana ia berusaha melatih klien untuk menggunakan kemampuan editor situs dan bagaimana “banyak waktu yang dihabiskan untuk mengembangkan kini digunakan untuk mengajar”.
Tantangan terbesar saat ini adalah mengajarkan alat baru kepada orang-orang. Saat memasuki GutenbergGutenberg Proyek Gutenberg adalah Antarmuka Editor baru untuk WordPress. Editor ini meningkatkan proses dan pengalaman pembuatan konten baru, sehingga penulisan konten kaya menjadi jauh lebih sederhana. Editor ini menggunakan ‘blok’ untuk menambahkan kekayaan, bukan shortcode, HTML khusus, dan sebagainya.
https://wordpress.org/gutenberg/, terkadang sudah ada “rasa gentar dan kemarahan” dari orang-orang. Apa pun ukuran situs web yang sedang dikerjakan bersama klien, jika mereka pernah menggunakan WordPress sebelumnya, mereka agak lelah dengan banyaknya fitur. Untuk membantu mengatasi hal ini dan membawa mereka ke masa depan, mereka menghabiskan banyak waktu untuk mengajak klien masuk ke budaya kolaborasi dan eksperimen, sesuatu yang biasanya tidak diinginkan orang. Oleh karena itu, mereka secara khusus memilih klien yang menghargai tingkat eksperimen tertentu yang menyertai adopsi teknologi baru.
Saat ini, dengan rilis terbaru, kita berada pada titik di mana saya dapat membawa proyek ke produksi dan merasa yakin bahwa proyek tersebut akan bertahan.
@elblakeo31
Kapan Anda memutuskan untuk menggunakan tema anakTema anak Tema Anak adalah tema khusus yang didasarkan pada Tema Induk. Membuat tema anak dianggap sebagai praktik terbaik jika Anda ingin memodifikasi CSS tema Anda. https://developer.wordpress.org/themes/advanced-topics/child-themes/ dibandingkan TT3? Apa yang mendorong keputusan itu?
Blake berbagi bahwa ia telah berbicara dengan banyak orang mengenai praktik terbaik dan berusaha melakukan sebanyak mungkin hal di editor. Ia juga tahu bahwa ia akan mendapatkan lebih banyak dukungan dari komunitas jika mendorong batas Twenty Twenty Three daripada tema lain. Saat mendalami hal ini, ia juga mendokumentasikan setiap bagian tempat kode ditambahkan agar tetap mengikuti perubahan yang mungkin terjadi di masa depan. Font adalah contoh yang bagus dan sering muncul. Di masa depan, font akan dikelola lebih langsung di Core, tetapi saat ini mereka menggunakan pluginPlugin Plugin adalah perangkat lunak yang berisi sekumpulan fungsi yang dapat ditambahkan ke situs web WordPress. Plugin dapat memperluas fungsi atau menambahkan fitur baru ke situs web WordPress Anda. Plugin WordPress ditulis dalam bahasa pemrograman PHP dan terintegrasi secara mulus dengan WordPress. Plugin ini dapat diperoleh secara gratis di Direktori Plugin WordPress.org https://wordpress.org/plugins/ atau berupa plugin berbayar dari pihak ketiga. Create BlockBlock Block adalah istilah abstrak yang digunakan untuk menggambarkan unit markup yang, jika digabungkan, membentuk konten atau tata letak halaman web menggunakan editor WordPress. Gagasan ini menggabungkan konsep yang sebelumnya dapat dicapai dengan shortcode, HTML khusus, dan penemuan embed ke dalam satu API serta pengalaman pengguna yang konsisten. Theme untuk menanganinya.
Proses apa yang Anda ikuti untuk menggunakan editor situs secara langsung sebagai alat desain dibandingkan Figma?
Sejak masa awal menggunakan editor WYSIWYGWhat You See Is What You Get What You See Is What You Get. Paling umum digunakan dalam kaitannya dengan editor, ketika perubahan yang dibuat dalam mode edit mencerminkan persis seperti hasilnya pada halaman yang dipublikasikan., Blake telah bermimpi untuk tidak menggunakan apa pun selain editor untuk membuat mockup dan menghilangkan kebutuhan menggunakan hal-hal seperti Adobe. Rasanya membuang waktu jika memiliki banyak sumber kebenaran ketika semuanya dapat berada dalam satu editor. Mengenai prosesnya, mereka akan mengikuti kira-kira langkah berikut:
- Tambahkan konten ke WordPress menggunakan Twenty Twenty-Three tanpa perubahan gaya.
- Tambahkan beberapa elemen gaya dengan editor situs dan jelaskan berbagai bagian gaya kepada klien secara langsung, beserta opsi yang dapat mereka pilih ke depannya tergantung pada keinginan mereka.
- Buat apa pun yang khusus, seperti elemen khusus atau tambahkan plugin untuk meningkatkan aksesibilitasAksesibilitas Aksesibilitas (umumnya disingkat a11y) mengacu pada desain produk, perangkat, layanan, atau lingkungan untuk penyandang disabilitas. Konsep desain yang mudah diakses memastikan “akses langsung” (yaitu tanpa bantuan) dan “akses tidak langsung”, yang berarti kompatibilitas dengan teknologi bantu seseorang (misalnya pembaca layar komputer). (https://en.wikipedia.org/wiki/Accessibility) situs.
Pada 7–8 situs yang menggunakan editor situs, mereka belum sampai pada titik di mana klien mengatakan bahwa hal ini tidak akan berhasil bagi mereka. Karena mereka tidak membuat mockup apa pun, mereka akhirnya benar-benar memandu klien melalui Editor Situs. Dengan demikian, mengelola ekspektasi klien menjadi salah satu alat kerja terbesar: “Ada teknologi baru yang akan menempatkan Anda pada posisi yang lebih baik di masa depan, tetapi pada saat yang sama ada batasannya.”
Saya dapat memahami semua yang disampaikan Blake. Saya hanya agensi yang terdiri dari satu orang, tetapi saya mengikuti pendekatan yang sama untuk semua proyek saya, termasuk menggunakan TT3 sebagai dasar, atau tema Frost dari Brian Gardner. Saya membuat mockup di editor situs. Kolaborasi dilakukan melalui P2P2 P2 atau O2 adalah istilah yang digunakan orang untuk merujuk pada blog Make WordPress. Blog tersebut dapat ditemukan di https://make.wordpress.org atau halaman komunikasi yang saya buat, karena hal ini memberi klien kesempatan mudah untuk bekerja dengan blok dan merasa nyaman.
Micro di chat Zoom
Jenis klien seperti apa yang Anda tangani dan bagaimana pendekatan Anda berubah tergantung klien?
Secara umum, ada tiga jenis klien:
- Membuat sesuatu dari templat: Seseorang datang dengan mockup desain lengkap dan mengatakan bahwa mereka menginginkan X. Hal ini semakin jarang terjadi karena agensi mereka dikenal membuat sesuatu dari awal. Sering kali mereka mengambil desain dan menggunakan blok khusus atau blok HTMLHTML HTML adalah singkatan dari Hyper Text Markup Language. HTML merupakan bahasa markup yang digunakan dalam pengembangan halaman dan situs web. jika mereka menginginkan hasil yang sama persis hingga tingkat piksel.
- Pembuatan kecil: Menginginkan situs web yang dirancang dan dibuat dari awal, tetapi bukan organisasi besar. Mereka akan bekerja sama dengan klien untuk memasukkan semua konten ke WordPress. Mengadakan panggilan selama 1–3 jam untuk membicarakan konten, melihat berbagai situs WP, dan memahami apa yang ingin dilakukan klien (memasukkannya ke dokumen Google atau langsung ke editor WP). Kemudian mengadakan pertemuan yang lebih berfokus pada desain untuk menekankan dan membuat pola, menemukan situs yang mereka sukai, dan sebagainya. Proses iterasi tersebut kemudian terus berlanjut.
- Organisasi besar seperti universitas. Pada tingkat ini, lebih berfokus pada fitur dan bertindak hampir seperti konsultan yang bekerja bersama tim TI yang memahami WP. Untuk organisasi yang lebih besar, semuanya bergantung pada keinginan mereka. Baru-baru ini, mereka membangun 80% situs, kemudian memberikan pelatihan, dan pada akhirnya akan mengerjakan bagian penyelesaian. Untuk organisasi lain, fokusnya lebih pada memberikan pelajaran dan panduan tentang cara menggunakannya untuk menerapkan praktik terbaik. Proyek seperti ini sering kali memerlukan waktu lebih lama.
Dalam bagian edukasi, banyak waktu dihabiskan untuk membuat orang merasa nyaman dengan editor, termasuk para desainer. Membuat orang merasa nyaman dengan editor situs, termasuk desainer. Setiap blok memiliki kontrol yang berbeda, dan sebagainya. Setelah sebagian hal tersebut tersedia, orang-orang dapat bereksperimen dengan bebas. Blake menjelaskan bahwa ia berusaha membuat orang berpikir tentang menjadi desainer mereka sendiri dalam editor blok dan memandang blok sebagai tingkat dasar dari sebuah desain.
Apa yang membuat Anda merasa yakin menggunakan editor situs dalam produksi?
Peserta lain menanyakan hal ini dan Blake menjelaskan bahwa setiap kali ada rilis baru, ia menghabiskan banyak waktunya sendiri untuk menguji berbagai hal. Sering kali, ia menghabiskan akhir pekan untuk melihat apakah ia dapat membuat sebuah proyek berfungsi di Editor Situs dan membagikannya terlebih dahulu kepada klien untuk melihat apakah proyek tersebut akan sesuai bagi mereka. Ia semakin sering menemukan bahwa semuanya berjalan baik dan ia dapat langsung menyerahkan hasilnya kepada klien. Dengan rilis terbaru, ia sepenuhnya meninggalkan penggunaan plugin Gutenberg sebagai solusi sementara (“Sangat melegakan bisa meninggalkannya”).
Lain-lain
Kami membahas beberapa aspek pemeliharaan, adopsi Editor Situs yang lebih luas dalam komunitas WordPress, dan melihat masa depan melalui beberapa isu GitHubGitHub GitHub adalah situs web yang menawarkan implementasi daring repositori git yang dapat dengan mudah dibagikan, disalin, dan dimodifikasi oleh pengembang lain. Repositori publik dapat dihosting secara gratis, sedangkan repositori privat memerlukan langganan berbayar. GitHub memperkenalkan konsep ‘pull request’, yaitu perubahan kode yang dibuat dalam branch oleh kontributor dapat ditinjau dan didiskusikan sebelum digabungkan oleh pemilik repositori. https://github.com/. Ini mencakup diskusi yang lebih mendalam mengenai bagian templat, pola, dan blok yang dapat digunakan kembali, dengan meninjau diskusi terbaru tentang cara menyatukannya.
Sumber daya yang dibagikan:
Dokumentasi berikut dibagikan:
Tautan GitHub berikut dibagikan:
- Repositori jembatan sistem desain VIP yang berisi alat untuk memudahkan sinkronisasi nilai sistem desain Figma dengan tema.jsonJSON JSON, atau JavaScript Object Notation, adalah format minimal yang mudah dibaca untuk menyusun data. JSON terutama digunakan untuk mengirimkan data antara server dan aplikasi web sebagai alternatif XML..
- Menambahkan PR jenis tata letak kisi.
- Memperluas blok wp:pattern.
Langkah Berikutnya:
Beberapa tindak lanjut singkat dari saya:
- Mengadakan Hallway Hangout lain mengenai topik ini karena banyak orang ingin membahasnya lebih lanjut.
- Menjelajahi sumber daya yang mungkin bermanfaat untuk ditambahkan ke Learn WP mengenai desain dalam Editor Situs.