O zaman dosyayı indirmeniz gerekiyor Tam genişlik.php WordPress tema klasörünüzde .

Temanız için özel bir tam genişlikte sayfa şablonunu başarıyla oluşturdunuz ve yüklediniz. Bir sonraki adım, tam boyutlu bir sayfa oluşturmak için bu şablonu kullanmaktır.

Kontrol paneline gidin ve düzenleyin veya yeni bir sayfa oluşturun.

Sayfa düzenleme ekranında, sayfa nitelikleri onay kutusunu bulun ve Model seçeneğinin altındaki açılır menüyü tıklayın.

Modelinizi görebileceksiniz. Devam edin, seçin ve sayfayı kaydedin veya yenileyin.

Artık web sitenizi ziyaret edebilirsiniz ve kenar çubuklarının gittiğini ve sayfanızın tek sütunlu bir sayfa olarak gösterildiğini göreceksiniz. Henüz doldurulmamış olabilir, ancak artık onu farklı bir şekilde dağıtmaya hazırsınız.

Keşfederek sitenizi popüler hale getirin

Temanızın içerik alanını tanımlamak için kullandığı CSS sınıflarını keşfetmek için İnceleme aracını kullanmanız gerekecektir.

Daha sonra CSS kullanarak genişliğini %100'e ayarlayabilirsiniz. Aşağıdaki CSS kodunu kullandık:

.page-template full-width zone.content(width: 100%; Margin: 0px; border: 0px; padding: 0px; ) .page-template fullwidth.Output(margin: 0px; )

Twenty Seventeen böyle görünecek.

Bu eğitim için hepsi bu kadar, umarım tam boyutlu sayfalar oluşturmanıza izin verir.

Yukarıdaki yöntemler, karşılayabilen ve hızlı bir şekilde tam veya tam genişlikte düzenler oluşturmak isteyenler için ücretsizdir.

Ayrıca bazı premium WordPress eklentilerini keşfedin

Modern bir görünüm vermek ve blog veya web sitesi yönetiminizi kolaylaştırmak için diğer WordPress eklentilerini kullanabilirsiniz.

Bunu yapmanıza yardımcı olacak birkaç premium WordPress eklentisi sunuyoruz.

1. Divi Oluşturucu

Divi Builder, oldukça saygı gören yüksek kaliteli bir sayfa oluşturucudur. Zarif temalar Yaygın olarak Divi WordPress temasının bir parçası olarak kullanılmasına rağmen Divi Builder, diğer WordPress temalarında kullanılabilen bağımsız bir eklentidir.

Divi Builder, çoğu kullanıcı ilkini tercih etse de, içeriğinizi hem ön uçtaki görsel bir arabirimi hem de sunucu tarafı arabirimini kullanarak düzenlemenize olanak tanır.

Temel olarak, kenar çubukları yerine her şey açılır pencerelerde ve kayan düğmelerdedir. 40 farklı sunum paketine dağıtılan 316 önceden tanımlanmış şablona erişmenizi sağlar ve ayrıca kendi tasarımlarınızı şablon olarak kaydetmenize olanak tanır.

açmaya davet ediyoruz

Divi'nin ayırt edici özelliklerinden biri her zaman size verdiği stiller üzerinde kontrol olmuştur. Üç farklı sekmede, duyarlı kontroller, özel boşluk ve daha fazlası dahil olmak üzere çeşitli seçenekleri ayarlayabilirsiniz.

CSS düzenleyicisi temel doğrulama ve otomatik tamamlamayı birleştirdiği için özel CSS bile ekleyebilirsiniz.Divi Builder'a yönelik eleştirilerden biri her zaman temel aldığı olmuştur.Bu, bir kez devre dışı bırakırsanız, içeriğinizde bir sürü kısa kodla kalacağınız anlamına gelir. Biraz iç karartıcı olsa da, artık Shortcode Cleaner gibi eklentilerle ilgili daha az sorun var.

2. Oluşturucu

Themify Builder'ın Themify ekibinin teklifi olmasına şaşmamalı. Müşterilere kolay özelleştirme seçenekleri sunmak için WordPress temalarının çoğuna entegre eder. Ancak bağımsız bir eklenti olarak da satın alabilir ve herhangi bir WordPress temasıyla kullanabilirsiniz.

Divi Builder ve WPBakery Sayfa Oluşturucu gibi, Themify Builder da ön uçta veya arka uçta düzenler oluşturmanıza olanak tanır.Başka bir iyi şey de, bu eklentinin yanıt kesme noktalarınızı özelleştirmenize izin vermesidir (ancak yalnızca site genelinde bir düzeyde).

Bir çevrimiçi mağaza oluşturmayı keşfedin ve ürünlerinizi çevrimiçi olarak kolayca satın

Themify Builder'ın ilginç bir özelliği, diğer sayfa oluşturucular sizi her şey için Sayfa Oluşturucu arayüzünü kullanmaya zorlarken standart WordPress editörünü kullanmanıza izin vermesidir.

3. Fakir

İlk olarak 2016 yılında kullanıma sunulan WordPress Elementor eklentisi, bu listedeki en genç geliştiricilerden biridir. Geç lansmanına rağmen Elementor, WordPress.org'da hızla 1.000.000'den fazla aktif yükleme topladı ve bu da onu en popüler WordPress oluşturucularından biri haline getirdi.

Herhangi bir öneriniz veya yorumunuz varsa, lütfen bunları bölümümüze bırakın.

Yazardan: Merhaba arkadaşlar. WordPress temasıyla ilgili bir sonraki makalede, WordPress şablonunun nasıl değiştirileceği sorusunu ele alacağız. Daha önce bir WordPress şablonunu değiştirme ihtiyacıyla hiç karşılaşmadıysanız, bu makaleyi okuduğunuzdan emin olun çünkü er ya da geç, büyük olasılıkla bir WordPress şablonunu özelleştirme ve düzenleme sorunlarıyla uğraşmak zorunda kalacaksınız.

Başlamak için, kullanıcıların bir WordPress şablonunu kendileri için özelleştirirken karşılaştıkları en yaygın soruları tanımlayalım. İşte bunların örnek bir listesi:

wordpress şablonu nasıl düzenlenir

WordPress'te şablon genişliğini değiştirme

wordpress şablonu nasıl yeniden boyutlandırılır

Bir wordpress şablonunun rengi nasıl değiştirilir?

wordpress şablonunda yazı tipi nasıl değiştirilir

Ve bu, karşılaşabileceğiniz veya başkalarının çözmesine yardımcı olabileceğiniz, sipariş üzerine web siteleri geliştiriyorsanız bir ücret karşılığında da dahil olmak üzere, sorunların yalnızca küçük bir listesidir.

Yukarıdaki listedeki tüm sorular, site için kullanılan temaya bağlı olarak iki şekilde çözülebilir. Düzen bilgisi gerektirmeyen en basit seçenekle başlayalım. Bu seçenek, şablon ayarlardan düzenlemeyi destekliyorsa uygundur.

Görünüm - Özelleştir bölümüne gidelim ve sayfanın sol tarafında sitenin ana sayfasını ve mevcut site ayarlarını görelim. Bunlar arasında tasarım ayarları olabilir.

Örneğin sitenin renk düzenini değiştirmeye çalışalım. Renkler menüsüne gidip sitenin yan ve orta kısımlarının arka planını değiştirelim.

Gördüğünüz gibi, bu oldukça kullanışlı ve bir WordPress şablonunun rengini değiştirmek oldukça basit - sonucu hemen görüyoruz ve değerlendirebiliyoruz.

Ancak, her tema ihtiyacımız olan tüm WordPress şablon özelleştirmelerini sunmaz. Örneğin, WordPress'te şablonun genişliğini değiştirmenize izin veren ayarların olması pek olası değildir, örneğin mevcut temada bile şablondaki yazı tipini değiştirmenize izin veren hiçbir ayar yoktur vb. Bu durumda nasıl olunur? Burası ikinci seçeneğe başvurmamız gereken yer ve burada bazı düzen becerilerine zaten ihtiyaç var.

Bu nedenle, çoğunlukla yalnızca bir dosyayı düzenlememiz gerekir - bu, style.css stil dosyasıdır. Tema klasörünüzde bulunur. Örnek olarak yazı rengini değiştirelim. Bu arada, bunu doğrudan WordPress yönetici panelinden yapabilirsiniz. Sadece dikkatli olun ve siteyi yanlışlıkla "kırmamaya" dikkat edin. Herhangi bir değişiklik yapmadan önce temanızı yedeklemek en iyisidir. Bu nedenle, Görünüm - Düzenleyici menüsüne gidin ve varsayılan olarak tema stili dosyasını düzenleme için açmış olmanız gerekir.

Değilse, sağdaki listeden bu dosyayı seçin, buna Stil Sayfası (style.css) adı verilir. Çoğu zaman, yazı tipi rengi gövdede ayarlanır, bu yüzden bu öğenin stillerini bulalım ve yazı tipi rengi olarak kırmızı rengi ayarlayalım.

Dosyayı kaydettikten sonra siteyi güncelleyebilir ve sitedeki ana yazı tipi için kırmızı rengi görebiliriz.

Gördüğünüz gibi, bir WordPress şablonunu kendiniz için özelleştirmek oldukça basit bir iştir. Biraz CSS bilgisiyle, WordPress şablonunu değiştirebilecek ve şablonu gerektiği gibi özelleştirebileceksiniz. Aynı şema ile diğer benzer sorunları çözebiliriz. Bunun üzerine sana veda ediyorum. İyi şanslar ve yakında görüşürüz!

İyi bir site oluşturmak istiyorsanız şablonu yeniden boyutlandırabilmelisiniz. Varsayılan olarak, birçok tema garip şablon çerçeve boyutları sunar. Dar konular, çok geniş olmak kadar kötüdür. Sitedeki işlevler için doğru olan bir orta zemine sahip olmalısınız. Ancak bu şekilde kaynağınızın içeriği doğru şekilde görüntülenecek ve tüm widget'lar kenar çubuğuna sığacaktır. Bu yazıda, yan sütunların boyutunu ayarlamanın yollarını öğreneceksiniz.

Kenar çubuğu olmadan site işe yaramaz görünüyor. Sayfanın içeriğini bir şekilde görsel olarak sulandırmak istiyorsanız, belirli bir boyutta bir kenar çubuğu ekleyerek WordPress şablonunu değiştirmelisiniz. Genellikle yan sütunlar varsayılan olarak zaten kuruludur. Ancak kenar çubuğunun genişliği belirli bir proje için her zaman en uygun değildir. WordPress sitesinde kenar genişliği ve yüksekliği nasıl değiştirilir yöntemlerine bakalım.

Kenar çubuğunun boyutu ne olmalıdır?

Hiçbir şeyi değiştirmeniz gerekmeyebilir. Kenar çubuğunu yalnızca "eğri" ve doğal görünmüyorsa değiştirin. İlk olarak, kenar çubuğunun, içeriğin bulunduğu sayfanın gövdesinden daha küçük bir genişliğe sahip olduğundan emin olun. Kenar çubuğu sitenin önemli bir parçası değildir, bu nedenle fazla dikkat edilmemelidir - sayfanın görünen kısmının en fazla %40'ını kaplayabilir. İki (veya birkaç) kenar çubuğunuz varsa, genişliklerinin tüm sayfanın genişliğinin %50'sini geçmemesi gerektiğini lütfen unutmayın. Yalnızca bir yan sütun kullanmak daha iyidir - bu şekilde daha verimli olur.

Yalnızca bir kenar çubuğu kullanan siteler için tasarımcıların “altın kuralı” vardır. Bu kural, bir sayfada yalnızca bir kenar çubuğu varsa, site genişliğinin %38'inden fazlasını kaplamaması gerektiğini belirtir. Pek çok seçkin web tasarımcısı, böyle gizemli bir figürden bahseder (örneğin: Jarel Remik).

Yüksekliğe gelince, kenar çubuğunun sitenin üstüne çıkmaması önemlidir. Üst sınırdaki yükseklik boyutu, sayfanın ana kısmına benzer olmalıdır. Ancak alt limit değiştirilebilir, böylece sitenin taban kısmı daha uzun olur. Sitedeki her şeyi kenar çubuğuna sıkıştırmaya çalışmanıza gerek yok - sadece ana şey. Ve gerçekten çok fazla bilgi varsa, iki kenar çubuğu yapın, ancak kenar çubuğunu sitenin altbilgisine kadar uzatmanıza gerek yoktur.

Kenar çubuğu boyutunu manuel olarak değiştirme

Şimdi herhangi bir eklenti kullanmadan yan sütunların boyutunu ve şablon çerçevesinin kendisini bağımsız olarak nasıl değiştireceğimizden bahsedelim. Bu yöntem, sayfanın kaynak kodunu değiştirmeyi içerir. Şablon boyutu parametresinin içine alındığı html etiketlerindedir. Arka plan olarak özel boyutlu bir resim yüklerseniz, yeniden boyutlandırmanın olumsuz sonuçları olabileceğini lütfen unutmayın. Bu nedenle, çerçeve parametrelerini site düzeni aşamasında değiştirmek daha iyidir.

Koddaki kenar çubuğu parametreleri bir blok şeklindedir. Yan sütunlar da dahil olmak üzere tüm çerçevenin boyutunu değiştirmek için, koda girmeniz ve dönüşümlü olarak her bir öğenin genişlik ve yükseklik sayısal parametrelerini ayarlamanız gerekir. Yani:

  • başlık - site başlığının boyutundan sorumludur;
  • bg - bu ana içerik, yani sayfanın makalelerin yerleştirileceği kısmı (kenar çubuğunun bulunduğu kısım bu kısımdadır);
  • altbilgi, sitenin altbilgisidir, yani alt kısmıdır.

Belirli bir bloğun boyutlarını bulmak için, "Sayfa Kodu Görünümü"ndeki sarmalayıcı öğeye tıklamanız gerekir. Tarayıcının CSS bölümünün yan tarafında, öğenin genişliği için piksel cinsinden sayısal değerler göreceksiniz. Tüm tel kafesin boyutunu değiştirmek için ana öğeyi düzenlemeniz ve ardından diğer öğelerde de değişiklikler yapmanız gerekir. Sitenizin kullanıcıların önünde "atlamaması" için bunu yerel bir sunucuda yapmanız önerilir. Ve genel olarak, bunu bir İnternet projesinin başlatılmasından önce yapmak daha iyidir.

Kenar çubuğunun boyutunu değiştirmek için bu satıra benzer bir şey bulun

Bu satır, sayfanın orta kısmının, yani içerik bloğunun ve yan sütunların parametrelerinden sorumludur. "Ana" satıra dokunmayın - burası sitenin ana bölümüdür. "Mainnav" etiketini bulmanız gerekiyor - bu kenar çubuğudur. Farklı bir boyut değeri girmek için ihtiyacınız olan tek şey, genişlikten sorumlu olan CSS'deki genişlik öğesini değiştirmektir. Kenar çubuğunu küçültebilir veya büyütebilirsiniz, ancak sitenizin doğru görüntülendiğinden emin olmak için yukarıdaki boyutlandırma ipuçlarını takip etmeyi unutmayın.

Değişikliklerin kaydedilebilmesi için sunucu üzerinde yapılmış olması gerekir. Yani, başlangıçta yerel barındırmada ayarlamaları test edebilirsiniz, ancak daha sonra düzenlenen style.css dosyasını kopyaladığınızdan ve ana sunucunun veritabanlarına eklediğinizden emin olun. Ancak o zaman değişiklikler geçerli olacaktır.

kenar çubuğu yeniden boyutlandırma eklentisi

Basamaklı stil sayfalarında gezinmek ve düzenlenmesi gereken öğeleri aramak istemiyorsanız, WordPress için Görsel Kenar Çubuğu Düzenleyicisi eklentisini kullanabilirsiniz. Bu, kenar çubukları oluşturmak için özel olarak tasarlanmış özel bir modüldür. Daha büyük Görsel Besteci aracının bir parçasıdır.

Visual Composer eklentisi, WordPress için doğal bir sayfa oluşturucudur. Bununla sıfırdan hazır bir şablon oluşturabilirsiniz. Modül kısa kodlarla çalışır ve kurulumu çok kolaydır. Yapmanız gereken tek şey kenar çubuğunu yeniden boyutlandırmak değilse, Visual Composer eklentisini indirin ve Visual Sidebar Editor'ı eklenti olarak ekleyin. Sorun sadece sayfanın kenar çubuğunun boyutundaysa Görsel Kenar Çubuğu Düzenleyici modülü yeterli olacaktır.

Kenar çubuğunu değiştirmek için bir eklenti kullanmanın avantajı, her şeyi otomatik olarak yapmasıdır. Yani, Sürükle ve Bırak sistemini kullanarak neyi değiştirmek istediğinizi gösterirsiniz ve modül, isteklerinize göre eleman kodunu bağımsız olarak düzeltir. Html etiketlerini düzenlemeyi denemek istiyorsanız, eklenti size böyle bir fırsat sağlayacaktır. Ek olarak, siteye ek işlevler eklemek için özel kısa kodlara sahiptir - 40'tan fazla uzantı.

Sayfaları düzenlemek için böyle bir eklenti kullanmanın bir başka artısı da, motorun sürümünden bağımsız olarak değişikliklerin kaydedilmesidir. WordPress'i güncelleseniz bile şablon değişmez - bir modül tarafından kontrol edilir. Bu nedenle, eski sürümlere geçebilir veya WordPress'i güncelleyebilirsiniz - bu artık kenar çubuğunun boyutuna zarar vermez. Ek olarak, eklenti uygun içe ve dışa aktarma ile çalışır - yani, kenar çubuklarını bir siteden kopyalayabilir ve başka bir siteye aktarabilirsiniz. Ve en önemlisi, modül son derece net bir prensibe göre çalışır - yeni başlayanlar bile hızlı bir şekilde ustalaşacaktır.

Görsel Kenar Çubuğu Düzenleyicisi'nin çalışmasını beğendiyseniz, tüm eklenti setini - Görsel Besteci modülü - kurmayı düşünün. O zaman portal sayfalarındaki herhangi bir öğeyi düzenlemek sizin için kolay olacaktır.

WordPress harika bir blog oluşturma aracıdır, ancak ne yazık ki mükemmel değildir. Pek çok güncelleme ve yüzlerce yeni özellikten sonra bile, rahat bir deneyim için bazı temel kullanıcı arabirimi iyileştirmelerine ihtiyaç duyulmaktadır.

Son zamanlarda pek çok uzun liste makalesi yazıyorum ve bu süreçte WordPress'in yerleşik görsel yazı düzenleyicisiyle ilgili bilmediğim veya daha önce beni pek rahatsız etmeyen bir sorun keşfettim.

Bu kısa öğreticide, size WordPress görsel yazı düzenleyicisinde ana metin sütununun genişliğini nasıl değiştireceğinizi göstereceğim.

Sorun

Büyük gönderiler oluştururken (çoğunlukla resimlerle), listenin düzgün biçimlendirildiğinden emin olmak için genellikle gönderiyi kaydetmem ve önizlemem gerekiyordu. Ek olarak, genellikle doğrudan resmimin üzerine metin yazmak zorunda kalıyordum, çünkü editör penceresinin boyutu resimlerimin herhangi birinden (ve sitemdeki ana içerik bloğundan) neredeyse bir buçuk kat daha büyük:

Çözüm

Çözüm nispeten basit, ancak onu nasıl uygulayacağınızı bilmeniz gerekiyor. Öncelikle sitenizdeki içerik bloğunun mevcut genişliğini bilmeniz gerekir. Benim durumumda, blog bloğumun genişliği 650 pikseldir.

O zaman dosyanızı açmanız gerekecek fonksiyonlar.php ve dosyanın en altına aşağıdaki kodu ekleyin:

function fb_change_mce_buttons($initArray) ( $initArray["width"] = "650px"; return $initArray; ) add_filter("tiny_mce_before_init", "fb_change_mce_buttons");

Sonuç

Sonuç olarak, içerik bloğunuzun genişliğini sitenin kendisinde tekrarlayan bir yazı düzenleyici göreceksiniz. Bu şekilde, yönetici konsolu aracılığıyla bir giriş oluşturduğunuzda, nihai sonuca olabildiğince yakın görüneceğinden emin olacaksınız.

Bazı ekran çözünürlüklerinin ayarlarınızı değiştireceğini ve örneğin yalnızca bir sütun göstereceğini unutmayın; bu, içeriğinizin genişliğine bağlı olacaktır.

Devamını oku: