WordPress’te tam geniş bir sayfa nasıl yapılır (Yeni Başlayan Kılavuz)

WordPress’te tam geniş bir sayfa oluşturmak ister misiniz, böylece içeriğinizi tüm ekranda uzatabilirsiniz? WordPress temalarının çoğu, kullanabileceğiniz geniş bir açıklama sayfası şablonu ile donatılmıştır. Ancak temanız yoksa, eklemek kolaydır. Bu makalede, WordPress’te tam geniş bir sayfanın nasıl kolayca yapıldığını göstereceğiz ve hatta herhangi bir kod olmadan eksiksiz bir özel sayfa düzeni yapacağız.

Yöntem 1. Tam genişlik şablonunuzu kullanın, temanız tam geniş bir sayfa şablonu ile donatılmışsa, sadece kullanmalısınız. Neredeyse tüm iyi WordPress temaları bunu yapıyor.
En iyi ücretsiz WordPress temaları bile genellikle tam geniş şablonlarla birlikte gelir, bu yüzden büyük olasılıkla zaten var. İlk olarak, sayfayı açarak sayfayı düzenlemeniz veya yeni bir tane oluşturmanız gerekir »WordPress kontrol panelinize yeni ekleyin. İçeriğin doğru düzenleyicisindeki ‘Belge’ panelinde, yanındaki oku tıklayarak ‘Sayfa Özniteliği’ bölümünü genişletmeniz gerekir. Daha sonra ‘şablon’ açılır menüsünü göreceksiniz.

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

Burada gördüğünüz seçenekler temanıza bağlı olarak farklı olacaktır. Temanızda tam bir sayfa şablonu yoksa endişelenmeyin. Aşağıdaki yöntemi kullanarak kolayca ekleyebilirsiniz. Yöntem 2. Eklenti kullanarak tam geniş bir sayfa şablonu oluşturun Bu yöntem, tüm WordPress temaları ve sayfa yapımcıları eklentileri ile en kolay ve işlevlerdir. İlk olarak, FullWidth Şablonları eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Nasıl yapacağınızdan emin değilseniz, WordPress eklentisini yüklemek için yeni başlayan kılavuzumuza bakın. Fullwidth Şablonları eklentisi, sayfa şablonunuza üç yeni seçenek ekleyecektir: Bu seçenekler:

FW Kenar Çubuğu Yok: Kenar çubuğunu sayfanızdan silin, ancak diğerlerinin sağlam kalmasına izin verin
FW Fullwidth: Yanları, başlıkları ve yorumları silin ve düzeni tam genişliğe kadar uzatın
FW Fullwidth Üstbilgi Yok: FW Fullwidth’in yaptığı her şeyi silin, ayrıca üstbilgi ve altbilgi
Yalnızca varsayılan WordPress düzenleyicisini kullanacaksanız, “FW no Kenta Çubuğu” muhtemelen en iyi seçim olacaktır. Bu eklenti tam genişlikte bir sayfa şablonu yapmanıza izin verse de, sınırlı bir ayar seçeneğiniz vardır. Tüm geniş şablonunuzu herhangi bir kod olmadan ayarlamak istiyorsanız, bir sayfa üreticisi kullanmanız gerekir.
Yöntem 3: Temanızın tam geniş bir şablona sahip değilse, bir Sayfa Maker eklentisi kullanarak WordPress’te tam geniş bir sayfa tasarlayın, o zaman tam genişlik şablonları oluşturmanın ve ayarlamanın en kolay yolu budur. Bu, tüm geniş sayfalarınızı kolayca düzenlemenize ve Drag & Drop arabirimi ile web siteniz için farklı bir sayfa düzeni oluşturmanıza olanak tanır. Bu yöntem için bir WordPress sayfa yapımcısı eklentisine ihtiyacınız var. Bu öğreticide Beaver Builder’ı kullanacağız. Bu, en iyi ve gevşek sayfa üreticileri eklentilerinden biridir ve sayfa düzenini herhangi bir kod yazmadan kolayca yapmanıza olanak tanır. Önce Beaver Builder eklentisini yükleyin ve etkinleştirin. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirdikten sonra mevcut sayfaları düzenleyin veya yeni bir sayfa yapın. Ekranınızın sağ tarafındaki ‘Belge’ panelinde, ‘sayfa özniteliklerini’ açın ve açılır menüden tam genişlik şablonu seçin. Ardından, ekranınızın ortasındaki ‘Beaver Builder’ı Başlat’ düğmesini tıklayın.
Şimdi, sayfanızı oluşturmak için Drag arabirimini ve Beaver Builder’ın kapalı olarak kullanın.
Başlamanın iyi bir yolu, üstteki şablon sekmesine tıklamaktır. Tam geniş sayfanız için temel olarak kullanılacak bitmiş şablonlardan birini seçin.

Seçmek için şablona tıklayın ve sayfa üreticisi yükleyecektir. Daha sonra, bir resim gibi, neyi değiştirmek istediğiniz bir öğeyi düzenleyebilirsiniz. Beaver Builder’ın düzeni çizgiler ve modüllerle yapılır. Her satırda birkaç sütun olabilir ve her satırda içerik ve widget modülleri ekleyebilirsiniz. Düzendeki satırları veya modülleri düzenlemek için yalnızca tıklamanız gerekir. Bu durumda, Başlık Modülünü düzenliyoruz: Beaver Builder, açılıştaki ayarları düzenleyebileceğiniz öğelerin ayrıntılarını açacak. Metni değiştirebilir, yazı tiplerini ve renklerini değiştirebilir, arka plan resimlerini ekleyebilir veya değiştirebilir ve daha fazlasını yapabilirsiniz.

Düzeninize istediğiniz zaman modüller ve widget’lar ekleyebilirsiniz. Beaver Builder, sayfanıza sürükleyebileceğiniz ve gevşeyebileceğiniz birçok temel ve gelişmiş içerik modülü ile birlikte gelir.

Düzenlemeyi bitirdikten sonra, sayfanın üst kısmındaki ‘Bitti’ tıklayın. Daha sonra taslağı kaydedebilir veya yayınlayabilirsiniz.

Şimdi tamamlanmış geniş geniş sayfayı görmek için sayfanızı ziyaret edebilirsiniz.

Yöntem 4. SeedProd ile özel bir genişlik genişliği sayfaları oluşturun, Beaver Builder düzgün bir çözüm olmasına rağmen, web sitenizi yavaşlatma potansiyeline sahiptir. Üstbilgiyi, altbilgiyi ve sayfanın tüm alanlarını ayarlamak istediğiniz tamamen özel bir yön sayfası oluşturmak istiyorsanız, SeedPod’u kullanmalısınız.

Bu, WordPress için en iyi eklenti sayfalarıdır ve kullanımı çok kolay bir sürükleme ve gevşek sayfa yapıcı arayüzü ile donatılmıştır.

İlk olarak, SeedProd eklentisini takmanız ve etkinleştirmeniz gerekir. Aktivasyondan sonra, yeni bir yön sayfası eklemek için SeedProd »sayfasını açmanız yeterlidir. Yalnızca daha önce yapılan birçok şablondan birini seçmeniz veya en başından itibaren özel bir yön sayfası oluşturmanız gerekir. SeedProd’un en iyi kısmı çok hızlıdır ve müşteri yönetimi için varsayılan bir dönüşüm özelliği, e -posta pazarlama hizmetlerinin entegrasyonu ve daha fazlası ile donatılmıştır. Yöntem 5: Manuel olarak tam geniş bir WordPress sayfa şablonu oluşturun Bu yöntem, son seçim ise son seçimdir sizin için başarılı bir yöntem değil. Bu, WordPress tema dosyanızı düzenlemenizi gerektirir. PHP, CSS ve HTML hakkında bazı temel anlayışa ihtiyacınız olacak. Bunu daha önce hiç yapmadıysanız, WordPress’e kodu nasıl kopyalayacağınız / ekleyeceğiniz konusundaki kılavuzumuza bakın. Daha ileri gitmeden önce, bir WordPress rezervi veya en azından mevcut tema rezerviniz yapmanızı öneririz. Bu, bir hata durumunda siteyi kolayca kurtarmanıza yardımcı olacaktır.

Ardından, Not Defteri gibi sıradan metin editörlerini açın ve aşağıdaki kodu boş bir dosyaya yapıştırın: <? Php
/*

*
Şablon adı: tam genişlik
*/
get_header (); ?>
Bu dosyayı bilgisayarınızda tam width.php olarak kaydedin. Bir .txt dosyası olarak tutmaktan kaçınmak için ‘Tüm Dosyalara’ ‘Tür olarak Kaydet’ değiştirmeniz gerekebilir:
Bu kod yalnızca şablon dosyasının adını tanımlar ve WordPress’ten başlık şablonunu almasını ister. Ardından, kodun içerik bölümüne ihtiyacınız olacak. FTP istemcinizi (veya CPanel’de WordPress Hosting Dosya Yöneticinizi) ve ardından/WP-Concent/Theme-theme-folder/adını açarak web sitenize bağlanın. Şimdi Page.php dosyalarını aramanız gerekiyor. Bu, temanızın varsayılan sayfa şablonu dosyasıdır. Dosyayı açın ve Get_Header () satırından sonra her şeyi kopyalayın ve bilgisayarınızdaki Full-width.php dosyasına yapıştırın. Full-width.php dosyalarında bu kod satırını bulun ve silin: Bu çizgi yan bıçakları alır ve temanızda görüntüler. Tam geniş bir şablon kullanırken temanızın yan bıçakları göstermesini durduracaktır. Bu satırı temanızda bir kereden fazla görebilirsiniz. Temanızın birkaç tarafı varsa (widget altbilgisi alanına yan çubuk olarak da adlandırılır), o zaman tarafın her iki tarafını kodda bir kez referans alındığını görürsünüz. Hangi kenar çubuğunu korumak istediğinize karar verin. Temanız sayfadaki yan çubuğu görüntülemiyorsa, bu kodu dosyanızda bulamayabilirsiniz. Değişiklik yaptıktan sonra tüm tam genişlik.php kodunun görünümü. Kodunuz temanıza bağlı olarak biraz farklı görünebilir. <? Php
/*
*
Şablon adı: tam genişlik

*/
get_header (); ?>

Ardından, FTP istemcinizi kullanarak full-width.php dosyalarını tema klasörünüze yükleyin. Şimdi temanıza tam geniş bir sayfa şablonu yapmayı ve yüklemeyi başardınız. Bir sonraki adım, bu şablonu tam geniş bir sayfa yapmak için kullanmaktır. WordPress yönetici alanınızı açın ve WordPress Block Düzenleyicisi’nde yeni bir sayfa düzenleyin veya oluşturun. Sağdaki ‘Belge’ panelinde, ‘sayfa öznitelikleri’ arayın ve gerekirse bu bölümü genişletmek için oku aşağı tıklayın. Yeni bir ‘tam’ şablon seçebileceğiniz ‘şablon’ açılır menüsünü göreceksiniz:
Şablonu seçtikten sonra sayfayı yayınlayın veya güncelleyin. Sayfayı gördüğünüzde, yan çubuğun kaybolduğunu ve sayfanızın bir sütun olarak göründüğünü göreceksiniz. Belki tam geniş değil, ama şimdi farklı düzenlemeye hazırsınız. İçerik alanını belirlemek için temanız tarafından kullanılan CSS sınıfını bulmak için bir inceleme aracı kullanmanız gerekir. Bundan sonra CSS kullanarak genişliği% 100’e ayarlayabilirsiniz. CSS kodunu görünümü açarak ekleyebilirsiniz »Ekranın altındaki ‘Ek CSS’ özelleştirin ve tıklayarak.
Test sitemizde aşağıdaki CSS kodunu kullanıyoruz: .Page-template-full-width. Content-earea {
Genişlik:%100;
Marj: 0px;
Sınır: 0px;
Dolgu: 0px;

}

.Page-Template-Full-Width .Site {Margin: 0px;
}
Bu, yirmi on altı temasını kullanarak demo sitemizdeki görünüm.
Manuel yöntemi kullanmak istiyorsanız ve daha fazla ayar yapmak istiyorsanız, CSS stilini nokta ve tıklamanın editörü ile değiştirmenizi sağlayan CSS Hero eklentisini de kullanabilirsiniz.Ancak, çoğu kullanıcı için, kendi temanızla dolu geniş bir şablon kullanmalı veya bunu yapmak için bir eklenti kullanmalısınız.Bu makalenin WordPress’te tam geniş bir sayfa oluşturmayı öğrenmenize yardımcı olduğunu umuyoruz.Ayrıca, web sitenizi geliştirmek için en iyi WordPress eklentileri hakkında kılavuzumuzu görmek ve kurslar oluşturmak ve satmak için en iyi WordPress LMS eklentilerimizi karşılaştırmak isteyebilirsiniz.Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube kanalımıza abone olun.Bizi Twitter ve Facebook’ta da bulabilirsiniz.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir