Niyə WordPress saytınızda UI elementləri olmalıdır və onları necə yaradın

Niyə WordPress saytınızda UI elementləri olmalıdır və onları necə yaradın

Niyə WordPress saytınızda UI elementləri olmalıdır və onları necə yaradın
СОДЕРЖАНИЕ
02 июня 2020

WordPress-də yapışqan UI elementlərindəki bu töhfə Lexie Lu tərəfindəndir.


Yapışqan UI elementlərinə gəldikdə bəzi qarışıq hisslər var. Bəziləri deyirlər ki, bunlar sosial media mübadiləsi seçimlərindən tutmuş şirkət məlumatlarına qədər hər şeyi daxil edə bilər – pis bir istifadəçi təcrübəsi qazanır. Lakin, hətta zərər verənlər bunların düzgün edildiyi zaman yüksək təsirli dizayn seçimlərinin olacağını qəbul edin.

Yapışqan elementlər (düymələr, məzmun blokları, sözdə digər formalarla birlikdə) "yapışqan naviqasiya") səhifədəki sabit elementlər istifadəçi aşağı diyirlədikcə yerində qalır. Yapışqan UI elementləri yaxşı və dəqiq bir məqsəd ilə dizayn edildikdə, tədqiqat göstərir bir ziyarətçidən veb saytınıza istədiyiniz hərəkəti əldə etmək üçün əla bir yoldur.

Bir sözlə, WordPress saytınız saytınıza edilən hər ziyarətin dəyərini artırmaq üçün yapışqan UI elementlərindən istifadə edə bilər. Bu elementlər bülleten qeydlərinə, sosial mediaların izlənməsinə və digər vacib çağırışlara səbəb ola bilər.

Bəlkə də ən başlıcası, istifadəçi təcrübəsini inkişaf etdirə bilər. Bütün bu üstünlükləri ilə, yapışqan naviqasiya təəccüblü deyil getdikcə ortaq olmağa populyarlıq içində böyüdükcə.

Redaktorun qeydi. Biz də müxtəlif yapışqan sayt elementlərindən zövq almağa böyüdük. CodeinWP blogu belə elementlərdən birini istifadə edir və biz də ən populyar mövzumuz Zerifin əsas xüsusiyyətlərindən biri olan yapışqan naviqasiya etdik.demoya baxın). Niyə? Yalnız istifadəçi üçün işləyir. Leksinin bunu ətraflı izah etməsini təmin edək:

WordPress-də yapışqan UI elementləri niyə işləyir

WordPress-də yapışqan elementlərdən səmərəli istifadə vacib məlumatları çatdırmaqda və saytınızdakı ziyarətçinin səyahətini asanlaşdırmaqda kömək edə bilər. Bir e-ticarət veb saytı, yapışqan naviqasiya daxilində dönüşümlərin 30 faizdən 33 faizə qədər artmasına kömək etdiyini aşkar etdi.

Tədqiqat məqsədləri üçün aparılan ayrıca A / B testi bunu tapdı 100 faiz ziyarətçi yapışqan dizayn elementlərinə üstünlük verdilər – baxmayaraq ki, bir çoxları bunun səbəbini dəqiq bilmirlər.

WordPress-də yapışqan UI elementlərinin gücündən istifadə etmək üçün sadəcə WordPress plaginini yükləyə və nömrələrinizin lövhədə yaxşılaşmasına baxa bilməzsiniz. Saytınız üçün ən yaxşı hansı elementlərin işləyəcəyini diqqətlə planlaşdırmalısınız. Ayrıca kodlaşdırma təcrübəniz olmadıqda bəzən çətin ola bilən bu elementlərin nəzərdə tutulmuş şəkildə işləməsini təmin etməlisiniz.

Xoşbəxtlikdən, onları WordPress saytınıza daxil etməyiniz üçün bir sıra müxtəlif UI elementləri və plaginlər var:

Sosial mediada paylaşma düymələri

İnternet saytlarına rast gəlmək yolu dəyişdi. Çox ziyarətçilərin bir URL yazdıqları və sonra məzmuna baxaraq gəldikləri günlər çox keçdi. Bəzən yenə də belə olsa da, sosial mediadan daha çox trafik gəlir.

Orta hesabla sosial media sürür Bütün trafikin yüzdə 31i veb saytlarına. Bəzi veb saytlar üçün bu rəqəm şübhəsiz ki, daha aşağı olsa da, məcburedici məzmun yaratmağın vacibliyini vurğulayır.

(Diaqram WordPress Diaqramları və Qrafikləri Lite.)

Yaxşı məzmun, ancaq ilk addımdır. Siz həmçinin istifadəçilərə çılpaqlıqla müraciət edə bilərsiniz və insanların məzmununuzu bölüşmələrini gülməli şəkildə asanlaşdıraraq müraciət trafikini artıra bilərsiniz. Bunun yaxşı bir yolu, məzmununuzu müşayiət etmək üçün yapışqan sosial media düymələrindən keçir.

WordPress-də yapışqan / üzən sosial media düymələrini əlavə etmək üçün heç bir çatışmazlıq yoxdur. Əhəmiyyətli olan, mövzunun dizaynı ilə intuitiv davranan birini seçməkdir. Üzən sosial media düymələrinin nümunələri çoxdur olduqca qəribə davranmaq mobil və ya masa üstü brauzer pəncərələri ölçüsü dəyişdirildikdə.

Zəif dizayn nəzərdə tutulduğu kimi əks effekt verə bilər, çünki mətn və fotoşəkilləri gizlətməyən yapışqan sosial media düymələri heç bir sosial media paylaşımlarına səbəb olmayacaq. İstifadəçi təcrübəsini düzgün əldə etməyi bacaran saytlara nəzər yetirin.

Sosial media düymələrinizin nəzərdə tutulduğu kimi davrandığınızdan əmin olmaq üçün WordPress-in çox sayda eklenti ilə mümkün qədər çox cihaz və əməliyyat sistemini sınayın..

Burada CodeinWP-də yayımlanan 30-dan çox sosial media plagininin iki hissəli siyahısı var. Əminəm ki, orada sizin üçün mükəmməl plagin tapacaqsınız.

Vacib məlumat qutusu

Veb saytınızdan asılı olaraq bəzən yapışqan elementinizin yan çubuğundakı bəzi əlavə məlumatları çatdırmaq lazımdır. Əlaqə məlumatlarını saytınıza daha çox yerləşdirmək, sadə, lakin təsirli bir çağırışdır. 12Keys, böhran içində ola bilən ziyarətçilər üçün xüsusilə vacib olan bir nəzər nöqtəsi ilə əlaqə məlumatı verməklə bunu çox təsirli edir..

12keysrehab

Bu həm də etimadnamənizi, mükafatlarınızı və bu xətlər boyunca hər şeyi vurğulayaraq etimad yaratmağa kömək edə biləcəyiniz bir yer ola bilər. Özünüz və ya veb saytınız haqqında bir az daha izah edərək şəxsi toxunuş əlavə etmək üçün yaxşı yerdir.

Xoşbəxtlikdən, saytınızda həyata keçirmək üçün ən asan element növüdür. Mətndən və bəlkə də e-poçtunuza bir keçiddən başqa bir şey barədə narahat olmağınız lazım deyil. Bu plugin sizə kömək edə bilməlidir:


Yapışqan element Yapışqan element

Müəllif (lər): Stew Heckenberg

Cari versiya: 1.3.5

Son Yeniləmə: 26 Yanvar 2019

yapışqan -element.1.3.5.zip


74% Reytinqlər


600 + quraşdırır


WP 3.0 + tələb olunur

Məqsəd, yan çubuğun elementini çox qarışıq və ya yayındırıcı hala gətirməməkdir. Ziyarətçi saytda olduqda orada olacaq, buna görə də onları pis dizayn edilmiş və ya həddən artıq xas olan bir şey ilə bağlamaq istəmirsiniz. Üzən yan çubuğu müşayiət olunan məzmun üçün tortda buzlanma olmalıdır deyə, sadəliyin tərəfində səhv.

Yapışqan menyular

Yapışqan menyular, bəlkə də WordPress-də bütün yapışqan UI elementlərinin ən aşağısıdır, lakin bunlar da ən faydalı biridir.

Fikir sadədir. İstifadəçi aşağı diyirlədikcə menyu yerində möhkəm qalır.

Ancaq bunu bir sıra fərqli yollarla həyata keçirə bilərsiniz:

a) Ən yuxarıda standart yerləşdirmə üçün gedə bilərsiniz.

Bu ThemeIsle komandasının özləri ilə etdikləri şeydir Zerif tema, məsələn (görə bilərsiniz burada canlı demo):

Zerif yapışqan elementlər

Buradakı əlavə bir bonus, menyu’nın sadə bir sıra menyu deyil, mega menyusu olmasıdır – maddələrin hər birinin üzərində gəzdikdə daha mükəmməl bir quruluş ortaya qoyur:

mega menyusu

b) Menyunu yan tərəfə qoyun.

Bəzi dizaynlar üçün, xüsusən də hekayələrini izah etmək üçün vizual şəkildə bahis edən fotoşəkilli saytlar üçün xoş bir seçimdir.

Bunlardan bir nümunə RichBrown.info:

RichBrown

Aşağıya diyirlədikdə menyu sağa sabitlənir.

c) altına qoyun.

Altı sabit bir menyu üçün başqa bir maraqlı yerləşdirmədir və xüsusilə menyunu bir mətn satırından biraz daha uzun etmək istəyirsinizsə.

Burada bir nümunə güllə:

güllə

Gördüyünüz kimi, menyuda şəkillər + mətn yer alır, beləliklə saytın altındakı qiymətli yer tutmamaq üçün alt hissəyə yerləşdirildi.

Vacib e-poçt qeydləri

Yəqin ki, bildiyiniz kimi, tamaşaçıya çatdırmağın ən yaxşı yollarından biri e-poçt vasitəsidir. Abunəçilər siyahısına göndərilən bir e-poçt beş dəfə çox ehtimal olunur Facebookdakı bir yazıdan daha çox görmək.

E-poçt abunəçilərinin keyfiyyət siyahısının yaradılması işinizi növbəti səviyyəyə qaldırmaq üçün vacibdir. Yapışqan formalar sayəsində abunəçilər almaq düşündüyünüzdən daha asandır.

Bir sayt ziyarətçisini poçt siyahısına daxil olmağa təşviq etməyin bir çox yolu var. Yan paneldə və ya səhifənizin yuxarı hissəsində yapışqan bir forma böyük bir kömək ola bilər. Bunu yaxşı edən bir saytdır On ikiSkip, rəqəmsal media şirkəti. Səhifənin yuxarı hissəsindəki hərəkətə çağırışları aydındır və həddən artıq üzünüzə və ya diqqətinizi çəkmədən diqqəti cəlb edir..

twelveskip

Yan çubuğunuzun üstü başqa bir yaxşı yer e-poçt abunəçilərini əldə etmək. Bəzən insanların qeydiyyatdan keçə biləcəyi çox yerlərə sahib olmaq zərər vermir. E-poçt abunəçiləri o qədər dəyərlidirlər ki, siyahını tərtib etmək üçün əlavə səy göstərməyə dəyər.

Məsələn, CodeinWP bu məqsəd üçün çox sayda forma və yapışqanlardan çoxunu istifadə edir. Bu kimi:

kodinwp

Yapışqan reklamlar

Etiraf edək – reklamlar çoxumuz üçün zəruri bir pislikdir. Oxucularımız onları bəyənmir və bir çox veb yaradıcısı da yoxdur. Bununla birlikdə, hesabları ödəmək üçün vacibdir və rəqəmsal reklamın daxil olduğu yerdir.

Time Magazine öz reklamlarını yapışqan bir blok kimi istifadə edir, buna görə nə zaman aşağıya fırlanır hər hansı bir məqaləni oxuyursan.

vaxt

Nəhəng bir sıçrama reklamından və ya pop-updan daha az müdaxilədir, buna görə də çox oxucunu söndürmədən bir az gəlir əldə etmək pis bir yol deyil.

Bütün reklam kimi bu da yalnız moderasiya şəraitində aparılmalıdır. Bir yazının soluna və ya sağındakı reklam divarları dərhal bağlanır. Bir və ya iki, daha çox məqalənin bağlantısı ilə birlikdə, reklamla məşğul olmaq üçün yaxşı bir yoldur.

WordPress-də yaradıcı yapışqan UI elementləri

Yuxarıda sadalananlardan başqa, WordPress-də yapışqan UI elementlərindən istifadə etməklə daha yaradıcı ola bilərsiniz, lakin bu da onların həyata keçməsi üçün daha çox iş görmək deməkdir..

Burada bir nümunə var Gavick.com:

ada

O sayta daxil olsanız, aşağıya doğru hərəkət etdiyiniz zaman bütün adanın mərkəzdə qaldığını görərsiniz. Ön planda və arxa planda dəyişir, amma həmişə mərkəzdədir. Bu cür şey həqiqətən istifadəçinin diqqətini çəkir.

WordPress-də yapışqan UI elementlərindən yaradıcı istifadə üçün həqiqətən heç bir məhdudiyyət yoxdur … kimsə ada yapışqan edə bildiyindən.

Doğru plagini necə tapmaq olar?

Var plugins çatışmazlığı yoxdur Mövzuya yapışqan elementlər tətbiq etməyə kömək edə biləcək WordPress.org saytında. Bəziləri mövzu ilə gözəl işləyir, bəziləri saytınız üçün optimallaşdırılmaya bilər. Ən yaxşısını tapmaq üçün bir az sınaq və səhv olacaq.

Sosial media trafikini idarə etmək və ya vacib məlumatları oxuculara çatdırmaq istəsəniz, son nəticə buna dəyər olacaq. Dizayn sorğularının olmadığını təmin etmək üçün plaginlərinizi geniş şəkildə sınadığınızdan əmin olun.

Lexie Lu Müəllif haqqında: Lexie Lu sərbəst dizayner və blogerdir. Ən son tendensiyaları araşdırmaqdan zövq alır və həmişə yaxınlıqda bir fincan qəhvə içir. O idarə edir Dizayn qovurma və Twitter-də izlənilə bilər @lexieludesigner.

Karol K tərəfindən edilən bütün düzəlişlər və hazırcavablar.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector