CSS Qəhrəmanı xülasəsi: WordPress Tema Fərdi Özəlləşdirmə asan!

WordPress əqdləri


Bir veb saytı istədiyiniz kimi dəqiq görmək istədikdə, mövcud müxtəlif WordPress mövzularının açıq sərvətləri əsl fayda gətirir! Uzun müddət baxmağa sərf etsəniz, həqiqətən saytınız üçün tamamilə mükəmməl bir mövzu tapa bilərsiniz. Fürsət budur ki, istədiyinizə yaxınlaşa bilməyinizə baxmayaraq, bəlkə də kamillikdən bir az yol keçəcəksiniz. Axı, əvvəlcədən qurulmuş mövzu heç bir insanın T-nin ehtiyaclarına uyğun ola bilərmi?…

Bəs istədiyinizə yaxın bir mövzu tapa bilsəniz, amma yenə də bir neçə dəyişiklik etməlisinizsə nə 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əcəksiniz. Ancaq daxil olmaq və lazımi sənədlərə öz dəyişikliklər etmək inamın yoxdursa nə olacaq??

Bu gün sizi həqiqətən çox lazımlı bir plugin ilə tanış etmək istərdim: CSS Hero – kiçik və ya hətta nisbətən daha böyük – vizual özelleştirmelerinizi özünüzə gücləndirə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ın).

CSS Qəhrəmanı

Belə olduqda, səhifə qurucusu plaginlərini sürükleyip bənzər bir yer tutur. Ancaq səhifə qurucuları sıfırdan xüsusi bir dizayn yaratmağınıza təşviq etdiyi yerdə, CSS Qəhrəmanı mövcud WordPress mövzusunu istədiyiniz şəkildə çimməyə imkan verir.

Bu, mütləq ümumiyyətlə iştirak edən hər hansı bir geliştirici bacarığına sahib olmadan, geliştiricini oynamağa imkan verir. Peşəkar şəkildə hazırlanmış WordPress mövzusundan istifadə etməyə davam edirsiniz – bilirsiniz ki, təsadüfi modulları bir yerə atan kimsə tərəfindən deyil, mütəxəssis tərəfindən inşa edilmiş, səhifə inşaatçı plaginləri – tələblərinizə uyğun kiçik düzəlişlər edərkən.

Saytda heç bir element məhdud deyil: hər şeyi və hər şeyi düzəldə bilərsiniz. CSS Qəhrəmanı özelleştirmelerinizi yeni CSS üslub cədvəlinə tətbiq olunan müvafiq CSS koduna çevirir (orijinal üslub cədvəli xətt altında heç bir 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çirilmişlər Qəhrəman hazır deyilir, sınanmamış mövzular hələ də Roket rejimində dəstəklənir.

Qiymətlər

CSS Hero, əlverişli, mükafatlı bir plagindir. Rəqabətini əks etdirmək üçün ən populyar səhifə qurucusu plaginləri ilə bərabər qiymətlidir.

Əsas başlanğıc lisenziyası cəmi 29 dollardır və tam CSS Hero plaginini əldə edə bilərsiniz (baxmayaraq ki, yalnız bir veb saytında istifadə etmək məhdudlaşdırılıb).

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

  • Şəxsi lisenziya ($ 59) – beş sayta qədər
  • Pro lisenziyası (199 dollar) – 999 sayta qədər

Güman etdiyiniz kimi, lisenziya yaradıcı agentliklərə və karyera inkişaf etdiricilərinə yönəldilmişdir. Həm şəxsi, həm də lisenziyalar həm də premium eklentisinə, İnspektor Pro-a daxil ola bilər – bu barədə daha aşağı səhifədə daha ətraflı məlumat verəcəyik..

Üç CSS Hero lisenziyası bir il müddətinə etibarlıdır, bir illik yeniləmələrə və dəstəyə giriş imkanı verir və 30 günlük pul geri zəmanəti ilə gəlir.

Başlamaq

Satın aldıqdan sonra CSS Hero tablosuna aparılacaqsınız. Oradan, plaginlərin geniş sənədlərinə və zəhmli CSS Qəhrəmanlıq Akademiyasına daxil ola bilərsiniz. Akademiya yeni plugin-lərinizdən ən yaxşısını əldə etməyə kömək etmək üçün hazırlanmış bir sıra yeni başlayanlara yararlı video dərslərini özündə cəmləşdirən gözəl bir toxunuşdur..

CSS Qəhrəmanı tablosuna

Masaüstü panel başqa bir vacib funksiyanı yerinə yetirir: CSS Qəhrəmanını yüklədiyiniz və lisenziyanızın səviyyəsindən asılı olaraq – Müfəttiş Pro pluginləri.

Yükləmələr tamamlandıqdan sonra WordPress tablosuna daxil olun. Pluginlərə gedin > Yenisini əlavə edin > Plugin-i yükləyin, sonra plugin zip fayllarını yükləmək və plagini aktivləşdirmək üçün təlimatları izləyin. Əvvəllər WordPress plaginini quraşdırmısınızsa, hamısı çox tanış olacaq.

Bununla birlikdə, CSS Hero quraşdırılması bir əlavə 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.

İndi CSS Hero bir mövzu tənzimləmə vasitəsidir və beləliklə, redaktə real vaxt dəyişikliklərini görə biləcəyiniz ön tərəfdə aparılır. Saytınızın ön hissəsinə daxil olun və ekranın yuxarı sağ küncündə yeni mavi simvolu görəcəksiniz. Yeni plugininizi istifadə etməyə başlamaq üçün vurun.

CSS Qəhrəmanı nişanı

CSS Qəhrəmanı redaktoru

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

Başlamaq üçün seçimlər panelinin yuxarısındakı mavi işarəni vurun. Davam etməyinizə əmin deyilsinizsə, plugin sizə bütün əsasları əhatə edən lazımlı bağlantılar təqdim edəcəkdir. Bununla birlikdə, birbaşa içəri girməyə hazırsınızsa, 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 üstünə aparın və sonra vurun (aşağı ekran görüntüsündə göründüyü kimi nisbətən əsas məzmun paraqrafına baxaraq başlayacağıq). Tıklandıqdan sonra CSS Qəhrəmanı elementinizə kilidlənəcək, yəni özelleştirməyə başlamağınız azaddır.

CSS Qəhrəmanı Hədəf Elementi

Prosesi mümkün qədər sadə etmək üçün, CSS Hero seçdiyiniz element 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 planı və haşiyələri dəyişdirmək və mətnin ətrafındakı doldurulma parametrlərini özündə cəmləşdirməkdir.

Elementləri redaktə etmək asandır, hər şey sağ menyudan çubuğundan idarə olunur, üstəlik real vaxtda əvvəlcədən görünən dəyişikliklər. Başlamaq üçün mətn 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 bütün mövcud variantları göstərir:

  • Şrift üzü – seçim üçün hər Google şrifti ilə
  • Şrift rəngi
  • Şrift ölçüsü
  • Şrift çəkisi
  • Mətnin uyğunlaşdırılması
  • Mətn çevrilməsi – məsələn, yuxarı hərf
  • Söz boşluğu
  • Xətt boyu

İstədiyiniz dəyişiklikləri düzəldin və mətnə ​​tətbiq edildiyini bir saniyə sonra izləyin.

CSS Qəhrəmanı Font tərzi

Daha sonra geri qayıda və abzasınız üçün bir fon qura bilərsiniz – yenidən, CSS Hero sizə ümumi nəzarət edir. Xüsusi bir şəkil yükləyə, rəng seçə və ya fon kimi görünmək üçün bir gradienti konfiqurasiya edə bilərsiniz.

CSS Qəhrəmanı Background Gradient

Sizə haşiyə tərzi, eni və rəngi baxımından tam rahatlıq olan paraqraf sərhədləri üçün eyni seçimlər verilib.

CSS Qəhrəmanı Sərhəd tərzi

Bir neçə sərin əvvəlcədən qurulmuş üslub var – məsələn, mətninizi bir düyməyə çevirmək və ya bir sıra sərin dizaynlarda hazır fon göstərmək.

CSS Hero ReadyMade üslubları

Dəyişikliklərinizi bir anda işləməməyi istəsəniz, hər bir özəlləşdirmə seçimini bir rahat ekranda sadalayan bütün seçimləri də seçə bilərsiniz..

Dəyişiklikləri geri qaytarmaq

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 hər hansı bir daimi dəyişiklik etməkdən narahat olmayın – dəyişikliklər tətbiq olunmazdan əvvəl ləğv etməklə onları silmək və ya saxlama düyməsinə vuraraq təsdiqləmək seçiminiz var..

Qazancı vurduqdan sonra da, istəmədiyiniz dəyişikliklərə məruz qalmayacaqsınız. Orijinala qayıtmaq üçün CSS Qəhrəmanı menyusunun yuxarı səviyyəsinə qayıtmaq üçün alətlər bölməsinə keçin, sonra yenidən parametrləri tema standart seçiminə seçin.

Ayrı-ayrı bir elementi standart zavod parametrlərinə qaytarmaq mümkündür – bərpa etmək istədiyiniz elementi vurun, sonra menyunun sağındakı kiçik ‘R’ sıfırlama işarəsini vurun. Press təsdiqləyin və yaramaz elementiniz əvvəlki şöhrətinə qaytarılacaq.

Daha əvvəl də qeyd etdiyim kimi, bütün özelleştirmələr əlavə bir stil cədvəlinə tətbiq olunur. Ən pis bir şey olarsa, temanın orijinal tərzi cədvəli toxunulmaz qalacaqdır. Bu, CSS Qəhrəmanı istifadə etdiyiniz hər hansı bir dəyişikliyinizdən asılı olmayaraq uzunmüddətli zərər verə bilməyəcəyiniz deməkdir. Bütün digər bərpa seçimləri uğursuz olarsa, uca mövzunu bərpa edə və asan yuxuya gedə bilərsiniz!

Hər hansı bir elementi redaktə edin

CSS Qəhrəmanının güclü cəhətlərindən biri, səhifənizdəki istənilən elementi düzəltməyə imkan verir – nə qədər böyük və ya kiçik olursa olsun.

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.

Buna paraqrafımızı düzəltmək üçün istifadə etdiyimiz eyni prosesdən istifadə olunur, lakin CSS Qəhrəmanının saytınızın estetikasına əsaslı dəyişiklik etmək üçün istifadə oluna biləcəyini nümayiş etdirir. Aşağıdakı ekran görüntüsünə baxın, burada mənim yan çubuğumun fonunu dəyişdirdim, widget başlığı üslublarını dəyişdirdim və aralığı yenidən düzəldin. Atışdan əvvəl əsas budur:

Çəkilişdən əvvəl CSS Qəhrəmanı

Budur, civildəməmdən sonra – etiraf edən bir dizayner deyiləm, amma buna nail olmaq üçün bir neçə saniyə çəkdi.

Çəkilişdən sonra CSS Qəhrəmanı

Şə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 siyahılar bölməsindən xüsusi güllələr seçməlisiniz. Dəstəklənən altı sərin əvvəlcədən hazırlanmış güllə var – kvadratlar, ondalık və Roma rəqəmləri daxil olmaqla – 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ə təmir edə biləcəyiniz barədə bir fikir verir. WordPress temanız təməli təmin edir, lakin CSS Hero sayəsində veb saytınızın hər pikselini bəyəndiyinizə görə düzəldə bilərsiniz – kod xəttinə toxunmadan.

Digər Xüsusiyyətlər

CSS Hero bir neçə digər gözəl xüsusiyyətlərə malikdir, diqqətinizi çəkmək istərdim.

İlk baxış dəyişdiricisidir. Həssas dizayna artan bir vurğu ilə veb saytınızın hər cür və ölçülü cihazlarda qüsursuz 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.

Sadəcə alətlər çubuğundan üstünlük verdiyiniz görünüşü seçin – bu ikinci seçimdir – və CSS Hero’nun ekranınızı uyğun ölçüyə çevirməsinə icazə verin. Bu, kiçik cihazlarda tətbiq etdiyiniz dəyişiklikləri sürücüyə sınaqdan keçirmək üçün əla bir yoldur.

CSS Qəhrəmanı Tablet Görünüşü

Sonrakı, əhəmiyyətli tarixi xüsusiyyətimiz var. Qazanc düyməsini 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 heç vaxt itirilmir – vaxtında yalnız irəli və geri atlaya bilərsiniz.

Nəhayət, alətlər bölməsində mövcud olan CSS-i ixrac et. 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 çıxarmaq imkanı verir..

Müfəttiş Pro Əlavəsi

Şəxsi və ya pro planlarınızı təkmilləşdirənlər də CSS Hero əlavə müfəttiş Pro lisenziyanıza daxil olur.

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-ni birbaşa çubukla 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ı temanın CSS-ni göstərir. İstədiyiniz kimi bu kodu redaktə edə bilərsiniz və bunu edərkən dəyişikliklər önizləmədə əks olunur. Birbaşa CSS-i redaktə etmək imkanı verərək, bu plagin sizə özelleştirmelerinizə mütləq nəzarət verir.

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

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

CSS-ni sıfırdan yazırsınızsa, bu eklentiyi çox sevirsiniz, çünki artıq pəncərələr arasında fırlanmağa məcbur olmayacaqsınız – bütün düzəlişlərinizi bir ekranda edə və görə bilərsiniz. Əlli!

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

CSS Hero tablosuna girdiyiniz andan, inkişaf etdiricilərin plaginlərindən ən yaxşısını almağa kömək etmək üçün əziyyət çəkdiyini görə bilərsiniz..

Mən artıq geniş sənədlərə və CSS Qəhrəman Akademiyasına toxundum (akademiya körpəlik dövründədir, lakin genişlənməsini davam etdirmək üçün konkret planlar var).

Bu iki hissə olduqca incədir və akademiyada faydalı video dərsləri var. CSS Qəhrəmanı əvvəlcə istifadə etməkdə çətinlik çəkə bilər, buna görə də bu qısa video dərslərini ayaqlarımı tapmaq üçün faydalı hesab etdim – bundan sonra plugin nisbətən sadə hiss etdi.

CSS Qəhrəman Akademiyası

İnkişaf etdiricilərin bilik bazası olaraq bilinən daha inkişaf etmiş bir sənəd bölməsi də var. Bu, məhsullarının tam CSS Qəhrəmanına uyğun olmasını təmin etmək üçün addımlar atılan plagin / tema tərtibatçılarına yönəldilmişdir – aka, qəhrəman hazır.

Dərin sənədlərinə baxmayaraq hələ də problemlərini həll edə bilməyənlər üçün bir dəstək forumu da mövcuddur. CSS Qəhrəmanı dəstəkləyən heyət üzvləri, sualları cavablandırmaq üçün ümumiyyətlə bir neçə saata yaxındırlar. Bir lisenziya sizə 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 boyunca ən çox ehtiyac duyulduğu yerlərdə qeyd olunur..

WordPress eklentləri getdikcə inkişaf etdikcə, CSS Qəhrəmanı nümunəsini izləyən, təcrübəsiz istifadəçilər heç vaxt öz dərinliklərindən kənarda qalmamaları üçün dərhal qutudan qabaqcıl dəstək təmin etmək istərdim..

Final Düşüncələr

Ümumiyyətlə, CSS Qəhrəmanı mənə çox təsir etdi. Belə məhdudlaşdırılmamış özelleştirme potensialı ilə bu plugin asanlıqla həddən artıq çox ola bilərdi – lakin ağıllı, intuitiv interfeys (və faydalı dərsliklər) sayəsində istifadəsi asan olaraq qaldı.

Özelleştirme variantları sonsuzdur, mövzunu təsəvvür edə biləcəyiniz hər hansı bir şəkildə çimməyə imkan verir. Bu, temanın təməllərindən istifadə edərək, kodla əllərinizi çirkləndirmədən bir qədər sərin, orijinal dizayn yaratmağa imkan verir..

Ancaq CSS Hero yalnız həvəskar koderlər üçün deyil. Müfəttiş Pro yerdən veb sayt qurmaq istəyən təcrübəli inkişaf etdiricilər üçün maraqlı bir vasitədir.

Eklentiya, sıfırdan bir sayt qura biləcəyinizi, yaradılışınızı kod kimi, xətlə sıralama şəklini izlədiyinizi seyr etməyinizi tamamilə mümkün edir. Daha həqiqi olsa da, müştəri işini aparan inkişaf etdiricilər üçün çox vaxt qazandıracaq tema özelleştirilmesinden təxminləri götürür.

Ümumiyyətlə, CSS Hero ən yaxşı 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. Əgər əvvəllər 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 qədər WinningWP oxucularına hüquq verir 40% endirim – bax kuponu.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me