Web Sitenizin İçerik Alanını Daha Geniş Hale Getirmek İçin WordPress Temanızı Nasıl Değiştirirsiniz?

Yayınlanan: 2022-10-31

Bir WordPress teması, düzeni ve tasarımı da dahil olmak üzere web sitenizin görünümünü ve verdiği hissi tanımlar. Seçtiğiniz WordPress teması, web sitenizin içerik alanının genişliğini belirler. Bazı WordPress temalarının sabit bir genişliği vardır; bu, web sitenizin içeriğinin, ziyaretçinizin ekranının boyutu ne olursa olsun, her zaman belirli bir genişlikle sınırlandırılacağı anlamına gelir. Diğer WordPress temaları, akıcı veya duyarlı bir genişliğe sahiptir; bu, web sitenizin içerik alanının ziyaretçinizin ekranının boyutuna göre ayarlanacağı anlamına gelir. Web sitenizin içerik alanının genişliğinden memnun değilseniz, farklı bir WordPress teması seçerek değiştirebilirsiniz. Bu makalede, temanızı değiştirerek WordPress sitenizin içerik alanını nasıl genişleteceğinizi göstereceğiz.

WordPress Kapağımı Tam Genişlikte Nasıl Yapabilirim?

Görsel – https://pinimg.com

WordPress'te düzenleyerek, okyanus wordpress ayarları bölümünde ana sekmeye giderek ve %100 tam genişlik düzenini seçerek sayfanın %100 tam genişlikte olup olmadığını kontrol edin.

Bu derste, tam genişlikte bir WordPress sayfasının nasıl oluşturulacağını ele alacağız. Birçok WordPress temasının sayfası tam özellikli değildir. Bu şekilde çalışmasını istemiyorsanız, bir eklenti kullanarak değiştirebilirsiniz. Bugünkü gösterimde, tam genişlikte bir sayfa oluşturmak için Beaver Builder eklentisinin nasıl kullanılacağını göstereceğim. Beaver Builder eklentisini nasıl kullanacağınızı Beaver Builder öğreticisini izleyerek öğrenebilirsiniz. Eğitimi tamamladıktan sonra yeni bir tema seçmek veya kendi temanızı oluşturmak size kalmış. Güncelle butonuna tıkladıktan sonra sayfalarınızda değişiklik yapabilirsiniz.

En popüler sayfa oluşturucu eklentisi Beaver Builder, bir milyondan fazla yüklemeye sahiptir. Bir Sayfa Oluşturucu web sitesi, onu özel gereksinimlerinizi karşılayacak şekilde özelleştirmenize olanak tanıyan çok çeşitli özelliklere sahip olabilir. Bir sayfayı gerçekten güzel yapan şey her zaman kullanılmalıdır. Bu ek eklentilerin yardımıyla WordPress'te tam genişlikte bir sayfa oluşturabilirsiniz. Keşfedilmeye değer başka bir eklenti de Canlı Besteci. Tamamen ücretsiz olan ve anında indirilebilen bu araçla temalarınızı özelleştirebilirsiniz. Bu düzeni kullanarak, WordPress sayfalarından kenar çubuklarını kaldırabilirsiniz. Özel tasarımlı tam genişlikte bir sayfa düzeni kullanmak mümkün müdür?

Bir WordPress Temasının Tam Genişliğini Nasıl Değiştiririm?

WordPress eklentilerinin nasıl kurulacağına ilişkin adım adım kılavuzumuzda daha fazla bilgi bulunabilir. Etkinleştirdikten sonra, yeni bir sayfa oluşturabilir veya mevcut bir sayfayı düzenleyebilirsiniz. Ekranınızın sağ tarafında, 'Sayfa Nitelikleri'ni tıklayın, ardından açılır menüden tam genişlikte bir şablon seçin.

WordPress'te Kutulu Düzen Nedir?

Görsel – https://wp.com

WordPress'teki kutulu düzen, içeriğin bir kutu içinde bulunduğu bir düzendir. Kutu herhangi bir boyutta olabilir ve ortalanabilir veya sola veya sağa hizalanabilir. Kutu ayrıca sabit veya sıvı olabilir.

Kutulu Düzenler: Temel Sayfalar İçin Mükemmel Çözüm

Bir WordPress sitesi oluşturmanın sayısız yolu vardır, ancak yalnızca birkaç temel özelliğe sahip temel bir sayfaya sahip olmak gerekebilir. Temel bir sayfanın üst kısmında bir üst bilgi ve alt bilgi, ortada bir miktar içerik ve solda veya sağda bir kenar çubuğu olabilir. Bu tür sayfaları kutulu bir düzende oluşturmak, daha az kodlama gerektirdiği için bunu yapmanın harika bir yoludur. Sayfa düzeni, kendi metniniz veya resminizle değiştirilebilen yer tutucu içeriği içeren önceden tasarlanmış bir sayfadır. Bu şablonların oluşturulmasında bloklar kullanılır, böylece bir düzene daha fazla blok ekleyebilir veya mevcut içeriği düzenleyebilirsiniz. Bu nedenle, Tam Genişlik Şablonu veya Kenar Çubuğu Şablonu Yok gibi WordPress sayfa oluşturucularını kullanan sayfa düzenleri oluşturulabilir. Zillere ve ıslıklara ihtiyacınız yoksa kutulu bir düzen en iyi seçenektir.

WordPress'te Konteyner Genişliği Nedir?

GeneratePress WordPress temasında kapsayıcının genişliğini değiştirebilirsiniz. Görünüm altında, Kapsayıcı bölümüne tıklayın. Kaydırıcı ile piksellerin genişliğini değiştirebilir veya numaranızı doğrudan alana girebilirsiniz (örneğin, 1200).

Bir Kapsayıcı oluşturmak için önce bir ad seçmeli, yazı tipi boyutunu ve satır yüksekliğini ayarlamalı ve ardından birkaç temel stil uygulamalısınız. Bir kap, ana Div'inin genişliğinden bağımsız olarak tüm ana Div'ini kaplar.
Kap, ızgaranın taban çizgisi olarak hizmet eder ve sırasını belirler. Izgaradaki her öğenin üzerinde göründüğü görünmez çizgi. Izgaranın taban çizgisi genişliğini kapsayıcı ile aynı genişliğe otomatik olarak ayarlayarak, içeriğinizi görünmez çizgilerle hizalayabilirsiniz.
Kapsayıcılar, ana Div'leri nedeniyle mükemmel içerik merkezleri oluşturur. tamamen genişlik kısıtlıdır. Bir Div'in ebeveyni 980 piksel genişliğe sahip olduğunda, kap, içindeki kapsayıcının boyutuna bakılmaksızın 980 piksel kaplar.
Konteynerler ise tam genişlikleri nedeniyle daha küçük cihazlarda kullanımı zor olabilir ve bu da onları bazılarıyla uyumsuz hale getirir. İçeriğinizi bir Kapsayıcıda ortalamak için, içeriği kenarından dengelemek için bir kenar boşluğu ayarlamanız gerekir.

Web Sitenizin Düzenini Geliştirmek İçin WordPress Kapsayıcıları Nasıl Kullanılır?

WordPress ile kendi kapsayıcınızı oluşturabilir ve yerleşik kapsayıcı türlerini kullanabilirsiniz. İçeriği yönetmek, farklı içerik türleri için ayrı alanlar oluşturmak ve çok daha fazlası için kullanılabilirler. Kapsayıcılar, web sitenizi düzenlemeyi ve düzenini iyileştirmeyi kolaylaştırır. Kapsayıcıları kullanarak içeriğinizin genişliğini kontrol edebilir ve tüm cihazlarda tutarlı olmasını sağlayabilirsiniz. Görünüm'e giderek - kaydırıcıyı WordPress'teki bir bölümün istenen genişliğine getirin. Kullandıkları kap genişliklerinin yanı sıra bir düzen ve genişlik listesine sahiptirler. İçerik alanınızın genişliğini değiştirmek için kaydırıcı, İçerik Genişliği seçeneğine tıklayarak seçilebilir. Değişiklikler uygun görüldüğü anda uygulanacaktır.

Kutulu Düzen Web Sitesi

Kutulu düzen web sitesi, site içeriğinin sayfadaki bir kutu veya kutular içinde yer aldığı bir web sitesidir. Bu tür yerleşim, görsel olarak ilginç bir tasarım oluşturmak veya sitenin içeriğini vurgulamak için kullanılabilir. Kutulu düzenler genellikle ızgara düzeni gibi diğer tasarım öğeleriyle birlikte kullanılır.

Benzersiz bir efekt yaratmak için her HTML öğesi kenar boşluğu, kenarlık ve dolgu özelliklerini kullanır. Bu öğreticide kutu modelini ve bir web sitesindeki içeriği düzenlemek için katmanlarının her birinin birlikte nasıl çalıştığını öğreneceğiz. Kutu modelindeki dört katmanın her birinin belirli bir amacı vardır ve her birinin kendine has özellikleri vardır. CSS kutu modelindeki bir sınır özelliği, üçüncü katmanın parçası olan bir özelliktir. Bu özellik, geliştiricilerin belirli özelliklere sahip HTML öğelerinin kenarlarını değiştirmesine olanak tanır. Border özelliği olarak işlev görmek için gereken yalnızca bir özellik vardır. Border-style özelliğinin varsayılan değeri sıfır olsa da, bunu istediğiniz sayıda farklı değerle değiştirebilirsiniz.

Padding özelliği, margin özelliği gibi dört özelliğe sahiptir. Her özelliği ayrı ayrı veya padding özelliğine yığın değeri olarak kullanmanın iki yolu vardır. Örneğin, 2 genişliğinde bir paragrafın etrafında düz kırmızı bir kenarlık istiyorsanız, bu kod bunu yapacaktır. Yukarıdaki kod tarayıcınıza eklendikten sonra kenar boşluğunu eklerseniz aşağıdaki çıktıyı alacaksınız: Evet, bu biraz daha iyi değil mi? Div elemanlarının ihtiyaçlarını karşılaması için yeterli alan. 20 piksellik bir kenar boşluğunun eklenmesiyle, her bir div öğesinin artık 20'lik bir kenar boşluğu vardır. Doldurma özelliği artık, kutu modeline uyduğu sınırın iç kısmına odaklanabilir.

Neden Tam Genişlikte Bir Web Sitesi Şablonuna Geçmelisiniz?

Web tasarımı alanı, günlük olarak yeni ve daha karmaşık teknikler geliştirildiği için sürekli değişmektedir. Tam genişlikte web siteleri, daha büyük ekranlarda görünen ekstra alandan yararlandıkları için şu anda daha yaygın hale geliyor. Hala kutulu bir düzen kullanıyorsanız, tam genişlikte bir şablona geçmelisiniz. Bir dizi WordPress şablonu, her ikisi de kenar çubuğunu sayfadan kaldıran Kenar Çubuğu Yok Şablonu ve Tam Genişlikli Şablon içerir. Bu özelliği kullanmak, tasarımı daha modern ve daha temiz hale getirir, bu da sayfa oluşturucularla kullanım için idealdir. Bu şablonlardan biriyle tamamen duyarlı bir web sitesi oluşturun ve hemen başlayın.