Bir WordPress Özel Sayfa Şablonu Nasıl Yapılır?

Güç her zaman çekicidir. Bir insanın ne söylediği önemli değil — çevresi üzerinde kontrole sahip olmak ister. Küçük bir güç bile kendinizi dünyanın zirvesinde hissetirir. Samimi olalım, seçmek zorunda kaldığında Ring'i almayı kim istemezdi?

Web sitesi oluşturucu ile aynı durumdur. Hazır ve ücretsiz bir şablonu kullanarak ilk WordPress web sitenizi oluşturmaya başlıyorsunuz. Sonra ücretli, profesyonelce hazırlanmış bir tema satın alıyorsunuz. Fakat tüm gereksinimlerinize uymuyor, dolayısıyla daha fazla özelleştirme hakkında düşünüyorsunuz. Bu bağımlısı olduğunuz anıdır. Kendi varlığınızı sürekli geliştirmeye çalışacaksınız, böylece sürekli daha fazla özelleştirme yapacaksınız. Durmadan, web sitenizi mükemmelleştireceksiniz.

Web sitenizi kendi ellerinizle yeniden şekillendirmek gerçekten harika bir şeydir. Bu yüzden yeni başlayanların çoğu daha ileri gidip bir sayfanın nasıl benzersiz hale getirebileceğini öğrenirler. Bu blog yazısını okuyorsanız, onlardan birisiniz demektir. Bu yüzden boş boşuna sohbet etmeyelim. WordPress özel sayfa şablonu oluşturarak web siteniz üzerinde kontrölünü elinize almaya başlayalım.

WordPress Sayfa Şablonu nedir?

İlk olarak terminolojiyi tanımlayalım. WordPress web sitenizin görünümü şablon tarafından tanımlanır. Düğmeler için hangi rengi kullanılacağını, kenar çubuğunu hangi tarafta tutulacağını, metinler için hangi yazı tipinin kullanılacağını, arama formun nereye yerleştirileceğini — tüm bu talimatlar şablonlarında toplanırlar.

Sayfa şablonu bir php'dir. sayfanız nasıl görüneceğini gösteren dosya. Tüm WordPress şablonu php. dosyalar “wp-content” dizininin “themes” klasöründe saklanır. Sayfa şablonlarını belirli sayfalara, sayfa bölümüne veya bir sayfa sınıfına uygulayabilirsiniz. Bazı sayfaların her zaman diğerinden farklı görünmesi gerekir. Örneğin bir “about” sayfası. Genellikle bir temanın otomatik olarak uygulanan bir dizi hazır sayfa vardır.

Ancak WordPress hangi durumda hangi şablonu kullanması gerektiğini nasıl anlar? İşte o zamanda şablon hiyerarşisi sahneye çıkıyor.

Şablon hiyerarşinin önemi

Bir kullanıcı web sitenizin sayfalarından birine göz attığında, WordPress ona gösterilecek olan şeyi açıklayacak bir .php dosyası arar. CMS her zaman gerekli bir dosyayı belirli bir sırada arar. Bu sıraya şablon hiyerarşisi denir. Nasıl çalıştığını size bir örnek üzerinde göstermeye izin verin.

Bir ziyaretçi blog yazılarınızdan birini okumak ve bir http://iamawesome.com/blog/category-best/coolpost linke tıklamak ister. WordPress'in kontrol edeceği ilk şey, belirli bir özel sayfa şablonunun belirli bir somut sayfaya atanıp atanmadığınızdır. Herhangi bir sayıda WordPress özel sayfa şablonu oluşturmak ve web sitenizin her bölümünü benzersiz yapmak tamamen ücretsizdir.

Atanmış bir dosya yoksa, WP bir kategori sayfa şablonu arar. Bu .php sayfa şablonu, tüm sayfa kategorisinin görünümünü tanımlar ve aynı konuyu açıklayan bir grup yayın için belirli bir görünüm belirleyebilirsiniz.

Her kategori için farklı bir görünüm seçmek istemiyorsanız ve kategori1.php dosyası bulunmuyorsanız, WordPress, o kategori kimliğini ne olduğunu kontrol eder. 15 olduğunu varsayalım. WP, bir kategori-15.php dosyası arayacak.

Ama böyle bir şey olmayacak çünkü kategoriler dikkate alamıyorsunuz ( sizi suçlamıyorum, bu sadece bir varsayımdır). Şimdi WordPress basit bir page.php dosyası arayacak. Bu sayfalar değiştirilmezseler böyle görünürler.

Page.php dosyası bulunamadı. Çok nadir görülen bir durumdur ve muhtemelen hazır bir şablonla çalışırsanız, bu sorunla karşılamazsınız. WordPress bir index.php dosyası bulur ve kullanıcıya gösterir. Bu, bir sayfanın bazı temel görünümünü tanımlayacak varsayılan bir web sitesi şablonu.

Özel bir WP sayfası şablonu nasıl yapılır veya Lich King bana gerçek gücü verir

Sonunda, biraz pratik yapalım. Her şeyden önce, seçtiğiniz kod editöründe bir .php dosyası oluşturmanız gerekir. Basit Windows Not Defteri'ni tercih ederim, ancak Notepad+++, Sublime veya istediğiniz herhangi birini de kullanabilirsiniz.

Her sayfanın üstbilgi ve altbilgiye ihtiyacı var. Sayfayı şablonunuzda görüntülemek için oluşturduğunuz .php dosyasına aşağıdaki kodu ekleyin.

<!--?php /** * Template Name: Custom Page Template */ get_header(); ?-->
 
<!--?php get_footer(); ?-->

Şöyle görünecek :

Şimdi değişiklikleri kaydedin ve web sitenizin FTP veya cPanel dosya yöneticisi açın.

Oluşturduğunuz dosyayı web sitenizin wp-content-> tema-> mevcut tema klasörüne yükleyin.

Sayfalar ” bölümüne gidin ; Yeni ekle ' yi seçin. Sayfayı içerikle doldurun ve sağa bakın. “Sayfa Özellikleri”ni göreceksiniz. “Şablonlar” çubuğunu tıklayın ve açılır menüden oluşturulmuş özel sayfa şablonunu seçin. “Yayınla” düğmesine bastıktan ve web sitesine gittikten sonra çok basit bir sayfa yapısı göreceksiniz.

İşte onlar üstbilgi ve altbilgi olacaklar. Bu kadar. Sıkıcı, değil mı?

Bunu beğenmeyeceğinizden eminiz. Bu yüzden bunu daha ilginç hale getirelim. Bunu yapmak çok kolaydır. Sadece biraz kopyalayıp yapıştırmanız gerekir. Neredeyse her WordPress Temasında ek sayfalar bulunur. Örneğin, kullandığım tema (TemplateMonster'dan FreeBook kullanıyorum), Açılış Sayfası ve Üstbilgi özel şablonu içermeyen Sayfasına sahiptir. Twenty Twelve Teması (ücretsiz varsayılan WP temalarından biri) 4004 ve önceden hazırlanmış arşiv sayfalarına sahiptir. Twenty Fourteen Teması (başka ücretsiz teması) Katkıda Bulunanlar sayfası (Contributors page) sunabilir. Ayrıca, her tema wp-content / themes / your_theme klasöründe saklanan bazı kodlanmış sayfa bölümleri içerir. Bu parça dosyasını bilgisayarınıza indirebilir, açabilir ve yeni WordPress özel sayfa şablonunuza kopyalayabilirsiniz. Tema kenar çubuğu şöyle görünüyor:

Bunu sadece .php dosyasına kopyalalıp yapıştırdık. Bakın, orada bir kenar çubuğu var!

Farklı kullanım için Özel WordPress Sayfa Şablonları

Muhtemelen WordPress Şablon hiyerarşisinden de anlaşılacağı gibi sadece bir sayfa için değil, aynı zamanda bir grup sayfa için .php sayfası şablonu oluşturabilirsiniz. Bu gruplar bir kategori ile bağlıdır ve yeni sayfa oluşturma sürecinde otomatik olarak uygulanacak veya sizin tarafınızdan seçilen WP sayfası şablonları oluşturabilirsiniz. Nerdeyse, bu nasıl çalıştığını biraz anlatacağız.

Herhangi bir sayfa için WordPress Özel Sayfa Türü

Oluşturduğunuz herhangi bir sayfa için kullanılabilecek bir WordPress şablonu .php dosyasına ihtiyacınız olduğunu varsayalım. Her şeyden önce, adı dikkate alın. .Php temanızın başlığı "page-" ile başlıyorsa, WordPress bunu özel bir şablon olarak yorumlayacaktır. Ayrıca, anlaşılabilir bir ad seçmeye çalışın, böylece bir süre sonra içinde ne olduğunu hatırlayabileceksiniz.

Özel bir sayfa oluştruduktan sonra, FileZilla veya cPanel ile wp-content / themes / your_theme klasörüne indirmelisiniz. Şimdi, bu seçenek sizin için yönetim panasonun "Sayfa Özellikleri" açılır menüsünde mevcuttur. Böylece istediğiniz zaman yeni bir web sitesi sayfası oluşturabilirsiniz veya düzenleyebilirsiniz.

Tek bir sayfa için WordPress özel sayfa şablonu

Statik sayfalarınızdan birinin diğerlerinden farklı görünmesini istiyorsunuz. Bir .php sayfası şablonu oluşturun. Sayfayı {slug} .php veya page- {page ID number} .php olarak adlandırın ve mevcut tema klasörünüze indirin. Bu durumda, WordPress, bu şablonu otomatik olarak kimlikle eşleşen yalnızca belirli bir sayfa için kullanır. Örneğin, bir İletişim Sayfası oluşturmak istiyorsanız 9. Sayfa-contacts.php veya page-9.php adlı bir WordPress özel sayfa şablonu oluşturun. ID numarası 9 olduğunu varsayalım. page-contacts.php veya page-9.php adlı bir WordPress özel sayfa şablonu oluşturun. İletişim sayfasına uygulanacaktır.

Yayınlar için WordPress Özel Sayfa Türü

Şimdi, özel bir sayfa şablonu oluşturdunuz, ancak yayınlarınızın tam olarak aynı görünmesini istiyorsunuz. Bu durumda, ad değiştirirseniz bile bu sizin işine yaramazdır. Bu şablona fazladan bir kod satırı eklemeniz gerekir. Şablon adı satırının hemen altındaki “Şablon Yayın Türü: yayın, sayfa“ yazınız. Şöyle görünecek:

Bu şekilde, web sitenizde bulunan etkinlikleri ve diğer içerik türlerini de ekleyebilirsiniz. Ancak bu yöntem sadece WordPress 4.7 ve daha sonraki sürümlerinde çalışacak. Eski sürümler, Şablon Yayın Türü satırını yoksayar. WordPress'in en son sürümlerin kullanmanın başka nedenleri vardır ve bunları blog yazısında inceleyebilirsiniz.

Neden şartlı etiketler bu kadar güzeller?

Önceden tamamen yeni bir .php sayfası şablonu nasıl oluşturduğunu açıkladık, fakat belki var olanlardan bazı değişiklikler yapmak isterseniz. Sadece bir koşul karşılandığında gösterilecek bir şeye ihtiyaç duyduğunuz durumlar söz konusudur, bu nedenle başkalarından farklı olabilecek bir sayfa oluşturmak istemezsiniz.

Bu yüzden şartlı etiketler çok güzeller. Bunları koşulların karşılanıp karşılanmadığını kontrol eden bir kod satırında kullanırsınız. Eğer karşılanırsa, kodun ilk kısmı çalışmaya devam eder ve eğer değilse “else” den sonra yürütülür. Örneğin, Arşive giden kullanıcılara gösterilecek belirli bir kenar çubuğu türü olmasını istiyorsunuz. Bunun için kodunuz şöyle görünecektir:

En sık kullanılan şartlı etiketlerin listesi:

  • is_home() Ana sayfa (ana sayfa olarak tanımladığınız) gösterildiğinde “true” bir koşul içerir
  • is_front_page() bir web sitesinin ön sayfası (ön sayfa olarak belirlediğiniz) görüntülendiğinde “true” bir koşul içerir
  • is_single() bir yayın görüntülendiğinde “true” bir koşul içerir ve kullanıcı sayfayı ziyaret ettiğinde "yanlış" olacaktır. Somut bir yayın başlığını veya kimliğini parantez içine yazarsanız bu şartlı etiket daha spesifik olabilir. Belirli bir gönderiyi (is_single (`21`) veya is_single(` batman`) veya bir grup gönderiyi (is_single (`3, 15, 47`) veya is_single izleyecektir.
  • is_page() bir sayfa gösterildiğinde “true” bir koşul içerir. Bu şartlı etiket, is_single() öğesinin sahip olduğu tüm seçeneklere sahiptir. Sayfanın adını veya kimliğini parantez içinde belirtebilirsiniz ve bu kod parçası bazı tek sayfaları veya bir grup sayfayı izleyecektir.
  • is_page_template() belirli bir sayfa şablonu bu sayfada kullanıldığında “true” bir koşul içerir. Bu özel sayfa şablonunun adını parantez içinde “template_name. .php” şeklinde yazmanız gerekir.
  • is_category() bir arşiv kategorisi sayfası görüntülendiğinde “true” bir koşula sahiptir.
  • is_tag() bir etiket arşivi sayfası görüntülendiğinde “true” bir koşula sahiptir. Somut bir etiketden parantez içinde söz edebilirsiniz veya tüm etiket sayfalarını izleyebilirsiniz. Bu sayfada herhangi bir etiket olup olmadığını öğrenmek isterseniz, koşullu have_tag() öğesini kullanabilirsiniz.
  • is_archive() bir kullanıcı herhangi bir Arşiv sayfasına gittiğinde “true” bir koşul içerir.
  • is_author() bir yazar sayfası gösterildiğinde “true” bir koşul içerir. Somut bir yazarı (onun adına veya kimliğine göre) ve bir grup yazarı izleyebilir.
  • is_date() belirli bir tarihin bir arşiv sayfası görüntülendiğinde “true” bir koşul içerir. Daha doğru şartlar da vardır: is_year () (belli yılın bir arşiv sayfası gösterildiğinde), is_month () (tüm aylık sayfaları izler), is_day () ve is_time().
  • Is_404() varsayılan (veya akıllı bir şekilde tasarlanmış) “Hata 404” sayfası ziyaretçiye gösterildiğinde “true” bir koşul içerir.
  • is_attachment() kullanıcı “kendi” sayfasına gittiğinde “true” bir koşul içerir (ekler medya kitaplığı veya editör aracılığıyla yayına eklediğiniz resim veya videolar)

Sayfa Şablonu İşlevleri

Hazır sayfa şablonundaki kodun kopyalanması ve yapıştırılması, benzersiz bir görünüm oluşturmanın kolay ve hızlı bir yoludur, ancak tüm bu kodun anlamı nedir? Elbette, web geliştiricileri tüm bu PHP öğrenirler ve tam olarak hangi işlevlerin kullanılacağını, nasıl ve ne zaman kullanılacağını belirler. Bununla birlikte, bu yazıyı hala okuyorsanız, bir web geliştirici veya çok deneyimli bir kullanıcı değilsiniz.

WordPress, birçok farklı PHP fonksiyonunu kullanır ve sadece temalar için kullanılanlar Şablon Etiketleri olarak adlandırılır. İlk .php sayfa şablonunuzu oluştururken onları gördünüz. get_header() and get_footer() şablon etiketleri. Tüm mevcut etiketler hakkında söz etmeyeceğiz. Bunların çok çeşidi var, ancak web sitenizi tasarlarken kesinlikle karşılaşacağınız şeyleri inceleyelim.

get_header(), get_footer(), get_sidebar()

Bu üç şablon etiketi, WordPress özel sayfa şablonunuza bir başlık, altbilgi veya kenar çubuğu ekler. Bu parçalar, şu anda kullandığınız temadan alınır. Bu sayfa için belirli bir üstbilgi, altbilgi veya kenar çubuğu kullanmak isterseniz, adını köşeli ayraçlara yazın. Örneğin, bir bir header-superstar.php dosyasını kullanmak için bir get_header (`süperstar`) şablon etiketine ihtiyacınız olacaktır.

get_template_part()

Bu, ayrıca zaten yapılmış bir şablonun belirli bir bölümünü .php temanıza ekler. Parantez boş kalırsa — hiçbir şey eklenmeyecektir. Genellikle bu şablon etiketi, kodun bir kısmını esas çocuk temasına taşımak için kullanılır.

get_search_form()

Arama formunu kenar çubuğuna sabitlemek için buna ihtiyacınız olacak. Arama widget'ları da genellikle bu şablon etiketini kullanır. Theme_form.php dosyasını tema klasöründe bulunur ve ardından özel sayfa şablonuna ekler.

get_page_template()

Bu işlev, şablon hiyerarşisine göre geçerli olarak kullanılan şablona geçişi alır.

wp_login_form()

Köşeli parantez boşsa, bu işlev özel sayfa şablonuna basit bir WordPress giriş formu ekler. Belirli bir form kullanmak isterseniz, adınızı get_header() şablon etiketi ile aynı şekilde parantez içine yazmanız gerekir.

get_calendar()

Sayfada bir takvim görüntüler. Mevcut temaya göre şekillendirilecek. Ayrıca tadınıza göre değiştirilmiş bir takvim de ekleyebilirsiniz — adını, orijinal bir kenar çubuğu veya altbilgi için yaptığınız gibi köşeli ayraçlara yazmanız yeterlidir. Eğer PHP öğrenmeniz sizin isteğiniz değilse, bu sizin için yeterli olacaktır. WordPress'te 100'den fazla şablon etiketi var, bu yüzden profesyonel web geliştiricileri bile hile sayfaları kullandığını düşünüyorum. Ama daha fazlasını öğrenmek istiyorsanız WordPress Kodeksini ziyaret edin.

Yararlı WordPress Sayfası Temaları Oluşturması: büyük güç büyük sorumluluk gerektirir

Artık web sitenizin her bölümünü kişiselleştirebilirsiniz. Her sayfa için WP sayfa şablonları oluşturabilir ve bunu mümkün olabildiğince benzersiz ve karmaşık hale getirebilirsiniz. Ancak, ilk öföri dalgasından sonra basit bir soru ile karşılaşırsınız — web sitesi için hangi sayfalar gerçekten yararlı olacak?

Mükemmel 404 Sayfası

Kimse bu sayfadan hoşlanmıyor, çünkü kendini bir aptal gibi hissettiriyor. Bununla birlikte bu sayfa tasarımı kullanıcıyı uzaklaştırabilir ya da bir kez daha aramaya geri döndürebilir. Bir "404" sayfası ana sayfanızın bir bağlantısı olması ve bir kullanıcıyı web sitenizde kalmasını teşvik edecek bir arama formu olması gerekir. Bu güzel değil mı? Bunu artık nasıl yapacağınızı biliyor musunuz?

Ekip üyeleri listesiyle “Hakkımızda” sayfası

Hakkımızda” sayfası, web sitenizde en çok ziyaret edilenlerden biridir. İnsanlar kiminle iletişim kurduğunu bilmek ister. Web sitenizin çok önemli bir parçası ve bunun için benzersiz bir özel sayfa şablonudur.

Tüm takım üyelerinin doğru bir tabloda listelenmesi gerçekten harika olacaktır. Böyle bir özellik oluşturmak zor olmayacak — bunu, Twenty Fourteen Contributors önceden hazırlanmış sayfadan kopyalayabilirsiniz.

Özelleştirilmiş arşiv ana sayfası

Amacınız, bir kullanıcının mümkün olan en fazla sayıda sayfayı ziyaret etmesini sağlamaktır. Bu nedenle, arşiv WordPress sayfa türünüzün farklı kategorilerdeki en yeni yayınlara bağlantıları içermeli ve ziyaretçilerin ilgisini çekebilir. Sadece mevcut kategorileri ve etiketleri göstermeli. Bu çok sıkıcıdır. En popüler yayınlarınızın veya 5 rastgele makalelerinizin ilk 5'ini göstermesi iyi bir fikir olacaktır. Sizden bazı çabalar gerektirecektir, ancak web sitenizin trafik oranlarını kesinlikle etkiler.

İletişim formu ile gelen İletişim Sayfası

İletişim bilgilerini arayan bir kullanıcının sizinle iletişim kurmak istediği açıktır. Başarı kazanmak istiyorsanız bu sizin görevinizdir. İletişim sayfası sadece telefonunuz ve e-posta adresiniz olmadığından emin olun, iletişim formu buraya yerleştirin ve konum işaretçinize bir Google Harita ekleyin.

Alfabetik site haritası

Blogunuzda çok sayıda blog yazısı varsa, bir site haritası oluşturmanız gerekir. Bu, yazdığınız ve yayınladığınız tüm yayınları listeleyen bir sayfadır. Tüm bu blog yazıları belli bir düzende düzenlemeniz gerekir. Alfabetik olarak mesela. Ücretsiz WordPress Temaları size bir kez daha yardımcı olacak. Twenty Fourteen “alfabetik yazı” içeren hazır WordPress özel sayfa şablonudur. Bu yüzden onu sadece kopyalabilirsiniz.

JetEngine: süper gücü elde etmenin kolay bir yolu

 Radyoaktif bir örümcek ısırığı gibi size çaba harcamdan güç veren JetEngine Elementor Eklentisi  kod içine dalış yapmadan özel sayfalar oluşturmanın harika bir yoludur.

WordPress'e olan sevgime rağmen, Elementor'u severim. Bir web sitesi oluşturma konusunda zaman kazandırır. Elementor için yeni çıkan yeni eklentileri takip ediyorum ve JetEngine'i bu şekilde buldum. Birkaç ana özelliği var, ancak bu blog yazılardaki özel sayfalardan bahsediyoruz, bu yüzden bunlara konsantre olacağım.

Jet Engine, istediğiniz herhangi bir sayfa oluşturmanıza yardımcı olan iki widget'a sahiptir — Custom Post Type and Custom Taxonomy. Her ikisi de çoğunlukla yönetim paneli etkileyerek içerik özelleştirme için yeni araçlar yaratıyor.

Genelde, WordPress'deki içerik sayfalar veya yayınlar olarak görüntülenir. Bazı varyasyonlarda, hazır bir şablon Galeri veya Referanslar sekmesini ekler, ancak hepsi budur. Custom Post Type işlevi, gösterge tablonuza herhangi bir ek yayın türü sekmesi eklemeniz yardımcı olur. Portföy veya çevrimiçi mağaza, videolar listesi veya iş kurulu — JetEngine size ihtiyacınız olan her şeyi eklemenizi sağlar.  İşte bu işlevin çalışmasının ayrıntılı bir videosu:

Taxonomy, işleri sıralamanıza yardımcı olan bir etiket setidir. JetEngine durumunda Özel Taxonomy işlevselliği, içerik oluşturma penceresine bazı araçlar eklemenizi sağlar. Bu widget, özelleştirme kenar çubuğuna ek seçenek döşemeleri ekler ve içeriği daha sonra sıralamak için kullanılabilecek etiketlerle işaretlemenizi sağlar. Bu video size Özel Taxonomy işlevselliğinin nasıl çalıştığını ve nasıl kullanılacağını gösterir:

Şimdi ellerinize büyük bir güç var. Akıllıca kullanın, aşırıya kaçmayın ve web sitesinizi şık, benzersiz ve verimli hale getirin. Umarız özel sayfa şablonunuz harika. İyi şanslar.

Blog yazıları ile ilgili herhangi bir sorunuz var mı? Belki bu yazıya mükemmel bir ek olacak bir konu biliyorsunuz. Lütfen yorum veya geri bildirim bırakmatan çekinmeyin.