Ana İçeriğe Geç

WordPress üzerine tam sayfa genişliği nasıl oluşturulur

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

WordPress'te tam genişlikte bir sayfa oluşturmak ister misiniz?

Çok WordPress temaları Zaten kullanabileceğiniz bir tam genişlikte sayfa şablonu ile geliyor. Ancak, bazı WordPress temaları bu özelliğe sahip değildir. bu TutorielWordPress'te kolayca tam genişlikte bir sayfanın nasıl oluşturulacağını göstereceğiz.

Ama daha önce, eğer WordPress keşfi hiç kurmadıysanız Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için

O zaman neden burada olduğumuza dönelim.

1 Yöntemi: WordPress Temanızda Entegre Bir Genişlik Şablonu Kullanma

WordPress temanıza zaten tam genişlikte bir sayfa şablonu sağlanmışsa bu yöntem önerilir. Eğer bir tane yoksa, aşağıdaki seçime danışın ve bir tane seçin.

Öncelikle, ziyaret ederek bir sayfayı düzenlemeniz veya yenisini oluşturmanız gerekir. " Sayfalar> Add Yeni bir sayfa.

Sayfayı düzenleme penceresinde, Tam Genişlik Sayfa özellikleri onay kutusu altında bir şablon olarak.

Modeli seçtikten sonra Tam Genişliksayfanızı kaydetmelisiniz. Sayfayı daha fazla içerik eklemek için özelleştirmeye devam edebilir veya eylemi görmek için önizleme düğmesini tıklatabilirsiniz.

Tam Genişlik - tam genişlikte şablon seçeneğiniz yoksa - sayfanızın düzenleme ekranında, WordPress temanızın o sayfada olmadığı anlamına gelir.

Ancak endişelenmeyin, size bir WordPress temasını değiştirmeden kolayca tam genişlikte bir sayfa oluşturmayı göstereceğiz.

2 Yöntemi: Tam Genişlikte Bir Sayfa Şablonu Nasıl Oluşturulur

Bu yöntem, kullandığınız WordPress tema dosyalarını düzenlemenizi ve PHP, CSS ve HTML hakkında temel bir anlayışa sahip olmanızı gerektirir.

Bu arada, biz de sizi danışmaya davet ediyoruz 8 en iyi WordPress eklentileri mizanpajlarınızı kolayca oluşturabilirsiniz

Ancak, daha ileri gitmeden önce, bir WordPress yedeği veya en azından mevcut WordPress temanızın bir yedeğini oluşturun.. Bu, ciddi bir şey olursa, web sitenizi kolayca geri yüklemenize yardımcı olacaktır.

Öncelikle Notepad gibi bir metin editörü açıp aşağıdaki kodu boş bir dosyaya yapıştırmanız gerekir:

<? PHP / * Şablon Adı: * Tam Genişlik / get_header (); ?>

Şimdi bu dosyayı "olarak kaydetmeniz gerekiyor." Tam width.php Bilgisayarınızda

Bu kod basitçe bir dosya şablonunun adını tanımlar ve WordPress'ten başlık şablonunu çıkarmasını ister.

O zaman kodun içerik kısmına ihtiyacınız olacak. Bir FTP istemcisi kullanarak web sitenize bağlanın (cPanel veya dosya yöneticisi) sonra git " / Wp-content / themes / your-tema-klasör / '.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

O zaman "" adlı dosyayı bulman gerekiyor. page.php ". Bu, temanız için varsayılan sayfa şablon dosyasıdır.

İşlevden sonraki her şeyi kopyala « get_header () Ve bir dosyaya yapıştır " Tam width.php Bilgisayarınızda yarattığınız.

Şimdi "full-width.php" dosyasının içeriğine bakmalı ve bu kod satırını silmelisiniz:

? <PHP get_sidebar (); ?>

Bu satır kenar çubuğunu kurtarır ve WordPress temanızda görüntüler. Bunu kaldırdığınızda temanız, şablonu kullanırken kenar çubuğunu göstermez Tam Genişlik.

WordPress temanızda bu çizginin bir kereden fazla göründüğünü görebilirsiniz. WordPress temanızda birden fazla varsa kenar çubukları (Widget alanlarına altbilgiye ayrıca kenar çubukları da denir.)Kodda bir kez başvurulan her bir kenar çubuğunu göreceksiniz. Hangi kenar çubuğunu korumak istediğinize karar vermelisiniz.

Web siteniz yavaş yükleniyor gibi görünüyor WordPress blogunuzu resimlere göre optimize etmeye neden ihtiyacınız var?

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

Bu tam genişlikli.php kodumuzdaki değişiklikleri yapmamızı sağlar. Kodunuz temanıza bağlı olarak biraz farklı görünebilir.

<? php / * * Şablon Adı: Tam Genişlik * / get_header (); ?> <div id = "birincil" sınıf = "içerik alanı"> <main id = "main" sınıf = "site-ana" role = "main"> <? php // Döngüyü başlatın. while (have_posts ()): the_post (); // Sayfa içeriği şablonunu dahil et. get_template_part ('template-parts / content', 'sayfa'); // Yorumlar açıksa, bunu nasıl yaparız? if (comments_open () || get_comments_number ()) {comments_template (); } // Döngünün sonu. endwhile; ?> </ main> <! - .site-main -> </ div> <! - .content-area -> <? php get_footer (); ?>

O zaman dosyayı indirmelisin Tam width.php WordPress tema klasörünüzde FTP istemcisi.

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

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

Sayfa düzenleme ekranında, sayfa özellikleri onay kutusuna bakın ve "Model" seçeneğinin altındaki açılır menüyü tıklayın.

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

Artık web sitenizi ziyaret edebilirsiniz; kenar çubuklarının gittiğini ve sayfanızın tek bir sütun sayfası olarak göründüğünü göreceksiniz. Henüz dolu olmayabilir, ama şimdi onu farklı şekilde dağıtmaya hazırsınız.

Keşfederek web sitenizi popüler hale getirin Resimlerinizin SEO'sini optimize etmek için 7 WordPress eklentileri

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

Sonra genişliğini CSS kullanarak% 100 değerine ayarlayabilirsiniz. Aşağıdaki CSS kodunu kullandık:

.page-şablon tam genişlikli alan .content {genişliği: 100%; marjı: 0px; Sınır: 0px; dolgu: 0px; } .page şablon genişliği dolu .site {kenar: 0px; }

İşte Yirmi Onyedi gibi görünecek.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Hepsi bu ders için, umarım tam genişlikte sayfalar oluşturmanıza izin verir.

Yukarıdaki yöntemler kolayca alabilecek ve kolayca tam genişlik veya tam genişlikli düzenler oluşturmak isteyenler için ücretsizdir.

Ayrıca bazı premium WordPress eklentilerini keşfedin

Modern bir görünüm kazandırmak ve blogunuzun veya web sitenizin rahatlığını artırmak için diğer WordPress eklentilerini kullanabilirsiniz.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. Divi Oluşturucu

Divi Builder, çok takdir edilen sayfaların yüksek kalitede bir üreticisidir. Zarif Temalar. Genel olarak WordPress Divi temasının bir parçası olarak kullanılmasına rağmen, Divi Builder ayrıca diğer WordPress temalarında kullanabileceğiniz bağımsız bir eklentidir.

Divi Builder, çoğu kullanıcı ilk arayüzü tercih etse de, içeriğinizi ön uçta görsel bir arabirim ve arka uçta bir arabirim kullanarak düzenlemenizi sağlar.

Temel olarak, kenar çubukları yerine, her şey açılır pencerelerde ve kayan düğmelerdedir. Kendi tasarımlarınızı şablon olarak kaydetme yeteneğinin yanı sıra, 316 farklı sunum paketlerine yayılmış 40 önceden tanımlanmış şablonlarına erişmenizi sağlar.

Keşfetmenizi öneriyoruz Profesyonel bir blog nasıl oluşturulur

Divi'nin özelliklerinden biri her zaman size verdiği stillerin kontrolü olmuştur. Üç farklı sekmede, duyarlı kontroller, özelleştirilebilir boşluklar ve daha fazlası dahil olmak üzere çeşitli ayarları yapılandırabilirsiniz.

Özel CSS bile ekleyebilirsiniz, çünkü CSS editörü temel doğrulama ve otomatik tamamlamayı entegre eder. Divi Builder’ın eleştirmenlerinden biri daima dayandığı olmuştur. kısa kod. Bu, bir gün devre dışı bırakırsanız içeriğinizde bir sürü kısa kod bırakacağı anlamına gelir. Bu biraz moral bozucu olsa da, artık Shortcode Cleaner gibi eklentiler mevcut olmaktan daha az problem.

Indir | gösteri | Web hosting

2. Themify Builder

Themify Builder, şaşırtıcı bir şekilde Themify ekibinin önerisidir. Müşterilere basit kişiselleştirme seçenekleri sunmak için WordPress temalarının çoğuna entegre olur. Ancak, bağımsız bir eklenti olarak da satın alabilir ve herhangi bir WordPress teması ile kullanabilirsiniz.

Divi Builder ve WPBakery Page Builder gibi, Themify Builder da ön uçta veya arka uçta düzenler oluşturmanıza olanak sağlar. Bir başka iyi şey, bu eklentinin duyarlı kesme puanlarınızı özelleştirmenize izin vermesidir (ancak yalnızca tüm web sitesi düzeyinde).

keşfedin WooCommerce nasıl kurulur ve yapılandırılır çevrimiçi bir mağaza oluşturmak ve ürünlerinizi İnternet üzerinden kolayca satmak için

Themify Builder ile ilgili ilginç bir şey, standart WordPress düzenleyicisini kullanmanıza izin vermesi, diğer sayfa üreticileri ise sizi Sayfa Oluşturucu arabirimini her şey için kullanmaya zorlamasıdır.

Indir | gösteri |Web hosting

3. Elementor

Başlangıçta 2016'te piyasaya sürülen WordPress eklentisi Elementor, bu listenin en genç üreticilerinden biridir. Geç başlamasına rağmen, Elementor hızla WordPress.org'da daha fazla 1 000 000 aktif kurulumunu biriktirerek onu en popüler WordPress sayfa üreticilerinden biri haline getirdi.


Şöhretini artıran, akışkan görsel arayüzü, farklı stil seçenekleri ve WordPress temalarının oluşturulması gibi diğer güçlü özellikleridir.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Ücretsiz]

Arabirimi, belirli parametreler için üçüncü bir bölgeye sahip iki ana bölüme ayrılmıştır. Elementor'ün ücretsiz sürümü 28 içermeyen widgetlar sunuyor. Pro sürümü, 30'in diğer widget'larını ve Pro sürümünde toplam 58 widget'ını getirir. Ücretsiz sürümde 40 ücretsiz şablonları bulunurken, Pro sürümünde yüzlerce ek şablon bulunur.

Indir | gösteri |Web hosting

Diğer önerilen kaynaklar

Web sitenizi oluştururken ve yönetirken size eşlik edecek diğer önerilen kaynakları keşfedin.

Sonuç

Öyleyse, şablon olarak Tam Genişlik sayfasına sahip olmayan bir WordPress temanız varsa, bu yazının bu sorunu çözmenize yardımcı olacağını umuyoruz. Tereddüt etmeyin En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşın.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma.

Öneriniz veya yorumunuz varsa, bunları bölümümüzde bırakın. Yorumlar.

...

Bu makalede, 1 yorumunu içeren
  1. Merhaba; hi
    "Thetetenen" teması var ve kenar çubukları olmayan bir ev yapmak için 2 x metodunu izledim. Solda, menü çubuğunu boş bırakır, ancak renk kalır anlamında çalışır. Boş kenar çubuğunu görüyorsunuz ve böylece cmq sayfası asimetrik

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
10 hisseleri
hisse8
cıvıltı1
Enregistrer1