CSS Hero Review: WordPress mövzu özelleştirme asandır!

Bir veb saytın istədiyinizi necə edəcəyinizi dəqiqləşdirməyə gəldikdə, mövcud müxtəlif WordPress mövzularının dəqiq sayı əsl fayda gətirir! Və axtarışa kifayət qədər vaxt sərf etsəniz, saytınız üçün tamamilə mükəmməl bir mövzu tapa bilərsiniz. Ancaq istədiyiniz şeyə yaxınlaşa biləcəyiniz bir ehtimal var, ehtimal ki, hələ də əlaqəniz azdır. Axı, əvvəlcədən hazırlanmış bir mövzu həqiqətən bir insanın ehtiyaclarını bir T-yə uyğunlaşdıra bilərmi? …

Beləliklə, istədiyinizə yaxın bir mövzu tapmağı bacarmısınız, amma yenə də bəzi dəyişikliklər etməlisiniz? Əlbəttə ki, tələb olunan bacarıqlarınız varsa heç bir problem yoxdur – istədiyiniz kimi dəyişdirə bilərsiniz. Bəs daxil olmaq və lazımi sənədlərə öz dəyişikliklər etmək barədə etimadınız yoxdursa nə olacaq?

Bu gün sizi çox faydalı bir plugin ilə tanış etmək istərdim: CSS Hero, özünüzü kiçik və ya nisbətən böyük ölçüdə vizual özelleştirmelerinizi etməyə imkan verən bir plugin: bir kod xəttinə toxunmadan!

CSS Qəhrəmanı nədir?

CSS Hero bir mövzu özelleştirme plaginidir (xüsusiyyətlərə bax)

Bu qədər sürükleyici səhifə qurucu plaginlərinə bənzər yer tutur. Ancaq səhifə qurucuları sıfırdan xüsusi bir nizam yaratmağı təşviq etdikdə, CSS Hero mövcud WordPress mövzusunu istədiyiniz şəkildə çimməyə imkan verir.

Bu, ümumiyyətlə iştirak edən hər hansı bir geliştirici bacarığına sahib olmadan, bir geliştirici olaraq oynamağa imkan verir. Peşəkar olaraq hazırlanmış WordPress mövzusundan istifadə etməyə davam edir, bilirsiniz, təsadüfi modulları işə salan kimsə deyil, səhifə qurma plaginləri, tələblərinizə uyğun kiçik xırdalıqlar edərkən mütəxəssis deyil.

Saytdakı heç bir maddə məhdud deyil – hər şeyi və hər şeyi düzəldə bilərsiniz. CSS Hero, özelleştirmelerinizi yeni CSS stil cədvəlinə tətbiq olunan müvafiq CSS koduna çevirir (orijinal stil cədvəli heç bir gələcək problemdən qaçınmaqla).

CSS Hero hər hansı bir WordPress mövzusu ilə də işləyir. Uyğunluq üçün geniş sınaqdan keçmişlər adlandırılır, sınanmamış mövzular hələ də dəstəklənir.

Qiymətlər

CSS Hero, əlverişli bir mükafat plaginidir. Rəqabətinizi əks etdirmək üçün ən populyar səhifə qurucusu plaginləri ilə eyni dərəcədə carillo.

Əsas lisenziyanın qiyməti 29 dollardır və tam CSS Hero plagininə (yalnız bir veb saytında istifadə etməyiniz məhdud olsa da) daxil olmaq imkanı verir.

Birdən çox veb saytında CSS Hero istifadə etmək istəyirsinizsə, seçimləriniz:

Güman etdiyiniz kimi, lisenziya yaradıcı agentliklər və peşəkar tərtibatçılar üçün nəzərdə tutulub. Həm lisenziya, həm də lisenziya, premium plugin, Inspector Pro-a daxil olmaq üçün gəlir.Bunu daha sonra səhifədə daha ətraflı şəkildə əhatə edəcəyik.

Hər üç CSS Hero lisenziyası bir il müddətinə etibarlıdır, yeniləmələrə və bir il müddətinə dəstək verin və 30 günlük pul geri zəmanəti ilə gəlin.

Başlayır

Satınalmadan sonra CSS Hero idarəetmə panelinə yönəldiləcəksiniz. Oradan, təsir edici CSS Qəhrəmanlıq Akademiyasına əlavə olaraq, plaginin geniş sənədlərini əldə edə biləcəksiniz. Akademiya yeni pluginlərinizdən maksimum yararlanmağa kömək edən yeni başlayanlar üçün bir sıra tutorial videosu ilə gözəl bir toxunuşdur (uyğunlaşmaq üçün digər inkişaf etmiş plaginləri görmək istərdim).

CSS Qəhrəmanı paneli

Panel başqa bir vacib funksiyanı yerinə yetirir: bu, CSS Qəhrəmanını yüklədiyiniz yerdir və lisenziyanızdan asılı olaraq Müfəttiş Pro pluginləridir.

Tam yüklənmə ilə WordPress tablosuna daxil olun. >> gedin, sonra plugin zip fayllarını yükləmək və plagini aktivləşdirmək üçün təlimatlara əməl edin. Əvvəllər bir WordPress plagini quraşdırmısınızsa, hamısı sizin üçün çox tanışdır.

Bununla birlikdə, CSS Hero quraşdırılması əlavə bir addım tələb edir: doğrulama. Mavi düyməni vurun, sonra lisenziyalarınızdan birini qeyd edərkən təlimatlara əməl edin. İndiyə qədər yaxşıdır.

CSS Hero indi bir vasitədir və real vaxt dəyişiklikləri görə biləcəyiniz yerlərdə belə bir düzəliş aparılır. Saytınızın ön hissəsinə daxil olun və ekranın yuxarı sağ küncündə yeni bir mavi simvol görəcəksiniz. Yeni plugininizi istifadə etməyə başlamaq üçün buraya vurun.

CSS Qəhrəmanı nişanı

CSS Qəhrəmanı redaktoru

Mavi simgəni tıkladıqdan sonra CSS Hero-nun işə düşməsini bir neçə saniyə gözləməli olacaqsınız. Plugin aktivləşdirildikdən sonra veb saytınızı dizayn etməyə və düzəltməyə başlaya bilərsiniz.

Başlamaq üçün seçimlər panelinin yuxarısındakı mavi işarəni vurun. Necə davam edəcəyinizə əmin deyilsinizsə, plugin sizə bütün əsasları əhatə edən faydalı bağlantılar təqdim edəcəkdir. Ancaq sağa dalmağa hazır olsanız, səhifənizdəki hər hansı bir elementi hədəf almağa və düzəltməyə başlaya bilərsiniz.

Redaktə etmək istədiyiniz elementin üzərinə gedin və sonra vurun (aşağıdakı ekran görüntüsündə göründüyü kimi nisbətən əsas məzmun paraqrafına baxmağa başlayaq). Tıklandıqdan sonra, CSS Hero elementinizi kilidləyəcək, yəni onu dəyişdirməyə başlaya bilərsiniz.

CSS Qəhrəmanı hədəf elementi

Prosesi mümkün qədər sadə etmək üçün, CSS Hero, seçdiyiniz maddənin növündən asılı olaraq özelleştirme seçimlərinin siyahısını təqdim edəcəkdir. Bir abzas seçdikdən sonra seçimlərim şriftləri, arxa planları və haşiyələri dəyişdirmək və mətnin ətrafındakı doldurmağı tənzimləməkdir.

Elementləri düzəltmək asandır, sağdakı menyu çubuğundan idarə olunan hər şey, həqiqi vaxtda əvvəlcədən görünən dəyişikliklər. Başlamaq üçün mətnin xüsusiyyətlərinə diqqət yetirməyi qərara aldım. Bu seçim seçildikdə, CSS Hero mətni konfiqurasiya etmək üçün mövcud olan bütün variantları göstərir:

  • Şrift üzü: hər Google şriftini seçmək üçün
  • Şrift rəngi
  • Şrift ölçüsü
  • Şrift çəkisi
  • Mətnin uyğunlaşdırılması
  • Mətn çevrilməsi – məsələn, böyük hərf
  • Sözlər arasındakı boşluq
  • Xətt boyu

İstədiyiniz dəyişiklikləri düzəldin və mətnə ​​necə bir saniyədən sonra bir hissəyə müraciət etdiklərini görün.

CSS Qəhrəmanı yazı tərzi

Sonra geri dönüb abzasınız üçün bir fon qura bilərsiniz; Yenə də CSS Hero sizə tam nəzarət imkanı verir. Xüsusi bir şəkil yükləyə, rəng seçə və ya bir fon kimi göstərə bilmək üçün bir gradient təyin edə bilərsiniz.

CSS Qəhrəmanı Background Gradient

Ayrıca, sərhəd tərzi, eni və rəngində tam rahatlıq olan paraqraf sərhədləri üçün eyni seçimləriniz var.

CSS qəhrəman sərhəd tərzi

Hətta bəzi əvvəlcədən qurulmuş sərin üslublar var, məsələn mətni bir düyməyə çevirmək və ya müxtəlif sərin sxemlərdə hazır bir fon göstərmək.

CSS Hero ReadyMade üslubları

Bir anda bir bölümdəki dəyişikliklərlə işləməməyi üstün tutursanız, bütün uyğunlaşdırma seçimlərini bir rahat ekranda sadalayan seçim də edə bilərsiniz.

Dəyişiklikləri geri qaytarın

Mətnə dəyişiklik etdikdə, CSS Hero onları veb saytınızın canlı versiyasına tətbiq edəcəkdir. Ancaq bu anda daimi dəyişikliklər etməkdən narahat olmayın: dəyişiklikləri tətbiq etməzdən əvvəl düyməni basaraq və ya vuraraq onları silmək seçiminiz var.

Ancaq vurduqdan sonra da istenmeyen dəyişikliklərdən yapışmayacaqsınız. Orijinala qayıtmaq üçün CSS Qəhrəmanı menyusunun yuxarı səviyyəsinə qayıdın, bölməyə gedin və sonra seçimi seçin.

Ayrı-ayrı bir elementi zavod parametrlərinə qaytarmaq da mümkündür: bərpa etmək istədiyiniz elementi vurun, sonra menyunun sağındakı '' sıfırlama 'nişanını vurun. Mətbuatı təsdiqləyin və üsyankar elementiniz əvvəlki şöhrətinə qaytarılacaqdır.

Əvvəldə qeyd etdiyim kimi, bütün özəlləşdirmə tərz cədvəlinə tətbiq olunur. Ən pis bir şey olarsa, temanız üçün orijinal stil cədvəli bütöv qalacaq. Bu o deməkdir ki, CSS Qəhrəmanı ilə etdiyiniz dəyişikliklərdən asılı olmayaraq heç bir uzunmüddətli zərər verə bilməz. Bütün digər bərpa seçimləri uğursuz olarsa, uca mövzunu bərpa edə və asanlıqla yata bilərsiniz.

Hər hansı bir elementi düzəldin

CSS Hero'nun güclü tərəflərindən biri, nə qədər böyük və ya kiçik olursa olsun, səhifənizdəki istənilən elementi redaktə etməyə imkan verməsidir.

Böyük şəkilə baxaraq saytınızın arxa görüntüsünü, yan çubuğu üslubunu və altbilgi hissəsini düzəldə bilərsiniz.

Bu, paraqrafımızı düzəltmək üçün istifadə etdiyimiz eyni prosesdən istifadə edərək tamamlanır, lakin CSS Hero saytınızın estetikasında əsaslı dəyişiklik etmək üçün istifadə edilə biləcəyini göstərir. Aşağıdakı ekran görüntüsünə nəzər yetirin, burada mənim yan çubuğumun fonunu dəyişdirdim, widget başlığı üslublarını dəyişdirdim və eyni zamanda məkanı yenidən düzəldin. Budur əsas vuruş:

Çəkilişdən əvvəl CSS Hero

Budur, uyğun gəlir: Mən dizayner deyiləm, etiraf edirəm, amma bu işi həyata keçirmək üçün bir neçə saniyə çəkdi.

Ekran görüntüsündən sonra CSS Hero

Şəkillər, keçid rəngləri və siyahı üslubları kimi kiçik məzmun elementlərini də düzəldə bilərsiniz. Siyahı üslubları xüsusilə maraqlıdır, çünki xüsusi bölmədən xüsusi güllə seçə bilərsiniz. Əvvəlcədən hazırlanmış altı sərin güllə, o cümlədən kvadratlar, ondalık və Roma rəqəmləri ilə dəstəklənir və ya daha çox şəxsi toxunuş üçün öz xüsusi nişanlar yükləyə bilərsiniz.

İnşallah saytınızın dizaynını necə nəzərdən keçirə biləcəyiniz barədə bir fikir verəcəkdir. WordPress temanız təməlini təmin edir, ancaq CSS Hero sayəsində veb xəttinizdəki hər pikseli kod xəttinə toxunmadan uyğun olaraq tənzimləyə bilərsiniz.

Digər Xüsusiyyətlər

CSS Hero-nun diqqətinizi çəkmək istəyəcəyim bir neçə digər gözəl xüsusiyyətləri var.

Birincisi. Həssas dizayna artan bir vurğu ilə veb saytınızın hər cür və ölçülü cihazlarda rəvan işləməsi vacibdir. CSS Hero saytınızı masaüstündə, planşetdə və mobil görünüşdə görmək imkanı verən daxili bir xüsusiyyət ilə gəlir.

İstədiyiniz görünüşü alətlər çubuğundan seçin (ikinci seçimdir) və CSS Hero'nun ekranınızı uyğun ölçüyə çevirməsinə icazə verin. Bu kiçik cihazlarda etdiyiniz dəyişiklikləri sınamaq üçün əla bir yoldur.

CSS Hero tablet görünüşü

Sonrakı, vacib xüsusiyyətimiz var. Düyməni basdığınız zaman, CSS Hero veb saytınızın bir görüntüsünü saxlayır. Bu anları görüntüləmək və bir düyməni basmaqla bərpa etmək olar, yəni zəhmətiniz boşa çıxmır, sadəcə vaxtında geri və irəli atlaya bilərsiniz.

Nəhayət, bölmədə mövcud olan seçimimiz var. Bu, başqa veb saytda istifadə etmək üçün düzəliş edilmiş CSS-i ixrac etmək və ya etdiyiniz dəyişiklikləri (CSS-in öyrənilməsinin ən yaxşı yollarından biri) öyrənmək üçün ekrana yükləmək imkanı verir.

Müfəttiş Pro Plugin

Planlarınızı təkmilləşdirən və ya lisenziyanıza daxil olan CSS Qəhrəmanı Müfəttiş Pro plaginini istifadə edənlər.

May 2015-ci ildə elan edilmiş və bu yaxınlarda beta rejimindən kənarda olan Inspector Pro daha inkişaf etmiş CSS istifadəçilərinə yönəldilmişdir. CSS Qəhrəmanı tamamilə CSS bacarıqlarını tələb etməyən bir vasitə olsa da, CSS-i birbaşa tənzimləyərək saytını düzəltmək istəyənlər üçün İnspektor Pro hazırlanmışdır.

Müfəttiş Pro canlı mövzunun altındakı mövzunun CSS-ni göstərir. İstədiyiniz kimi bu kodu redaktə edə bilərsiniz və etdiyiniz kimi dəyişikliklər önizləmədə əks olunacaq. Birbaşa CSS-i redaktə etmək imkanı verərək, bu plagin sizə özelleştirmelerinizə mütləq nəzarət verir, piksel ilə.

CSS Qəhrəmanı müfəttişi Pro

Bununla birlikdə, Inspector Pro bəzi faydalı xüsusiyyətləri də təklif edir, buna görə də heç vaxt tək olmursunuz. Məsələn, lazımlı axtarış funksiyasından istifadə edərək müəyyən bir xəttə atlaya bilərsiniz və ya üst-üstə düşən elementlərin yola getməməsi üçün xüsusi üslub xətlərini deaktiv edə bilərsiniz.

CSS-ni sıfırdan yazsanız, bu plagini çox sevirsiniz, çünki artıq bir pəncərədən digərinə keçməyiniz lazım deyil – bütün düzəlişlərinizi bir ekranda edə və görə bilərsiniz. Praktik!

CSS Qəhrəmanı Dəstəyi

CSS Hero tablosuna girdiyiniz andan etibarən, inkişaf etdiricilərin plagininizdən maksimum yararlanmağa kömək etdiyini görə bilərsiniz.

Geniş sənədləri və CSS Qəhrəman Akademiyasını qeyd etdim (akademiya körpəlik dövründədir, lakin genişlənməsini davam etdirmək üçün konkret planlar var).

Bu iki bölmə olduqca əhatəlidir və akademiyada faydalı tutorial videoları var. CSS Qəhrəmanı əvvəlcə istifadə etmək çətin görünə bilər, buna görə bu qısa video dərsləri mənim ayaqlarımı tapmağımda kömək etdi, bundan sonra plugin nisbətən sadə hiss etdi.

CSS Qəhrəman Akademiyası

Daha yaxşı inkişaf etmiş bir sənəd bölməsi də var. Bu, məhsullarının tam CSS Hero uyğun, yəni qəhrəman hazır olduğunu təmin etmək üçün lazımi addımlar atan plagin / tema tərtibatçılarına yönəldilmişdir.

Ətraflı sənədlərinə baxmayaraq hələ də problemlərini həll edə bilməyənlər üçün bir dəstək forumu da var. CSS Hero dəstək heyəti üzvləri, ümumiyyətlə saatlar ərzində istənilən suallara cavab verə bilərlər. Bir lisenziya foruma və dəstək qrupuna bir illik giriş imkanı verir.

CSS dəstək forumu

Ümumiyyətlə, CSS Qəhrəmanı dəstək səylərinə görə günahlandırıla bilməz. Əvvəlcədən yazılmış və yazılmış dərsliklər həqiqətən faydalıdır və istifadəçi təcrübəsi zamanı ən çox ehtiyac duyulduğu yerlərdə bibər olunur.

WordPress eklentləri getdikcə daha mürəkkəbləşdikcə, CSS Hero nümunəsini izləyən, dərhal inkişaf etmiş dəstək təqdim edərək, təcrübəsiz istifadəçilərin heç vaxt əlçatmaz hiss etməmələrini istərdim.

Son düşüncələr

Ümumiyyətlə, CSS Qəhrəmanı məni heyran etdi. Məhdudiyyətsiz özelleştirme potensialı ilə bu plugin asanlıqla həddən artıq çox ola bilər; lakin, ağıllı və intuitiv interfeys (və faydalı dərsliklər) sayəsində hər zaman istifadə etmək asan olmuşdur.

Özelleştirme seçimləri sonsuzdur, mövzunu xəyal edə biləcəyiniz hər hansı bir şəkildə dəyişdirməyə imkan verir. Bu, kodunuzla əllərinizi çirkləndirmədən mövzunuzun əsaslarını və hər şeyi istifadə edərək bir az sərin və orijinal dizayn yaratmağa imkan verir.

Ancaq CSS Hero hobbi proqramçıları üçün deyil. Inspector Pro, sıfırdan veb sayt qurmaq istəyən təcrübəli inkişaf etdiricilər üçün maraqlı bir vasitədir.

Plugin, sıfırdan bir sayt qura biləcəyinizi tamamilə təsdiq edir, yaradılışınızın şifrənizi, xətti ilə sıraya qoymağınıza baxaraq. Bununla birlikdə, daha realist, müştəri işlərini yerinə yetirən inkişaf etdiricilər üçün çox vaxt qənaət edərək, mövzunu özelleştirmeyle həyata keçirir.

Ümumiyyətlə, CSS Hero üstün bir plagindir və həqiqətən bütün bacarıq səviyyələrində olan WordPress istifadəçilərinə müraciət etməlidir. Hələ yoxdusa, yoxlayın!

(yeniləmə – 16 mart – Bu yazını yazandan bəri CSS Qəhrəmanı bizə xüsusi bir köməklik göstərdi endirim kuponu kodu WinningWP oxucularına icazə vermək 40% endirim – kupona baxın).