WordPress’te Tam Genişlikte Sayfa Nasıl Oluşturulur (Başlangıç Kılavuzu)

İçeriğinizi ekran boyunca uzatabilmek için WordPress’te tam genişlikte bir sayfa mı oluşturmak istiyorsunuz?

Çoğu WordPress teması zaten kullanabileceğiniz yerleşik bir tam genişlikte sayfa şablonuyla birlikte gelir. Ancak temanızda böyle bir şablon yoksa eklemek kolaydır.

Bu makalede, WordPress’te nasıl kolayca tam genişlikte bir sayfa oluşturabileceğinizi ve hatta herhangi bir kod kullanmadan tamamen özel sayfa düzenleri oluşturabileceğinizi göstereceğiz.

İşte bu kılavuzdaki yöntemlere hızlı bir genel bakış:

Yöntem 1. Temanızın Tam Genişlik Şablonunu Kullanın

Temanız zaten tam genişlikte bir sayfa şablonuyla geliyorsa, en iyisi bunu kullanmaktır. Neredeyse tüm iyi WordPress temaları bunu yapar.

En iyi ücretsiz WordPress temaları bile genellikle tam genişlikte bir şablonla birlikte gelir, bu nedenle zaten bir şablonunuz olma ihtimali yüksektir.

Öncelikle, bir sayfayı düzenlemeniz veya WordPress panonuzdaki Sayfalar ” Yeni Ekle bölümüne giderek yeni bir sayfa oluşturmanız gerekir.

İçerik düzenleyicinin sağ tarafındaki ‘Belge’ bölmesinde, yanındaki aşağı oka tıklayarak ‘Sayfa Özellikleri’ bölümünü genişletmeniz gerekir. Daha sonra bir ‘Şablon’ açılır menüsü görmelisiniz.

Temanız için bir tam genişlik şablonunuz varsa, burada listelenecektir. Adı ‘Tam Genişlik Şablonu’ gibi bir şey olmalıdır:

Burada gördüğünüz seçenekler temanıza bağlı olarak farklılık gösterecektir. Temanızda tam genişlikte bir sayfa şablonu yoksa endişelenmeyin.

Aşağıdaki yöntemleri kullanarak kolayca bir tane ekleyebilirsiniz.

Yöntem 2. Bir Eklenti Kullanarak Tam Genişlikte Sayfa Şablonu Oluşturun

Bu yöntem en kolay olanıdır ve tüm WordPress temaları ve sayfa oluşturucu eklentileri ile çalışır.

Öncelikle Fullwidth Templates eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Bunu nasıl yapacağınızdan emin değilseniz, yeni başlayanlar için WordPress eklentisi yükleme kılavuzumuza göz atın.

Fullwidth Templates eklentisi, sayfa şablonlarınıza üç yeni seçenek ekleyecektir:

Bu seçenekler şunlardır:

• FW Kenar Çubuğu Yok: Kenar çubuğunu sayfanızdan kaldırır, ancak diğer her şeyi olduğu gibi bırakır.
• FW Tam Genişlik: Kenar çubuğunu, başlığı ve yorumları kaldırır ve düzeni tam genişliğe uzatır.
• FW Fullwidth Üstbilgi Yok Altbilgi: FW Fullwidth’in yaptığı her şeyi, artı üstbilgi ve altbilgiyi kaldırır.

Eğer sadece yerleşik WordPress editörünü kullanacaksanız, “FW Kenar Çubuğu Yok” muhtemelen en iyi seçim olacaktır.

Bu eklenti tam genişlikte bir sayfa şablonu oluşturmanıza izin verirken, sınırlı özelleştirme seçeneklerine sahipsiniz.

Tam genişlik şablonunuzu herhangi bir kod kullanmadan özelleştirmek istiyorsanız, bir sayfa oluşturucu kullanmanız gerekir.

Yöntem 3: Sayfa Oluşturucu Eklentisi Kullanarak WordPress’te Tam Genişlikte Bir Sayfa Tasarlayın

Temanızda tam genişlikte bir şablon yoksa bu, tam genişlikte bir şablon oluşturmanın ve özelleştirmenin en kolay yoludur.

Sürükle ve bırak arayüzü ile tam genişlikteki sayfanızı kolayca düzenlemenize ve web siteniz için farklı sayfa düzenleri oluşturmanıza olanak tanır.

Bu yöntem için bir WordPress sayfa oluşturucu eklentisine ihtiyacınız olacak. Bu eğitimde Thrive Architect‘i kullanacağız.

En iyi sürükle ve bırak sayfa oluşturucu eklentilerinden biridir ve herhangi bir kod yazmadan kolayca sayfa düzenleri oluşturmanıza olanak tanır.

İlk olarak Thrive Architect eklentisini yükleyin ve etkinleştirin. Daha fazla ayrıntı için bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Eklentiyi etkinleştirdikten sonra, mevcut bir sayfayı düzenleyin ya da WordPress’te yeni bir sayfa oluşturun.

Ardından, ekranınızın üst kısmındaki ‘Thrive Architect’i Başlat’ düğmesine tıklayın.

Ardından, ne tür bir sayfa oluşturmak istediğinizi seçmeniz istenir. Normal bir sayfa veya önceden oluşturulmuş bir açılış sayfası oluşturmayı seçebilirsiniz.

Üzerine tıklayarak ‘Önceden Oluşturulmuş Açılış Sayfası’ seçeneğini seçin.

Bu sizi Thrive Architect’in Açılış Sayfası Kitaplığı’na götürecektir. Buradan, tam genişlikteki sayfanızın temeli olarak kullanmak üzere önceden hazırlanmış şablonlardan birini seçebilirsiniz.

Seçmek için beğendiğiniz bir şablonun üzerine tıklamanız yeterlidir.

‘Akıllı Açılış Sayfası Setleri’ bölümünden bir şablon seçtiyseniz, artık bu stilde önceden tasarlanmış bir dizi sayfa arasından seçim yapabilirsiniz.

Bu eğitim için, üzerine tıklayarak ‘Satış Sayfası’ şablonunu seçeceğiz. Ardından, ‘Şablonu Uygula’ düğmesine basın ve sayfa oluşturucu şablonu yükleyecektir.

Thrive Architect Editor’a girdikten sonra değiştirmek istediğiniz resimler, arka plan, metin gibi öğeleri düzenleyebilirsiniz.

Sayfadaki bir öğeyi düzenlemek için üzerine tıklamanız yeterlidir. Bu durumda, bu sayfa bloğunun arka planına tıkladık. Bu, sol taraftaki menüde tüm özelleştirme seçeneklerini getirir:

Burada, içeriğinizin tüm ekran genişliğini kapladığından emin olmak için anahtarı değiştirebilirsiniz.

Sol taraftaki menüden tipografiyi, yazı tipi boyutunu, düzeni, arka plan stilini, kenarlıkları, gölgeleri ve çok daha fazlasını özelleştirebilirsiniz.

Ayrıca düzeninize istediğiniz zaman yeni öğeler ekleyebilirsiniz. Thrive Architect, sayfanıza sürükleyip bırakabileceğiniz birçok temel ve gelişmiş blokla birlikte gelir.

Düzenlemeyi bitirdiğinizde, ekranın altındaki ‘Çalışmayı Kaydet’ düğmesinin yanındaki ok (^) düğmesine tıklayın. Ardından, ‘Kaydet ve Gönderi Düzenleyiciye Dön’ seçeneğine tıklayın.

Daha sonra taslağınızı kaydedebilir veya yayınlayabilirsiniz.

Yayınlandıktan sonra, tamamlanmış tam genişlikte sayfanızı görmek için WordPress blogunuzu ziyaret edebilirsiniz.

Yöntem 4. SeedProd ile Tamamen Özel Tam Genişlikte Sayfalar Oluşturun

Thrive Architect düzgün bir çözüm olsa da, web sitenizin sayfaları için size daha güçlü özelleştirme seçenekleri sunan bir eklenti arıyor olabilirsiniz.

Üstbilgi, altbilgi ve sayfanın tüm alanlarını özelleştirmek istediğiniz tamamen özel bir açılış sayfası oluşturmak istiyorsanız, SeedProd‘u kullanmanızı öneririz.

WordPress için en iyi açılış sayfası eklentisidir ve kullanımı çok kolay bir sürükle ve bırak sayfa oluşturucu arayüzü ile birlikte gelir.

Öncelikle SeedProd eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Etkinleştirdikten sonra, yeni bir açılış sayfası eklemek için SeedProd ” Sayfalar bölümüne gitmeniz yeterlidir.

Birçok tam genişlik seçeneği içeren 300’den fazla önceden oluşturulmuş şablondan birini seçebilirsiniz. Ya da sıfırdan özel bir tam genişlikte açılış sayfası oluşturabilirsiniz.

SeedProd’un en iyi yanı, son derece hızlı olması ve abone yönetimi, e-posta pazarlama hizmeti entegrasyonu, gelişmiş WooCommerce blokları ve daha fazlası için yerleşik dönüştürme özellikleriyle birlikte gelmesidir.

Ayrıntılı talimatlar için WordPress’te açılış sayfasının nasıl oluşturulacağına ilişkin kılavuzumuza bakın.

SeedProd, açılış sayfası oluşturucusunun yanı sıra eksiksiz bir sürükle ve bırak Tema Oluşturucu da sunar. Bu, herhangi bir kodu düzenlemeden kolayca özel bir tam genişlikte WordPress teması oluşturabileceğiniz anlamına gelir.

Yeni bir WordPress teması oluşturmak için SeedProd ” Theme Builder ‘a gitmeniz yeterlidir. Yine, özelleştirilebilir tema şablonları arasından seçim yapabilir veya temanızın her bir parçasını sıfırdan tasarlayabilirsiniz.

Sadece işaret edip tıklayarak temanızın her bir bölümünü düzenleyebilirsiniz. Örneğin, yeni bir arka plan resmi ekleyebilir, konumu ve bölüm genişliğini tam ekran olarak ayarlayabilirsiniz.

SeedProd Tema Oluşturucu ile sayfalar, yazılar, arşivler, üstbilgi, altbilgi, kenar çubukları, WooCommerce sayfaları ve daha fazlası dahil olmak üzere WordPress web sitenizin her bölümünü özelleştirebilirsiniz.

Adım adım talimatlar için, özel bir WordPress temasının nasıl kolayca oluşturulacağına ilişkin eğitimimizi takip edebilirsiniz.

Yöntem 5: Tam Genişlikte WordPress Sayfa Şablonunu Manuel Olarak Oluşturun

Bu yöntem, yukarıdaki yöntemlerden hiçbiri sizin için işe yaramazsa son çaredir. WordPress tema dosyalarınızı düzenlemenizi gerektirir. PHP, CSS ve HTML hakkında temel bilgilere ihtiyacınız olacak.

Bunu daha önce yapmadıysanız, WordPress’te kod kopyalama / yapıştırma hakkındaki kılavuzumuza bir göz atın.

Daha ileri gitmeden önce, bir WordPress yedeği veya en azından mevcut temanızın bir yedeğini oluşturmanızı öneririz. Bu, bir şeyler ters giderse sitenizi kolayca geri yüklemenize yardımcı olacaktır.

Ardından, Not Defteri gibi bir düz metin düzenleyicisi açın ve aşağıdaki kodu boş bir dosyaya yapıştırın:

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>

Bu dosyayı bilgisayarınıza full-width.php olarak kaydedin. Bir .txt dosyası olarak kaydetmekten kaçınmak için ‘Kayıt türü’nü ‘Tüm Dosyalar’ olarak değiştirmeniz gerekebilir:

Bu kod basitçe bir şablon dosyasının adını tanımlar ve WordPress’ten başlık şablonunu getirmesini ister.

Daha sonra, kodun içerik kısmına ihtiyacınız olacak. Bir FTP istemcisi (veya cPanel’deki WordPress barındırma dosya yöneticiniz) kullanarak web sitenize bağlanın ve ardından /wp-content/themes/your-theme-folder/ adresine gidin.

Şimdi page.php dosyasını bulmanız gerekiyor. Bu, temanızın varsayılan sayfa şablonu dosyasıdır.

Bu dosyayı açın ve get_header() satırından sonraki her şeyi kopyalayın ve bilgisayarınızdaki full-width.php dosyasına yapıştırın.

Full-width.php dosyasında bu kod satırını bulun ve silin:

<?php get_sidebar(); ?>

Bu satır kenar çubu ğunu alır ve temanızda görüntüler. Silinmesi, tam genişlik şablonunu kullanırken temanızın kenar çubuğunu göstermesini durduracaktır.

Bu satırı temanızda birden fazla kez görebilirsiniz. Temanızda birden fazla kenar çubuğu varsa (altbilgi widget alanlarına kenar çubuğu da denir), kodda her kenar çubuğuna bir kez başvurulduğunu göreceksiniz. Hangi kenar çubuklarını saklamak istediğinize karar verin.

Temanız sayfalarda kenar çubuklarını göstermiyorsa, bu kodu dosyanızda bulamayabilirsiniz.

Değişiklikleri yaptıktan sonra full-width.php kodumuzun tamamı şu şekilde görünür. Kodunuz temanıza bağlı olarak biraz farklı görünebilir.

<?php
/*
*
Template Name: Full Width
*/
get_header(); ?>

	<div id="primary" class="content-area">
	<main id="main" class="site-main" role="main">
		<?php
		// Start the loop.
		while ( have_posts() ) :
			the_post();

			// Include the page content template.
			get_template_part( 'template-parts/content', 'page' );

			// If comments are open or we have at least one comment, load up the comment template.
			if ( comments_open() || get_comments_number() ) {
				comments_template();
			}

			// End of the loop.
		endwhile;
		?>

	</main><!-- .site-main -->

	<?php get_sidebar( 'content-bottom' ); ?>

</div><!-- .content-area -->

<?php get_footer(); ?>

Ardından, FTP istemcinizi kullanarak full-width.php dosyasını tema klasörünüze yükleyin.

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

WordPress yönetici alanınıza gidin ve WordPress blok düzenleyicisinde yeni bir sayfa düzenleyin veya oluşturun.

Sağdaki ‘Belge’ bölmesinde ‘Sayfa Özellikleri’ni bulun ve gerekirse bu bölümü genişletmek için aşağı oka tıklayın. Yeni ‘Tam Genişlik’ şablonunuzu seçebileceğiniz bir ‘Şablon’ açılır menüsü görmelisiniz:

Bu şablonu seçtikten sonra sayfayı yayınlayın veya güncelleyin.

Sayfayı görüntülediğinizde, kenar çubuklarının kaybolduğunu ve sayfanızın tek bir sütun olarak göründüğünü göreceksiniz. Henüz tam genişlikte olmayabilir, ancak artık farklı bir şekilde biçimlendirmeye hazırsınız.

İçerik alanını tanımlamak üzere temanız tarafından kullanılan CSS sınıflarını bulmak için Inspect aracını kullanmanız gerekecektir.

Bundan sonra, CSS kullanarak genişliğini %100’e ayarlayabilirsiniz. CSS kodunu Görünüm ” Özelleştir ‘e gidip ekranın altındaki ‘Ek CSS’ seçeneğine tıklayarak ekleyebilirsiniz.

Test sitemizde aşağıdaki CSS kodunu kullandık:

.page-template-full-width .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.page-template-full-width .site {
margin:0px;
}

İşte Twenty Sixteen temasını kullanan demo sitemizde nasıl göründüğü.

Manuel yöntemi kullanmak ve daha fazla özelleştirme yapmak istiyorsanız, CSS stillerini bir işaretle ve tıkla düzenleyicisiyle değiştirmenize olanak tanıyan CSS Hero eklentisini de kullanabilirsiniz.

Ancak çoğu kullanıcı için kendi temanızın tam genişlik şablonunu kullanmanızı veya bir şablon oluşturmak için bir eklenti kullanmanızı öneririz.

Umarız bu makale WordPress’te tam genişlikte bir sayfanın nasıl kolayca oluşturulacağını öğrenmenize yardımcı olmuştur. Web sitenizi büyütmek için en iyi WordPress eklentileri hakkındaki rehberimizi ve kurs oluşturmak ve satmak için en iyi WordPress LMS eklentileri karşılaştırmamızı da görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.