Sudah 10 bulan sejak kami melancarkan Page Builder Sandwich kepada umum. Kami kini mempunyai sekitar 6,000 pemasangan aktif, dan itu satu pencapaian yang cukup membanggakan bagi kami. Kami juga telah menerima banyak maklum balas kerananya, baik yang positif mahupun negatif. Walau bagaimanapun, kata sepakatnya ialah orang ramai menyukai betapa mudahnya membina reka letak dan mencipta kandungan mereka berbanding pembina halaman lain di luar sana.
Sebahagian besar maklum balas yang kami terima adalah permintaan ciri, dan kami telah menambah banyak ciri tersebut sejak beberapa bulan yang lalu. Namun semasa kami terus berbuat demikian, kami juga mula mengubah antara muka pengguna secara perlahan-lahan dalam proses tersebut. Dan, akibatnya, kami juga mengubah pengalaman pengguna… menjadi lebih buruk. Ia telah sampai ke tahap di mana kami perlu memikirkan semula antara muka tersebut, kerana ia tidak lagi berfungsi dengan lancar, dan pelbagai ciri berbeza juga tidak lagi serasi dengannya.
Antara Muka yang Tidak Lagi Digunakan
Dalam versi terdahulu PBS, kami mahu semuanya dalam bentuk butang. Mengapa? Kerana butang mudah digunakan. Anda hanya… klik padanya. Pada versi pemeriksa yang lebih lama (bar sisi pada imej di atas), mengklik butang akan meningkatkan nilai, kemudian shift+klik butang akan mengurangkannya. Bunyinya cukup mudah. Tetapi dengan penambahan karusel, tab, peta dan elemen serta ciri baharu yang lain, semua butang tersebut menjadi campuran pelbagai ikon berbeza dengan reka bentuk yang berlainan, dan agak mula kelihatan lebih seperti hieroglif berbanding antara muka yang hebat. Ini bukanlah masalah bagi pengguna berpengalaman, tetapi ia agak menakutkan untuk dilihat jika anda baru mengenali PBS.
Seterusnya, terdapat beberapa masalah yang muncul pada pemeriksa. Idea asalnya adalah untuk menjadikan segalanya mudah dan tersedia di dalam pemeriksa. Dan dengan segalanya, saya maksudkan segalanya – daripada menukar teks menjadi tajuk, kepada menukar warna latar belakang, warna fon, apa sahaja. Namun dalam keadaannya sekarang, pemeriksa kini mengandungi banyak pilihan yang memerlukan anda menggunakan roda tetikus untuk menatal ke atas dan ke bawah secara berterusan. Sangat berbeza daripada pemeriksa yang saya harapkan untuk dibina bagi pengguna sebelum ini.
Akhir sekali, baru-baru ini kami memperkenalkan pemetaan kod pendek untuk pemalam kegemaran anda. Ciri ini memerlukan kami mencipta medan teks, gelangsar nombor, kotak pilihan, dan jenis pilihan baharu tambahan yang diperlukan untuk menjadikan pengalaman penyuntingan kod pendek anda lebih menyenangkan. Pada mulanya, ia adalah idea yang bagus, dan ya, ia memudahkan manipulasi kod pendek untuk anda. Tetapi sekali lagi, ciri ini menyimpang daripada antara muka “butang sahaja” kami. Jika difikirkan kembali, adalah benar-benar mustahil untuk menggunakan butang sahaja untuk menukar atribut kod pendek. Kini, dalam versi terkini, kami akhirnya mempunyai 2 jenis kawalan: butang dan medan kod pendek.
Terdapat beberapa sebab lagi yang membuatkan kami memutuskan bahawa antara muka kami tidak lagi berkesan (atau sesuai untuk keperluan kami), tetapi perkara di atas adalah yang utama. Walau bagaimanapun, satu perkara yang sentiasa pasti: kami tahu bahawa kami perlu mengemas kini antara muka tersebut.
Menentukan Cara Pembina Halaman Sepatutnya Berfungsi Secara Ideal
Daripada terburu-buru dan mengubah sesuatu dengan segera, kami berundur seratus langkah ke belakang untuk melihat keseluruhan pengalaman pembina halaman. Kami ingin memberikan nafas baharu kepada antara muka ini. Sejujurnya, kami tidak mahu terus membinanya semula tahun demi tahun. Ia meletihkan dan sudah tentu tidak membawa bantuan yang ketara kepada komuniti WordPress. Kali ini, kami memutuskan untuk melakukan sesuatu secara perlahan-lahan dan berhati-hati. Kami telah mengkaji setiap sudut Page Builder Sandwich dan perkara yang menjadikannya pembina halaman yang baik, dan akhirnya memperincikan keseluruhan pengalaman penyuntingan kepada beberapa konsep teras.
Konsep Penting #1: Menaip Terus dalam Kandungan Anda untuk Menyunting Elemen
Salah satu sebab utama memasang pembina halaman adalah untuk keluar daripada kekangan editor teks bahagian belakang WordPress. Bukannya editor bahagian belakang tidak bagus, tetapi apabila mencipta halaman web anda, ia tidak serta-merta menunjukkan rupa halaman web anda kepada pelawat tapak anda, dan ia juga tidak membenarkan anda menyusun atur kandungan anda di luar reka letak satu lajur. Anda hanya boleh melihat teks anda di sana dan beberapa imej, tetapi tiada elemen yang lebih terperinci (cth. borang hubungan). Anda boleh menambah kod pendek, ya, tetapi ia tidak akan dipaparkan dalam bentuk yang telah diterjemahkan*.
* Terdapat pemalam yang dicipta oleh pihak lain untuk menangani perkara ini seperti Shortcake UI, tetapi itu bukan persoalan utamanya.
Di situlah pembina halaman bahagian hadapan memainkan peranan. Mereka membawa pengalaman penyuntingan keluar dari bahagian belakang dan ke bahagian hadapan, dengan anda menyunting tapak anda mengikut rupa sebenar yang akan dilihat oleh pelawat anda. Seperti yang diungkapkan oleh Pippin: Apa yang anda lihat ialah apa yang anda dapat (WYSIWYG).
Satu lagi kebaikan menjadi editor bahagian hadapan ialah ia membolehkan anda menyunting teks anda secara terus. Menaip tajuk dan perenggan memberikan kemudahan seperti menggunakan pemproses perkataan biasa dalam membina laman web. Butang dan label tab juga sepatutnya boleh diubah dengan hanya mengklik padanya dan menaip.
Inilah bahagian di mana kebanyakan pembina halaman lain tidak dapat memenuhinya dengan baik. Kebanyakannya memaksa anda menaip di dalam medan teks untuk menyunting segalanya. Sekali lagi, ini tidak sepatutnya berlaku dalam pembina halaman bahagian hadapan yang sebenar. Menaip dan menyunting teks secara terus telah menjadi kelebihan utama Page Builder Sandwich sejak versi 2, dan kami memastikan perkara ini terus dikekalkan dalam versi 3.
Konsep Penting #2: Memanfaatkan Tetikus untuk Pelarasan Pantas
Tetikus ialah alat berkuasa yang sering diabaikan dalam pembina halaman. Sering kali, pembina halaman menggunakannya untuk membolehkan orang ramai menyeret elemen dan melepaskannya di lokasi berbeza, atau mengklik butang atau medan input. Walaupun ini memadai, ada banyak lagi yang boleh anda lakukan dengan tetikus dari segi pembinaan halaman.
Antaranya, terdapat maklum balas visual yang hebat apabila menggunakan tetikus sebagai alat dalam menyunting halaman, terutamanya dalam melaraskan sifat visual seperti margin, padding dan saiz. Kini, mengubah suai elemen anda menjadi pengalaman yang semula jadi.
Dalam PBS versi 3, anda akan dapat melaraskan beberapa perkara menggunakan tetikus anda. Anda boleh melaraskan margin/jarak antara elemen individu, padding di dalam lajur anda, serta saiz imej, ikon dan peta. Kami juga telah menggantikan butang yang membolehkan anda menukar nilai berangka kepada gelangsar.
Konsep Penting #3: Teks Sepatutnya Mudah Digayakan
Jika anda berundur selangkah dari monitor anda, anda akan menyedari bahawa kebanyakan perkara yang anda tambahkan dalam halaman web anda ialah kandungan teks. Ya, kita sememangnya mempunyai imej dan ikon di sana untuk melengkapkannya – dan kebelakangan ini kita cenderung untuk menambah imej yang lebih besar dalam tapak kita. Tetapi sebahagian besar kandungan penting adalah teks: tajuk, senarai bulet, perenggan, petikan, dsb. Sejajar dengannya ialah cara kita menggayakan teks kita agar sesuai dengan reka bentuk kita. Sama ada kita menukar saiz dan warnanya, atau menjadikannya tebal atau condong. Ini adalah untuk menjadikan kandungan kita lebih mudah dibaca, relevan dan menarik kepada pembaca kita masing-masing.
Oleh kerana kita sering menggayakan teks, butang yang membolehkan kita menukar gaya haruslah sangat mudah diakses. Butang tersebut tidak sepatutnya tersembunyi di dalam kotak timbul yang perlu kita buka terlebih dahulu. Kebanyakan pembina halaman mengalami masalah ini. Demi melabelkan antara muka pengguna mereka sebagai ‘bebas daripada keserabutan’, pilihan yang paling kerap digunakan sekalipun disembunyikan daripada pandangan biasa.
Untuk menyelesaikan masalah ini, kami melihat pemproses perkataan yang paling biasa digunakan. Kami mendapati bahawa ia biasanya mempunyai satu baris dengan pelbagai butang berhampiran bahagian atas skrin yang digunakan untuk memformat teks dan menyalin reka letak yang sama untuk versi 3. Kami kini mempunyai satu baris semua butang penggayaan teks yang sentiasa hadir di bahagian atas skrin anda. Ini menjadikan penggayaan sangat pantas dan hampir menjadi kebiasaan semula jadi anda dalam penyuntingan teks.
Konsep Penting #4: Pilihan Penggayaan Lanjutan Harus Fleksibel Namun Mudah Difahami
Kesimpulan bagi sesebuah pembina halaman ialah ia sepatutnya membolehkan orang ramai mencipta reka bentuk yang menakjubkan dengan mudah. Ini bermakna kami harus menyediakan pelbagai tetapan dan pilihan yang berbeza tanpa memerlukan keluk pembelajaran yang sukar. Keupayaan untuk melaraskan margin, padding dan penggayaan teks sememangnya hebat, tetapi itu sahaja tidak memadai. Anda memerlukan pilihan yang jauh lebih terperinci untuk menyelesaikan tugas, pilihan seperti imej latar belakang, corak, sempadan, latar belakang tetap dan banyak lagi. Menyusun semua tetapan berbeza tersebut boleh menjadi agak mengelirukan, jadi kami telah memudahkan sebahagian daripadanya dan mengaturnya dalam kategori untuk menjadikan semuanya lebih mesra pengguna dalam versi 3.
Konsep Penting #5: Sokongan Kod Pendek
Akhir sekali, jangan lupa bahawa pembina halaman kami berasaskan WordPress. Kami harus menerima platform tersebut dan ciri-cirinya serta tidak menyekatnya atau menyimpang daripadanya. Satu ciri hebat yang disediakan oleh WordPress ialah kod pendek. Ini tidak bermakna seluruh kandungan harus terdiri daripada kod pendek – itu akan menjadi serabut – sebaliknya kita hanya perlu serasi dengannya. Banyak pemalam dan tema menggunakan kod pendek, dan amat merugikan jika mengabaikan kesemuanya. Malah, kod pendek memberi pengguna fleksibiliti yang terbaik dalam mencipta halaman.
Kami telah memperkenalkan sistem pemetaan kod pendek kami beberapa minggu yang lalu, dan kerananya kami telah memetakan beratus-ratus kod pendek daripada beratus-ratus pemalam. Kami telah mengutamakan pemalam paling popular yang terdapat dalam direktori pemalam WordPress, jadi kemungkinan besar anda akan menemuinya di tapak anda sendiri. Ini telah diperkukuhkan lagi dalam versi 3, dan kami akan terus menambah baik perkara ini pada masa hadapan.
Kesimpulan
Kami telah mengambil semua ciri penting di atas dan menyepadukannya ke dalam Page Builder Sandwich versi 3. Ia merupakan pembina halaman terbaik yang pernah kami bina untuk WordPress setakat ini. Ia lebih intuitif dan lebih semula jadi untuk digunakan, berprestasi lebih pantas, lebih mudah digunakan, dan lebih mesra berbanding sebelum ini.
Jika anda mempunyai sebarang pandangan tentang ciri pembina halaman yang penting, beritahu kami dengan meninggalkan komen di bawah.