Page Builder Sandwich-i ictimaiyyətə təqdim etməyimizdən 10 ay ötür. İndi təxminən 6 000 aktiv quraşdırmamız var və bu, bizim üçün kifayət qədər böyük bir nailiyyətdir. Bunun sayəsində həm yaxşı, həm də pis çoxlu rəylər almışıq. Lakin ümumi rəy bundan ibarətdir ki, digər səhifə qurucuları ilə müqayisədə insanlar burada tərtibatlar qurmağın və məzmunlarını yaratmağın nə qədər asan olmasından zövq alırlar.
Aldığımız rəylərin böyük hissəsi funksiya tələbləri idi və son bir neçə ay ərzində bu funksiyaların bir çoxunu əlavə etdik. Lakin bunu davam etdirdikcə, bu prosesdə yavaş-yavaş istifadəçi interfeysini də dəyişməyə başladıq. Və nəticədə, istifadəçi təcrübəsini də dəyişirdik… mənfiyə doğru. Lakin iş o yerə çatmışdı ki, interfeysi yenidən nəzərdən keçirməli idik, çünki o artıq rəvan işləmirdi və fərqli funksiyalar da onunla bir-birinə uyğun gəlmirdi.
Köhnəlmiş İnterfeys
PBS-in əvvəlki versiyalarında hər şeyin düymələr şəklində olmasını istəyirdik. Niyə? Çünki düymələrdən istifadə etmək asandır. Sadəcə… onların üzərinə klikləyirsiniz. İnspektorun köhnə versiyalarında (yuxarıdakı şəkildəki yan panel) düyməyə klikləmək dəyəri artırır, Shift+klikləmək isə onu azaldırdı. Bu, kifayət qədər asan səslənir. Lakin karusellər, vərəqlər, xəritələr və digər yeni elementlər və funksiyaların əlavə edilməsi ilə bütün bu düymələr müxtəlif dizaynlı fərqli ikonların qarışığına çevrildi və gözəl bir interfeysdən daha çox heroqliflərə bənzəməyə başladı. Bu, təcrübəli istifadəçilər üçün problem deyildi, lakin PBS-də yenisinizsə, baxmaq kifayət qədər qorxuducu görünürdü.
Daha sonra, inspektorda bir neçə problem üzə çıxmağa başladı. İlkin fikir hər şeyi inspektorun daxilində sadə və əlçatan etmək idi. Və hər şey deyəndə, mən hər şeyi – mətni başlıqlara çevirməkdən tutmuş fon rənglərini, şrift rənglərini dəyişməyə qədər və s. nəzərdə tuturdum. Lakin onun hazırkı vəziyyətində inspektor artıq siçan təkərciyindən istifadə edərək davamlı olaraq yuxarı və aşağı sürüşdürməyinizi tələb edən çoxlu seçimlər ehtiva edir. Əvvəllər istifadəçilər üçün hazırlamağa ümid etdiyim inspektordan xeyli fərqlidir.
Nəhayət, bu yaxınlarda sevimli plaginləriniz üçün qısa kod xəritələnməsini. Bu funksiya qısa kod redaktəsi təcrübənizi daha xoş etmək üçün tələb olunan mətn sahələri, rəqəm sürgüləri, onay qutuları və əlavə yeni seçim növləri tərtib etməyimizi tələb etdi. İlkin olaraq bu yaxşı bir fikir idi və bəli, qısa kodları idarə etməyi sizin üçün asanlaşdırdı. Lakin yenə də bu funksiya bizim “yalnız düymələr” interfeysimizdən kənara çıxdı. Keçmişə baxdıqda, qısa kod atributlarını dəyişmək üçün yalnız düymələrdən istifadə etmək həqiqətən qeyri-mümkün idi. İndi, ən son versiyada, nəticədə 2 növ idarəetmə elementimiz qaldı: düymələr və qısa kod sahələri.
İnterfeysimizin artıq səmərəli olmadığını (və ya ehtiyaclarımıza uyğun gəlmədiyini) qərara almağımıza səbəb olan daha bir neçə amil var, lakin yuxarıdakı bəndlər əsas olanlardır. Lakin bir şey həmişə dəqiq idi: interfeysi yeniləməli olduğumuzu bilirdik.
Bir Səhifə Qurucusunun İdeal Olaraq Necə İşləməli Olduğunun Müəyyənləşdirilməsi
Dərhal işə girişib hər şeyi dəyişmək əvəzinə, bütün səhifə qurucusu təcrübəsinə nəzər salmaq üçün yüz addım geri çəkildik. İnterfeysə yeni nəfəs gətirmək istəyirdik. Düzünü desək, onu ildən-ilə yenidən qurmağa davam etmək istəmirdik. Bu, yorucudur və qətiyyən WordPress icmasına əhəmiyyətli bir fayda vermir. Bu dəfə işləri yavaş və ehtiyatla görməyə qərar verdik. Biz Page Builder Sandwich-in hər küncünü və onu nəyin yaxşı səhifə qurucusu etdiyini araşdırdıq və nəhayət, bütün redaktə təcrübəsini bir neçə əsas konsepsiyada formalaşdırdıq.
Əsas Konsepsiya №1: Elementləri Redaktə Etmək üçün Birbaşa Məzmunun Daxilində Yazmaq
Səhifə qurucusu quraşdırmağın əsas səbəblərindən biri WordPress-in arxa panel mətn redaktorunun məhdudiyyətlərindən qurtulmaqdır. Məsələ arxa panel redaktorunun pis olması deyil, sadəcə veb-səhifələrinizi yaradarkən, o, veb-səhifənizin sayt ziyarətçilərinizə necə görünəcəyini dərhal sizə göstərmir, nə də məzmununuzu bir sütunlu tərtibatdan kənarda düzməyə imkan verir. Orada yalnız mətninizi və bəzi şəkilləri görə bilərsiniz, lakin daha mürəkkəb elementlərin heç birini (məsələn, əlaqə formaları) görə bilməzsiniz. Qısa kodlar əlavə edə bilərsiniz, bəli, lakin onlar göstərilmiş formada görünməyəcək*.
* Bunu həll etmək üçün başqaları tərəfindən hazırlanmış Shortcake UI kimi plaginlər var, lakin bu, mövzudan kənardır.
Məhz burada ön tərəf səhifə qurucuları işə düşür. Onlar redaktə təcrübəsini arxa paneldən ön tərəfə daşıyır və siz saytınızı ziyarətçilərinizin həqiqətən görəcəyi şəkildə redaktə edirsiniz. Pippinin dediyi kimi: Nə görürsənsə, onu da alırsan (WYSIWYG).
Ön tərəf redaktoru olmağın digər yaxşı cəhəti ondan ibarətdir ki, o, mətninizi birbaşa redaktə etməyə imkan verir. Başlıqları və paraqrafları yazmaq veb-sayt quruculuğunda adi mətn prosessorundan istifadə rahatlığını təmin edir. Düymələr və vərəq etiketləri də sadəcə üzərilərinə klikləyib yazmaqla dəyişdirilə bilən olmalıdır.
Bu, digər səhifə qurucularının əksəriyyətinin yaxşı nəticə göstərmədiyi sahədir. Onların çoxu hər şeyi redaktə etmək üçün sizi mətn sahəsinin daxilində yazmağa məcbur edir. Bir daha qeyd edək ki, əsl ön tərəf səhifə qurucularında belə olmamalıdır. Mətni birbaşa yazmaq və redaktə etmək versiya 2-dən bəri Page Builder Sandwich-in güclü tərəfi olub və versiya 3-də də bunun qorunub saxlanılmasını təmin etdik.
Əsas Konsepsiya №2: Cəld Düzəlişlər üçün Siçandan İstifadə
Siçan səhifə qurucularında tez-tez diqqətdən kənarda qalan güclü bir alətdir. Çox vaxt səhifə qurucuları ondan insanların elementləri müxtəlif yerlərə sürükləyib buraxması və ya düymələrə və ya daxiletmə sahələrinə klikləməsi üçün istifadə edirlər. Bu normal olsa da, səhifə quruculuğu baxımından siçanla edə biləcəyiniz daha çox şey var.
Məsələn, səhifəni redaktə etmək üçün siçandan bir alət kimi istifadə edərkən, xüsusən kənar boşluqlar, daxili boşluqlar və ölçülər kimi vizual xüsusiyyətləri tənzimləyərkən möhtəşəm vizual rəy mövcuddur. İndi elementlərinizi tənzimləmək təbii bir təcrübəyə çevrilir.
PBS versiya 3-də siçanınızdan istifadə edərək bir sıra şeyləri tənzimləyə biləcəksiniz. Ayrı-ayrı elementlər arasındakı kənar boşluqları/məsafələri, sütunlarınızın daxilindəki boşluqları, eləcə də şəkillərin, ikonların və xəritələrin ölçülərini tənzimləyə bilərsiniz. Həmçinin ədədi dəyərləri dəyişməyə imkan verən düymələri sürgülərlə əvəz etdik.
Əsas Konsepsiya №3: Mətni Üslublaşdırmaq Asan Olmalıdır
Monitorunuzdan bir addım geri çəkilsəniz, veb-səhifələrinizə əlavə etdiyiniz şeylərin əksəriyyətinin mətn məzmunu olduğunu görəcəksiniz. Bəli, onları müşayiət etmək üçün orada şəkillər və ikonlar var – və son vaxtlar saytlarımıza daha böyük şəkillər əlavə etməyə meyilliyik. Lakin vacib məzmunun böyük hissəsi mətndir: başlıqlar, markerlənmiş siyahılar, paraqraflar, sitatlar və s. Bununla yanaşı, mətnimizi dizaynlarımıza uyğunlaşdırmaq üçün onu necə üslublaşdırmağımız da önəmlidir. Biz ya onların ölçülərini və rənglərini dəyişirik, ya da qalın və ya kursiv edirik. Bu, məzmunumuzun oxucularımız üçün daha oxunaqlı, aktual və cəlbedici olması üçündür.
Mətni tez-tez üslublaşdırdığımız üçün üslubları dəyişməyə imkan verən düymələr çox əlçatan olmalıdır. Onlar əvvəlcə açmalı olduğumuz açılan pəncərənin içində gizlədilməməlidir. Səhifə qurucularının əksəriyyəti bu çatışmazlıqdan əziyyət çəkir. İstifadəçi interfeyslərinin ‘səliqəli’ adlandırılması üçün hətta ən çox istifadə olunan seçimlər belə gözdən gizlədilir.
Bunu həll etmək üçün ən çox istifadə olunan mətn prosessorlarına nəzər saldıq. Mətni formatlamaq üçün ekranın yuxarı hissəsinə yaxın çoxlu düymələrdən ibarət bir sıranın olduğunu gördük və versiya 3 üçün eyni tərtibatı kopyaladıq. İndi ekranınızın yuxarısında hər zaman görünən bütün mətn üslublaşdırma düymələrindən ibarət bir sıramız var. Bu, üslublaşdırmanı həqiqətən sürətli və mətn redaktəsində vərdiş edilmiş bir prosesə çevirir.
Əsas Konsepsiya №4: Təkmil Üslublaşdırma Seçimləri Çevik, Lakin Başa Düşülməsi Asan Olmalıdır
Səhifə qurucusunun əsas məğzi ondan ibarətdir ki, o, insanlara asanlıqla heyrətamiz dizaynlar yaratmağa imkan verməlidir. Bu o deməkdir ki, öyrənmə prosesini çətinləşdirmədən çoxlu sayda müxtəlif tənzimləmələr və seçimlər təqdim etməliyik. Kənar boşluqları, daxili boşluqları tənzimləmək və mətni üslublaşdırmaq əladır, lakin bunlar yalnız müəyyən yerə qədər kömək edə bilər. İşin öhdəsindən gəlmək üçün fon şəkilləri, naxışlar, çərçivələr, sabit fonlar və daha çoxu kimi daha təfərrüatlı seçimlərə ehtiyacınız olacaq. Bütün bu müxtəlif tənzimləmələri bir araya toplamaq bir qədər qarışıq ola bilər, ona görə də versiya 3-də hər şeyi daha anlaşıqlı etmək üçün bəzilərini sadələşdirdik və kateqoriyalar üzrə təşkil etdik.
Əsas Konsepsiya №5: Qısa Kod Dəstəyi
Nəhayət, unutmayaq ki, səhifə qurucumuz WordPress üzərində qurulub. Biz platformanı və onun funksiyalarını qəbul etməli, onları məhdudlaşdırmamalı və ya onlardan kənara çıxmamalıyıq. WordPress-in təqdim etdiyi ən böyük funksiyalardan biri qısa kodlardır. Bu, bütün məzmunun qısa kodlardan ibarət olması demək deyil – bu, qarışıqlıq yaradardı – əksinə, biz sadəcə onlarla uyğun olmalıyıq. Çoxlu plaginlər və mövzular qısa kodlardan istifadə edir və onların hamısına məhəl qoymasaydıq, bu böyük bir itki olardı. Əslində, söhbət səhifələr yaratmaqdan getdikdə qısa kodlar istifadəçilərə maksimum çeviklik verir.
Bir neçə həftə əvvəl qısa kod xəritələmə sistemimizi təqdim etdik və bunun sayəsində yüzlərlə plagindən yüzlərlə qısa kodu xəritələdik. WordPress plagin kataloqunda olan ən populyar plaginlərə üstünlük vermişik, ona görə də çox güman ki, öz saytlarınızda onlarla qarşılaşacaqsınız. Bu, versiya 3-də yalnız daha da gücləndirildi və gələcəkdə bunu təkmilləşdirməyə davam edəcəyik.
Nəticə
Yuxarıdakı bütün vacib xüsusiyyətləri götürərək Page Builder Sandwich versiya 3-ə daxil etdik. Bu, indiyə qədər WordPress üçün qurduğumuz ən yaxşı səhifə qurucusudur. İstifadəsi daha intuitiv və daha təbiidir, daha sürətli işləyir, istifadəsi daha asandır və həmişəkindən daha anlaşıqlıdır.
Əgər vacib səhifə qurucusu funksiyası ilə bağlı hər hansı fikriniz varsa, aşağıda şərh yazaraq bizə bildirin.