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.
Yan panelin ölçüsünü dəyişdirmək üçün bu xətt kimi bir şey tapın
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.
Ə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.
WordPress fantastik bir blog vasitəsidir, lakin təəssüf ki, mükəmməl deyil. Çoxlu yeniləmələrdən və yüzlərlə yeni funksiyadan sonra belə, rahat təcrübə üçün bəzi əsas istifadəçi interfeysi təkmilləşdirmələri hələ də lazımdır.
Mən son vaxtlar çoxlu uzun siyahı məqalələri yazıram və bu müddətdə WordPress-in daxili vizual post redaktoru ilə bağlı əvvəllər bilmədiyim və ya məni çox narahat etmədiyim bir problem aşkar etdim.
Bu qısa dərslikdə mən sizə WordPress vizual yazı redaktorunda əsas mətn sütununun enini necə dəyişdirəcəyinizi göstərəcəyəm.
Böyük yazılar (əsasən şəkillərlə) yaradarkən, siyahının düzgün formatlaşdırıldığına əmin olmaq üçün tez-tez yazıları yadda saxlamalı və önizləməli olurdum. Bundan əlavə, tez-tez mətni birbaşa şəklimə yazmaq məcburiyyətində qaldım, çünki redaktor pəncərəsinin ölçüsü mənim şəkillərimdən (həmçinin saytımdakı əsas məzmun blokundan) demək olar ki, bir yarım dəfə böyükdür:
Həll nisbətən sadədir, lakin siz onu necə həyata keçirəcəyinizi bilməlisiniz. Əvvəlcə saytınızdakı məzmun blokunun cari genişliyini bilməlisiniz. Mənim vəziyyətimdə bloq blokumun eni 650px-dir.
Sonra faylınızı açmalısınız functions.php və faylın altına aşağıdakı kodu əlavə edin:
Funksiya fb_change_mce_buttons($initArray) ( $initArray["width"] = "650px"; return $initArray; ) add_filter("tiny_mce_before_init", "fb_change_mce_buttons");
Nəticədə, saytın özündə məzmun blokunuzun genişliyini təkrarlayan bir yazı redaktoru görəcəksiniz. Beləliklə, siz idarəçi konsolu vasitəsilə giriş yaratdığınız zaman onun son nəticəyə mümkün qədər yaxın görünəcəyinə əmin olacaqsınız.
Unutmayın ki, bəzi ekran qətnamələri parametrlərinizi dəyişəcək və məsələn, yalnız bir sütun göstərəcək - bu, məzmununuzun genişliyindən asılı olacaq.
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.
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.
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.
Ə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.
Faylı saxladıqdan sonra saytı yeniləyə və saytda əsas şrift üçün qırmızı rəngi görə bilərik.
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:
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.
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.
İ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.
Tez-tez olur ki, bəyəndiyiniz mövzuda yazılar üçün dar bir sahə var və onun parametrləri genişliyin dəyişdirilməsini təmin etmir. Bu vəziyyətdə, minimum biliklə artırıla bilər HTML Və css. Nümunə kimi məşhur, pulsuz Patagonia mövzusundan istifadə edək. Möhtəşəm bir plaginin köməyi ilə mövzunu genişləndirə bilərsiniz Firefox— Yanğın böcəyi. Əvvəlcə onu buradan endirərək quraşdırmalısınız. Sonra yandırın plagin, şəkildə göstərildiyi kimi - Alətlər nişanı — Veb inkişafı — Yanğın böcəyi — açıq atəş böcəyi:
Bundan sonra, ekranın aşağı hissəsində, kursoru göstərərək və siçan ilə klikləməklə, müxtəlif elementləri seçmək lazımdır. Bu halda, sağ tərəfdə göstərilir css üslubları, və səhifə sahəsində bu və ya digər sahə vurğulanacaq - əsas, yan panel, başlıq. İndi etiketə "çıxdığımız" zaman çatacağımız əsas sahə ilə maraqlanırıq Məsələn, enini artırınəsas sahə 550 pikseldən 620 pikselə qədər. Bunun üçün xətti dəyişmək lazımdır eni: 550px fayl style.css. Mövzu artıq quraşdırılıbsa, bu faylı birbaşa admin panelindən redaktə edə bilərsiniz, əgər deyilsə, onda mövzu ilə arxivi açmaq və redaktordan istifadə edərək faylda dəyişikliklər etmək lazımdır. Bizim vəziyyətimizdə mövzu quraşdırılıb, ona görə gedin admin paneli— Görünüş — Redaktor- style.css faylını açın, xəttin enini axtarın: 550px və eni 550px-in dəyərini 620px olaraq dəyişdirin. basın Faylı yeniləyin. Sayta daxil oluruq və görürük ki, yazıların sahəsi genişlənib, lakin bəzi yerlərdə sağ sütuna “çaxıb”. Belə olan halda bu sahəni mütənasib şəkildə daraltmalıyıq. Bunun üçün biz də istifadə edəcəyik firebug plagini, əvvəlki vəziyyətdə olduğu kimi. Etiket tapılır Əsas sahə ilə əvvəlki vəziyyətdə olduğu kimi style.css redaktəsi ilə eyni proseduru edirik, yalnız indi xətti redaktə edirik kənar: 0 0 0 580px;İçindəki abzas dəyərini 580px-dən 630px-ə dəyişdirin. İndi hər şey qaydasındadır. Qeydiyyat sahəsi genişlənib və əraziyə daxil deyil yan panel. Elə olur ki, üslublar təkcə style.css faylında deyil, həm də faylda yazılır screen.css
. Sağ tərəfdə faylın bir parçası göstərilir style.css. Və burada əsas sahənin eninin 580 piksel olduğunu görə bilərsiniz. Və bu bizim ehtiyaclarımız üçün kifayət deyil.
>. Faylda style.css, biz yan panelin eninin xassədən istifadə edərək dolayı təyin olunduğunu görürük eni, və köməyi ilə kənar: 0 0 0 580px;
Tematik materiallar:
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
Sayt kateqoriyaları
