Yaxşı bir sayt yaratmaq istəyirsinizsə, şablonun ölçüsünü dəyişdirə bilməlisiniz. Varsayılan olaraq, bir çox mövzular yöndəmsiz şablon çərçivə ölçüləri təklif edir. Dar mövzular çox geniş olduğu qədər pisdir. Saytdakı funksiyalar üçün tam uyğun olan orta sahəyə sahib olmalısınız. Yalnız bu şəkildə resursunuzun məzmunu düzgün göstəriləcək və bütün vidjetlər yan panelə uyğunlaşacaq. Bu yazıda yan sütunların ölçüsünü tənzimləmək yollarının nə olduğunu öyrənəcəksiniz.
Yan panel olmadan sayt yararsız görünür. Səhifənin məzmununu bir şəkildə vizual olaraq seyreltmək istəyirsinizsə, müəyyən ölçülü bir yan panel əlavə edərək WordPress şablonunu dəyişdirməlisiniz. Adətən yan sütunlar artıq standart olaraq quraşdırılmışdır. Ancaq həmişə yan panelin eni müəyyən bir layihə üçün optimal deyil. WordPress saytının yan hissəsinin enini və hündürlüyünü necə dəyişdirmək üsullarına baxaq.
Ola bilər ki, heç nəyi dəyişməyə ehtiyac yoxdur. Yan panel yalnız "əyri" və qeyri-təbii görünsə dəyişdirin. Birincisi, yan panelin məzmunu ehtiva edən səhifənin gövdəsindən daha kiçik eninə malik olduğundan əmin olun. Yan panel saytın əsas hissəsi deyil, ona görə də ona çox diqqət yetirilməməlidir - ən çox o, səhifənin görünən hissəsinin 40%-ni tuta bilər. Nəzərə alın ki, iki yan paneliniz (və ya bir neçə) varsa, onların eni bütün səhifənin eninin 50%-dən çox olmamalıdır. Yalnız bir yan sütundan istifadə etmək daha yaxşıdır - bu şəkildə daha səmərəlidir.
Yalnız bir yan paneldən istifadə edən saytlar üçün dizaynerlərin "qızıl qaydası" var. Bu qayda bildirir ki, əgər səhifədə yalnız bir yan panel varsa, o, saytın eninin 38%-dən çoxunu tutmamalıdır. Bir çox məşhur veb-dizaynerlər belə bir sirli fiqurdan danışırlar (məsələn: Jarel Remik).
Hündürlüyə gəldikdə, yan çubuğun saytın üstündən yapışmaması vacibdir. Yuxarı sərhəddə onun hündürlüyü ölçüsü səhifənin əsas hissəsinə oxşar olmalıdır. Amma alt limit dəyişdirilə bilər ki, saytın əsas hissəsi daha uzun olsun. Saytda olan hər şeyi yan panelə yığmağa çalışmaq lazım deyil - yalnız əsas şey. Həqiqətən çox məlumat varsa, iki yan panel yaradın, ancaq yan paneli saytın altbilgisinə uzatmağa ehtiyac yoxdur.
İndi heç bir əlavədən istifadə etmədən yan sütunların ölçüsünü və şablon çərçivəsinin özünü müstəqil şəkildə necə dəyişdirmək barədə danışaq. Bu üsul səhifənin mənbə kodunun dəyişdirilməsini nəzərdə tutur. Şablon ölçüsü parametri html teqlərindədir. Nəzərə alın ki, fon kimi fərdi ölçülü şəkil yükləsəniz, ölçüsünün dəyişdirilməsi mənfi nəticələrə səbəb ola bilər. Buna görə də, saytın yerləşdirilməsi mərhələsində çərçivə parametrlərini dəyişdirmək daha yaxşıdır.
Kodda yan panel parametrləri blok şəklindədir. Yan sütunlar da daxil olmaqla bütün çərçivənin ölçüsünü dəyişdirmək üçün koda daxil olmalı və alternativ olaraq hər bir elementin eni və hündürlüyünün ədədi parametrlərini tənzimləməli olacaqsınız. Məhz:
Müəyyən bir blokun ölçülərini öyrənmək üçün "Səhifə Kodu Görünüşü"ndə sarğı elementini vurmalısınız. Brauzerin CSS bölməsinin yan tərəfində elementin eni üçün piksellərlə rəqəmsal dəyərləri görəcəksiniz. Bütün tel çərçivəsinin ölçüsünü dəyişdirmək üçün əsas elementi redaktə etməli və sonra digər elementlərə də dəyişiklik etməlisiniz. Saytınızın istifadəçilərin qarşısında “atlamaması” üçün bunu yerli serverdə etmək tövsiyə olunur. Və ümumiyyətlə, İnternet layihəsi başlamazdan əvvəl bunu etmək daha yaxşıdır.
Bu sətir səhifənin orta hissəsinin parametrlərinə, yəni məzmun blokuna və yan sütunlara cavabdehdir. "Əsas" xəttə toxunmayın - bu saytın əsas hissəsidir. "Mainnav" etiketini tapmaq lazımdır - bu yan paneldir. Sizə lazım olan tək şey CSS-də eni üçün cavabdeh olan genişlik elementini dəyişdirməkdir - fərqli ölçü dəyərini daxil etmək. Kenar çubuğunu daha kiçik və ya böyüdə bilərsiniz, lakin saytınızın düzgün göstərilməsini təmin etmək üçün yuxarıdakı ölçü məsləhətlərinə əməl etməyi unutmayın.
Dəyişikliklərin saxlanması üçün onlar serverdə edilməlidir. Yəni siz ilkin olaraq yerli hostinqdə düzəlişləri sınaqdan keçirə bilərsiniz, lakin sonra redaktə edilmiş style.css faylını kopyaladığınızdan və onu əsas serverin verilənlər bazasına əlavə etdiyinizdən əmin olun. Yalnız bundan sonra dəyişikliklər qüvvəyə minəcək.
yan panelin ölçüsünü dəyişdirən plagin
Əgər kaskad üslub cədvəlləri arasında dolaşmaq və redaktə edilməli olan elementləri axtarmaq istəmirsinizsə, WordPress plaginləri üçün Visual Sidebar Redaktorundan istifadə edə bilərsiniz. Bu, yan panellər yaratmaq üçün xüsusi olaraq hazırlanmış xüsusi moduldur. Bu, daha böyük Visual Composer alətinin bir hissəsidir.
Visual Composer plagini WordPress üçün təbii səhifə qurucusudur. Onunla sıfırdan hazır şablon yarada bilərsiniz. Modul qısa kodlarla işləyir və quraşdırmaq çox asandır. Əgər kənar panelin ölçüsünü dəyişmək sizə lazım olan tək şey deyilsə, Visual Composer plaginini endirin və Visual Sidebar Redaktorunu əlavə olaraq əlavə edin. Əgər problem yalnız səhifənin yan panelinin ölçüsündədirsə, onda Visual Sidebar Editor modulu kifayət edəcək.
Kenar çubuğunu dəyişdirmək üçün plaqindən istifadə etməyin üstünlüyü ondan ibarətdir ki, o, hər şeyi avtomatik edir. Yəni siz Drag & Drop sistemindən istifadə edərək nəyi dəyişmək istədiyinizi göstərirsiniz və modul sizin sorğularınız əsasında element kodunu müstəqil şəkildə düzəldir. Əgər html teqlərini redaktə etməkdə öz gücünüzü sınamaq istəyirsinizsə, onda plagin sizə belə bir fürsət təqdim edəcək. Bundan əlavə, sayta əlavə funksiyalar əlavə etmək üçün xüsusi qısa kodlara malikdir - 40-dan çox uzantı.
Səhifələri redaktə etmək üçün belə bir plaqindən istifadə etməyin başqa bir üstünlüyü, mühərrikin versiyasından asılı olmayaraq dəyişikliklərin saxlanmasıdır. WordPress-i yeniləsəniz belə, şablon dəyişməyəcək - o, modul tərəfindən idarə olunur. Buna görə də, köhnə versiyalara keçə və ya WordPress-i yeniləyə bilərsiniz - bu, artıq yan panelin ölçüsünə zərər verməyəcək. Bundan əlavə, plagin rahat idxal və ixrac ilə işləyir - yəni yan panelləri bir saytdan köçürə və digərinə köçürə bilərsiniz. Və ən əsası, modul son dərəcə aydın bir prinsipə əsasən işləyir - hətta bir başlanğıc da onu tez mənimsəyəcəkdir.
Vizual Sidebar Redaktorunun işini bəyənirsinizsə, əlavələrin tam dəstini - Visual Composer modulunu quraşdırmağı düşünün. Onda portal səhifələrində istənilən elementi redaktə etmək sizin üçün asan olacaq.
Tam ölçülü WordPress səhifəsi yaratmaq istəyirsiniz?
Sonra niyə burada olduğumuza qayıdaq.
![](https://i1.wp.com/blogpascher.com/wp-content/uploads/2017/05/Comment-cr%C3%A9er-page-pleine-largeur-WordPress.png)
Metod 1: WordPress Mövzusunda Daxili Genişlik Şablonundan istifadə
WordPress mövzunuz artıq tam səhifə şablonu ilə gəlirsə, bu üsul tövsiyə olunur. Əgər sizdə yoxdursa, növbəti seçimə müraciət edin və onu əldə edin.
Əvvəlcə " səhifəsinə daxil olaraq səhifəni redaktə etməli və ya yenisini yaratmalısınız. Səhifələr > Əlavə et Yeni səhifə
Səhifə redaktə pəncərəsində seçin Tam Genişlik səhifə atributları onay qutusu altında şablon kimi.
Bir model seçdikdən sonra Tam Genişlik Səhifənizi qeydiyyatdan keçirməlisiniz. Daha çox məzmun əlavə etmək üçün səhifəni fərdiləşdirməyə davam edə və ya onu hərəkətdə görmək üçün önizləmə düyməsini klikləyə bilərsiniz.
Səhifənizin redaktə ekranında "Tam Genişlik" - "şablonun tam eni" seçiminiz yoxdursa, bu, WordPress mövzunuzda həmin səhifənin olmadığını bildirir.
Ancaq narahat olmayın, WordPress mövzusunu dəyişdirmədən tam səhifə yaratmağın nə qədər asan olduğunu sizə göstərəcəyik.
Metod 2: Tam Genişlikdə Səhifə Şablonunu Necə Yaratmaq olar
Bu üsul sizdən istifadə etdiyiniz WordPress mövzu fayllarını redaktə etməyinizi və PHP, CSS və HTML haqqında əsas anlayışınızın olmasını tələb edir.
Yeri gəlmişkən, biz də sizi məsləhətləşməyə dəvət edirik
Əvvəlcə Notepad kimi mətn redaktorunu açmalı və aşağıdakı kodu boş bir fayla yapışdırmalısınız:
Php / * Имя шаблона: * Полная ширина / get_header (); ?>
Bu kod sadəcə olaraq fayl şablonunun adını müəyyənləşdirir və WordPress-dən başlıq şablonunu çıxarmağı xahiş edir.
Sonra kodun məzmun hissəsinə ehtiyacınız var. FTP müştəri istifadə edərək saytınıza qoşulun ( və ya cPanel-də fayl meneceri) sonra gedin /wp-content/themes/theme-kataloqunuz/ .
Sonra "adlı bir fayl tapmalısınız. page.php". Bu, mövzunuz üçün standart səhifə şablon faylıdır.
"dan sonra hər şeyi kopyalayın get_header() Və fayla yapışdırın Tam genişlik.php Bu, kompüterinizdə yaratdığınız şeydir.
İndi "full-width.php" faylının məzmununa baxmaq və bu kod sətrini silmək lazımdır:
Php get_sidebar (); ?>
Bu sətir sadəcə yan paneli bərpa edir və onu WordPress mövzunuzda göstərir. Bunu silməklə, şablondan istifadə edərkən mövzunuz yan panel göstərməyəcək Tam Genişlik.
Bu xəttin WordPress mövzunuzda dəfələrlə göründüyünü görə bilərsiniz. WordPress mövzunuzda bir neçə mövzu varsa, kodda hər bir yan panelə bir dəfə istinad edildiyini görəcəksiniz. Hansı yan panelləri saxlamaq istədiyinizə qərar verməlisiniz.
Veb saytınız yavaş yüklənir, kəşf edin
Mövzunuz səhifənizdə yan panelləri göstərmirsə, bu kodu faylınızda tapa bilməyəcəksiniz.
Bizim full-width.php kodumuz dəyişikliklərin edilməsinə belə diqqət yetirir. Kodunuz mövzudan asılı olaraq bir qədər fərqli ola bilər.
php / * * Имя шаблона: полная ширина * / get_header (); ?> php // Запустить цикл. while (have_posts ()): the_post (); // Включить шаблон содержимого страницы. get_template_part ("template-parts / content", "page"); // Если комментарии открыты, как нам это сделать? if (comments_open () || get_comments_number ()) {comments_template (); } // Конец цикла. ENDWHILE; ?> main> div> php get_footer (); ?>
Sonra faylı yükləməlisiniz Tam genişlik.php WordPress tema qovluğunda .
Mövzunuz üçün xüsusi tam enli səhifə şablonunu uğurla yaratdınız və yüklədiniz. Növbəti addım tam ölçülü səhifə yaratmaq üçün bu şablondan istifadə etməkdir.
İdarə panelinə keçin və redaktə edin və ya yeni səhifə yaradın.
Səhifəni redaktə etmək ekranında səhifə atributları qutusunu tapın və Model seçimi altında açılan menyuya klikləyin.
Modelinizi görə biləcəksiniz. Davam edin, onu seçin və səhifəni yadda saxlayın və ya yeniləyin.
İndi veb saytınızı ziyarət edə bilərsiniz və siz yan panellərin yoxa çıxdığını və səhifənizin tək sütun səhifəsi kimi göstərildiyini görəcəksiniz. Ola bilsin ki, hələ doldurulmayıb, amma indi onu başqa bir şəkildə yaymağa hazırsınız.
Kəşf edərək saytınızı populyarlaşdırın
Mövzunuzun məzmun sahəsini müəyyən etmək üçün istifadə etdiyi CSS siniflərini tapmaq üçün Təftiş alətindən istifadə etməlisiniz.
Daha sonra CSS-dən istifadə edərək onun enini 100%-ə tənzimləyə bilərsiniz. Aşağıdakı CSS kodundan istifadə etdik:
.səhifə şablonu tam genişlik zonası.content(en: 100%; kənar: 0px; haşiyə: 0px; doldurma: 0px; ) .səhifə şablonu tam genişlik.Çıxış(kənar: 0px; )
Twenty Seventeen belə görünəcək.
Bu dərslik üçün hamısı budur, ümid edirəm ki, bu sizə tam ölçülü səhifələr yaratmağa imkan verəcək.
Yuxarıda göstərilən üsullar, imkanı olan və tez tam və ya tam enli planlar yaratmaq istəyənlər üçün pulsuzdur.
Bəzi premium WordPress plaginlərini də kəşf edin
Müasir görünüş vermək və blogunuzun və ya veb saytınızın idarə edilməsini asanlaşdırmaq üçün digər WordPress plaginlərindən istifadə edə bilərsiniz.
Bunu etməyə kömək etmək üçün sizə bir neçə premium WordPress plaginləri təklif edirik.
1. Divi Builder
Divi Builder yüksək qiymətləndirilən yüksək keyfiyyətli səhifə qurucusudur Eleqant mövzular Divi WordPress mövzusunun bir hissəsi kimi istifadə olunmasına baxmayaraq, Divi Builder digər WordPress mövzularında istifadə oluna bilən müstəqil bir plagindir.
Divi Builder, istifadəçilərin əksəriyyəti əvvəlki interfeysə üstünlük versə də, interfeys tərəfindəki vizual interfeysdən, eləcə də server tərəfindəki interfeysdən istifadə edərək məzmununuzu redaktə etməyə imkan verir.
Əsasən, yan panellər əvəzinə hər şey pop-uplarda və üzən düymələrdədir. O, sizə 40 müxtəlif təqdimat paketi arasında paylanmış 316 əvvəlcədən təyin edilmiş şablona giriş imkanı verir və həmçinin öz dizaynlarınızı şablon kimi saxlamağa imkan verir.
Sizi açmağa dəvət edirik
Divi-nin əlamətdar xüsusiyyətlərindən biri həmişə sizə verdiyi üslublara nəzarət olmuşdur. Üç fərqli tabda siz cavab verən idarəetmələr, fərdi boşluq və s. daxil olmaqla müxtəlif seçimləri tənzimləyə bilərsiniz.
Siz hətta xüsusi CSS əlavə edə bilərsiniz, çünki onun CSS redaktoru əsas təsdiqləmə və avtomatik tamamlamanı birləşdirir.Divi Builder-in tənqidlərindən biri həmişə onun əsasında olması olub.Bu o deməkdir ki, onu bir dəfə söndürsəniz, məzmununuz bir dəstə qısa kodla qalacaq. Bir az depressiyaya səbəb olsa da, Qısa Kod Təmizləyici kimi plaginlərlə bağlı problemlər daha azdır.
2. İnşaatçı
Təəccüblü deyil ki, Themify Builder Themify komandasının təklifidir. Müştərilərə asan fərdiləşdirmə seçimləri vermək üçün onu bir çox WordPress mövzularına inteqrasiya edir. Ancaq siz onu müstəqil bir plagin kimi də ala və istənilən WordPress mövzusu ilə istifadə edə bilərsiniz.
Divi Builder və WPBakery Page Builder kimi, Themify Builder sizə frontend və ya arxa hissədə planlar yaratmağa imkan verir.Başqa bir yaxşı şey budur ki, bu plagin sizə cavab verən kəsilmə nöqtələrinizi fərdiləşdirməyə imkan verir (lakin yalnız sayt səviyyəsində).
Onlayn mağaza yaradın və məhsullarınızı onlayn olaraq asanlıqla satın
Themify Builder-in maraqlı xüsusiyyəti ondan ibarətdir ki, o, hələ də standart WordPress redaktorundan istifadə etməyə imkan verir, digər səhifə qurucuları isə sizi hər şey üçün Səhifə Qurucusu interfeysindən istifadə etməyə məcbur edir.
3. Fakir
Əvvəlcə 2016-cı ildə istifadəyə verilmiş WordPress Elementor plagini bu siyahıdakı ən gənc tərtibatçılardan biridir. Gec istifadəyə verilməsinə baxmayaraq, Elementor WordPress.org-da tez bir zamanda 1.000.000-dan çox aktiv quraşdırma topladı və onu ən populyar WordPress qurucularından birinə çevirdi.
Hər hansı bir təklif və ya şərhiniz varsa, onları bölməmizdə qeyd edin
Bəzi WordPress şablonları yan menyuda, sözdə yan paneldə və ya məqalələr bölməsində əksinə dardır və təbii olaraq bəzi veb ustaları, məsələn, bannerlərə uyğunlaşmaq üçün müəyyən sərhədləri genişləndirməlidirlər. Bu yazıda sizə necə olduğunu göstərəcəyəm başlığın, şablonun, məqalələr bölməsinin və ya yan menyunun ölçüsünü dəyişdirin.
Bunun üçün şablonun ölçüsünü dəyişdirmək lazım ola bilər.
Şablonun ölçüsünü həm başlanğıcda, həm onu quraşdıran kimi, həm də bir sıra məqalələr yazdıqdan və ilk onlarla ziyarətçiniz görünməyə başlayandan sonra dəyişdirmək istəyə bilərsiniz. Məsələn, bloqumdan reklamdan ilk bir neçə sent qazanmağa çalışmaq istəyəndən sonra şablonu genişləndirməli oldum. Bu məqsədlər üçün Google-AdSense-dən banner reklam sistemi seçildi. Ancaq ən azı uğursuz iki sent qazanmaq üçün iki parametr nəzərə alınmalıdır:
- Kiminsə reklamın üzərinə klik etməsi üçün sistemin verəcəyi bannerlər müəyyən yerlərdə olmalıdır. İnternetdə yazırlar ki, bu sol sürüşdürmədir, biz orada kvadrat banner yerləşdiririk və məqalənin içərisində üç dəfə. Ən yuxarıda, mərkəzdə, bəzi başlıqlardan sonra və ən sonunda. Bu tənzimləmə insanların bannerə basması üçün ideal olacaq. Əlbəttə ki, başqa variantlar var, məsələn, şəkillərdə, lakin biz onları bu məqalə çərçivəsində nəzərdən keçirmirik.
- Google müəyyən ölçülü bannerlər buraxır.
olanlar. birinci və ikinci nöqtələri birləşdirməliyik, yəni Google və ya Yandex-dən olan bannerlərin bunun üçün ayrılmış yerlərdə, sol yan paneldə və məqalələrdə yerləşdirildiyinə əmin olmaq lazımdır. Şablonum bu məqsədlər üçün çox dar olduğundan və kiçik bannerləri asmağın mənası yoxdur, çünki heç kim onlara klik etməyəcək, qalan yeganə şey yan menyunu və məqalələr bölməsini uzatmaqdır.
Şablonu üfüqi olaraq necə artırmaq olar 1-ci hissə, rəqəmləri anlayın
Bu və ya digər elementin enini nə qədər artırmalı olduğumuzu başa düşmək üçün bir baxışda “bir santimetr kifayətdir, orada isə yarım santimetr” deyil, bu rəqəmləri dəqiq olaraq piksellərlə tapmaq lazımdır. Demək olar ki, hər hansı bir brauzer bu işdə bizə kömək edəcək, məsələn:
- safari
- firefox
- google chrome
Şəxsən mən Safari nümunəsində göstərəcəyəm, sizə isə sizin üçün əlverişli olan istənilən brauzerdə. Fərqlər yalnız bir düymədə olmalıdır.
Beləliklə, baza - saytımızın ölçüsü 4 elementdən, şablonun özünün ölçüsündən, səhifə ölçüsündən, məqalə blokunun ölçüsündən və sol menyu blokundan ibarətdir. Hər şeyi növbə ilə artıracağıq, narahat olmayın, qorxulu deyil.
Sol menyunun genişliyini dəyişdirmək üçün.
Bu halda siz 3-5-ci addımda etdiyimiz kimi həm pikselləri, həm də səhifədəki faizi dəyişə bilərsiniz. Bunun üçün piksel əvəzinə parametri dəyişmək kifayətdir
Bu dəyərlər genişliyin neçə faizinin bu və ya digər element tərəfindən tutula biləcəyini bildirir. Əsas odur ki, yan panel və məqalənin cəmi 100% olmalıdır, daha çox deyil, əks halda hər şey səhifədə üzəcək.
Hamısı budur. İndi hər şeyin uyğun olması üçün hansı dəyərləri dəyişdirməli olduğumuzu bilirik. Ediləcək yeganə şey stil faylına lazımi məlumatları daxil etməkdir.
Şablonu üfüqi olaraq necə artırmaq olar 2-ci hissə, eni dəyişdirin
Rəqəmləri başa düşdükdən və onları bir kağız parçasına yazdıqdan sonra indi onları təkcə özümüz üçün deyil, hamı üçün dəyişdirək. Bunun üçün:
- Sayta FTP vasitəsilə daxil olun
- /wp-content/themes/Your theme/style.css faylını tapın və kompüterinizə kopyalayın
- Bu faylın ehtiyat nüsxəsini yaradın, yəni. onu sənədlər qovluğuna köçürün. Beləliklə, kompüterdə faylın iki nüsxəsi var, biri üzərində işləyəcəyik, ikincisi isə toxunmayacağıq. İkincisi, səhv bir şeyi dəyişdirdiyimiz və nəyi unutduğumuz halda xidmət edir.
- Faylı rahat redaktorda açın. İndi köhnə dəyərləri yenilərinə dəyişdirmək kimi olduqca sadə bir vəzifə ilə qarşılaşırıq. İki yol var, birincisi asan, ikincisi isə ağırdır. Birincisi, axtarış edərək köhnə dəyəri tapırıq və yerinə yenisini yazırıq. İkinci yol üslubların adını axtarmaqdır, üslubların içərisində biz eni axtarırıq və dəyəri dəyişirik.
Şəxsən mən özüm üçün birinci, asan yolu seçdim, çünki bu, bir neçə saniyə ərzində dəyişiklik etməyə imkan verir. Beləliklə, biz 980 dəyərini axtarırıq. Fayl axtarışı yalnız iki parametr verdi, onu dəyişməliyəm.
Birincisi bütün saytın genişliyinə cavabdehdir:
1
2
3
4
5
6
7
8
| #səhifə ( min- hündürlük: 100px; aydın: hər ikisi; en: 96%; doldurma: 0 ; padding- üst: 24px; maksimum en: 980px; daşqın: gizli; |
#səhifə ( min-hündürlük: 100px; aydın: hər ikisi; eni: 96%; doldurma: 0; üst doldurma: 24px; maksimum en: 980px; daşqın: gizli;
İkincisi, iki elementin eni, məqalələrin siyahısı və sol menyu üçündür:
1
2
3
4
5
6
7
8
9
10
11
| . əsas konteyner (en: 980px; kənar: 0 avtomatik; daşqın: gizli; padding: 0; fon: #fff; mövqe: nisbi; - webkit-box- kölgə: 0px 0px 10px rgba(50 , 50 , 50 , 0.17 ) ;-moz- qutu-kölgə: 0px 0px 10px rgba(50 , 50 , 50 , 0.17 ) ; qutu-kölgə: 0px 0px 10px rgba(50 , 50 , 50 , 0.17 ); ) |
Əsas konteyner (en: 980px; kənar: 0 avtomatik; daşqın: gizli; doldurma: 0; fon: #fff; mövqe: nisbi; -webkit-box-kölgə: 0px 0px 10px rgba(50, 50, 50, 0.17) ; -moz-box-kölgə: 0px 0px 10px rgba(50, 50, 50, 0.17); qutu-kölgə: 0px 0px 10px rgba(50, 50, 50, 0.17); )
Etməli olduğumuz şey dəyərləri 980-dən 1080-ə dəyişdirmək və yenidən yükləməkdir.
Hamısı budur, amma hər hansı bir sualınız varsa, şərhlərdə yazın, yoxsa sizə kömək etməkdən məmnun olaram.
Müəllifdən: Salam dostlar. WordPress mövzusundakı başqa bir məqalədə WordPress şablonunu necə dəyişdirmək barədə sualı nəzərdən keçirəcəyik. Əgər əvvəllər WordPress şablonunu dəyişdirmək ehtiyacı ilə qarşılaşmamısınızsa, bu məqaləni oxumağınızdan əmin olun, çünki gec-tez WordPress şablonunu fərdiləşdirmək və redaktə etmək məsələləri ilə məşğul olacaqsınız.
Başlamaq üçün, istifadəçilərin WordPress şablonunu özləri üçün fərdiləşdirərkən qarşılaşdıqları ən ümumi sualları müəyyən edək. Budur onların nümunə siyahısı:
wordpress şablonunu necə redaktə etmək olar
wordpress-də şablon enini dəyişdirin
wordpress şablonunun ölçüsünü necə dəyişmək olar
wordpress şablonunun rəngini necə dəyişmək olar
Wordpress şablonunda şrifti necə dəyişdirmək olar
Və bu, qarşılaşa biləcəyiniz və ya başqalarına həll etməkdə kömək edə biləcəyiniz problemlərin kiçik bir siyahısıdır, o cümlədən sifariş vermək üçün vebsaytlar hazırlayırsınızsa, ödənişlidir.
Yuxarıdakı siyahıdakı bütün suallar sayt üçün istifadə olunan mövzudan asılı olaraq iki yolla həll edilə bilər. Layout biliklərini tələb etməyən ən sadə variantdan başlayaq. Şablon parametrlərdən redaktə etməyi dəstəkləyirsə, bu seçim uyğundur.
Görünüş - Fərdiləşdirmə bölməsinə keçək və səhifənin sol tərəfində saytın əsas səhifəsinə və mövcud sayt parametrlərinə baxaq. Onların arasında dizayn parametrləri ola bilər.
![](https://i0.wp.com/webformyself.com/wp-content/uploads/2016/73/1.jpg)
Məsələn, saytın rəng sxemini dəyişməyə çalışaq. Rənglər menyusuna keçək və saytın yan və mərkəzi hissələrinin fonunu dəyişdirək.
![](https://i1.wp.com/webformyself.com/wp-content/uploads/2016/73/2.jpg)
Gördüyünüz kimi, bu olduqca rahatdır və WordPress şablonunun rəngini dəyişdirmək olduqca sadədir - nəticəni dərhal görürük və qiymətləndirə bilərik.
Bununla belə, hər mövzu bizə lazım olan bütün WordPress şablon fərdiləşdirmələrini təklif etmir. Məsələn, WordPress-də şablonun genişliyini dəyişdirməyə imkan verən parametrlərin olması ehtimalı azdır, məsələn, hətta indiki mövzuda şablonda şrifti dəyişdirməyə imkan verən parametrlər yoxdur və s. Bu vəziyyətdə necə olmaq olar? Burada ikinci seçimə müraciət etməli olacağıq və burada bəzi tərtibat bacarıqlarına artıq ehtiyac var.
Beləliklə, biz ən çox yalnız bir faylı redaktə etməliyik - bu style.css stil faylıdır. O, mövzu qovluğunda yerləşir. Nümunə olaraq şrift rəngini dəyişək. Yeri gəlmişkən, bunu birbaşa WordPress idarəetmə panelindən edə bilərsiniz. Sadəcə diqqətli olun və saytı təsadüfən "sındırmamaq" üçün diqqətli olun. Mövzunuza hər hansı dəyişiklik etməzdən əvvəl onun ehtiyat nüsxəsini çıxarmaq daha yaxşıdır. Beləliklə, Görünüş - Redaktor menyusuna keçin və standart olaraq redaktə üçün mövzu stili faylı açıq olmalıdır.
![](https://i2.wp.com/webformyself.com/wp-content/uploads/2016/73/3.jpg)
Əgər belə deyilsə, sağdakı siyahıdan bu faylı seçin, o, Stylesheet (style.css) adlanır. Çox vaxt şrift rəngi bədəndə təyin olunur, ona görə də gəlin bu elementin üslublarını tapaq və qırmızı rəngi şrift rəngi kimi təyin edək.
![](https://i2.wp.com/webformyself.com/wp-content/uploads/2016/73/4.jpg)
Faylı saxladıqdan sonra saytı yeniləyə və saytda əsas şrift üçün qırmızı rəngi görə bilərik.
![](https://i2.wp.com/webformyself.com/wp-content/uploads/2016/73/5.jpg)
Gördüyünüz kimi, WordPress şablonunu özünüz üçün fərdiləşdirmək kifayət qədər sadə bir işdir. Bir az CSS biliyi ilə siz WordPress şablonunu dəyişdirə və lazım olduqda şablonu fərdiləşdirə biləcəksiniz. Eyni sxemlə digər oxşar problemləri həll edə bilərik. Bununla bağlı mən sizinlə vidalaşıram. Uğurlar və tezliklə görüşərik!
Tez-tez bir wordpress şablonu seçərkən problem yaranır - bu blokların qeyri-kafi genişliyidir. Çoxları dərhal şablonun genişliyini dəyişdirmək arzusuna sahibdirlər. Html və ya php dilini yaxşı bilənlər üçün bu heç bir xüsusi problem yaratmayacaq. Ancaq hazırlıqsız bir şəxs üçün wordpress şablonunun ölçüsündə necə dəyişiklik ediləcəyini ətraflı yazmaq üçün bütöv bir broşura lazımdır.
Ən sadə şey sifariş verməkdir, amma bunu etməyə çalışanlar özləri bilik qazanırlar. Gələcəkdə o, hər xırda şey üçün mütəxəssislərə müraciət etməli olmayacaq. Bunu etmək üçün "əsas" bilmək olduqca mümkündür. Hər hansı bir dəyişikliyə başlamazdan əvvəl resursunuzun bütün səhifələrinin ehtiyat nüsxəsini çıxardığınızdan əmin olun. Qeyri-dəqiq iş zamanı saytın orijinal görünüşünü asanlıqla bərpa edə bilərsiniz.
İnanılmaz sayda wordpress şablonları var, hamısı fərqlidir və hər biri özünəməxsus şəkildə dəyişir. Ancaq belə əsas bloklar: əsas səhifənin eni, başlıq, sol və sağ sütunlar, altbilgidə hər şey var. İş üçün bizə lazımdır:
-
Veb brauzer Mozilla Firefox.
-
Firebug plagini Firefox-da quraşdırılıb.
Lazım olan hər şey endirildikdə, quraşdırıldıqda və işə hazır olduqda, Mozilla Firefox-da seçilmiş şablonu açın və səhv işarəsinə klikləməklə Firebug-u işə salın.
![](https://i1.wp.com/wptheme.us/wp-content/uploads/2013/04/1.png)
Plugin paneli
Aşağıda, işləyəcəyimiz plagin paneli açılır. Etdiyiniz bütün dəyişikliklər dərhal monitorun yuxarı hissəsində göstəriləcək. Sağdakı nişanda seçilmiş elementin CSS üslubunu, solda səhifənin html kodunu görürük. Şablonun enini artırmaq və ya azaltmaq üçün bilməli olduğumuz ilk şey bazanın cari ölçüsüdür. Pluginimizin kursor işarəsinə klikləyin.
Səhifədəki elementlər müxtəlif rənglərlə vurğulanacaq və siz saytınızın strukturu ilə ətraflı tanış olmaq üçün səhifənin hər bir elementini vurğulaya biləcəksiniz. Adı aldıqdan sonra dəqiq ölçüləri öyrənəcəksiniz. Cari genişlik təyin edildikdən sonra bu dəyərə sol klikləyin. Sınaq üsulu ilə biz ən uyğun eni yaradırıq və onun ekranını sınaqdan keçiririk.
İstənilən element və dəyərlərlə təcrübə etməkdən çekinmeyin. Cari dəyişikliklər serverdəki səhifənizə heç bir şəkildə təsir edə bilməz, onlar yalnız plagin pəncərəsində aktivdir (Mozilla-nın cari keşi). Yenilədiyiniz zaman bütün parametrlər sıfırlanır.
style.css-i redaktə edin
İndi bu dəyişiklikləri wordpress şablonu üçün saxlamaq qalır. Adətən şablon eni style.css-də yazılır. Veb saytın administrativ panelinə daxil oluruq → görünüş → redaktor → style.css → 79-cu sətir, genişlik dəyərini dəyişdirin. qənaət edirik.
Yenilənib: 21/08/2023
103583
Səhv görsəniz, mətn parçasını seçin və Ctrl + Enter düyməsini basın