WordPress’te özel bir sayfa şablonu oluşturun
WordPress’teki sayfa şablonu, web sitenize yüksek oranda ayarlanmış yapısal varyasyonlar veya işlevsellik eklemenin iyi bir yoludur. Yeni gelenlerin başlayabilmeleri için kolayca yapılırlar, ancak deneyimli profesyonelleri meşgul etmek için yeterli potansiyel sunarlar. Sayfa şablonlarını varsayılan WordPress yirmi on yedi ve ince ayar gibi popüler temalardan kopyalayarak başlayabilirsiniz, ancak kendi stilinizi ve JavaScript’inizi de ekleyebilirsiniz. Bu makalede, bir sayfa şablonunun ne olduğunu ve web sitenizi daha iyi hale getirmek için nasıl kullanabileceğinizi göreceğiz. Ayrıca kodla bir sayfa şablonu yapmak için ayrıntılar ve CustomPress eklentimizle çok daha kolay bir yol ekleyeceğim.
Sayfa şablonu nedir? Girişte belirttiğim gibi, sayfa şablonu size yeni özellikler eklemenin yanı sıra mevcut site yapısından sapma olanağı sunar. Yirmi on dört iki iyi örnek içerir: katkıda bulunan sayfa ve tam genişlik sayfaları.
Özellikle mükemmel bir piksel iletişim formu oluşturmak için temalara çok sayıda sayfa eklemek, ayarlanabilecek yayınların bir listesi, yüksek düzeyde ayarlanmış yazarların bir listesi ve daha fazlası gibi premium temalar. Bir sayfa şablonu yapmak, sayfa şablonunu çok kolay hale getirir. Temanızda yeni bir dosya oluşturun ve dosyaları başlatın: e14fb0e510759e22ed1e6e6a79ca45’in özünü yükleme
Üçüncü taraf bir temayı değiştirirseniz, gerçekten çocuk temasını kullanmanız gerekir. Nasıl yapılacağını bilmiyorsanız, Raelene Wilson’ın harika bir WordPress çocuk teması nasıl yapılacağı hakkındaki makalesini okuyun.
Sayfa şablonu dosyası bir alt-direktiste olabilir-bu benim en sevdiğim yöntemdir. Genellikle bir dizin şablonları yaparım ve orada tutarım. Yapıldıktan sonra, sayfa şablonunuz, alıştırmadıysanız, ekranın arkasındaki ekranın sağ tarafında olan sayfayı düzenleyen sayfa öznitelik modülünde görünecektir. Seçerseniz ve yayını güncellerseniz, sayfayı görüntülemek için şablon dosyanızdaki kod kullanılır. Aşağıdaki şablon kodunu deneyin:
66BD1AD0CB88FF855BB9928D4399F601’in özünü içerir
Özel şablonumuz yöneticide “Merhaba” nın görülen her şey olduğunu belirtir; Kendi sayfa şablonunuzla. İhtiyacınız varsa başlığı, altbilgiyi ve diğer sayfa öğelerini aramalısınız. Yirmi on dört ile entegre edilecek bir temel sayfa şablonu yapalım:
Çekirdek 253BA5012285E74C162EB61CBD0EBB0C içerir
Eminim WordPress koduna yeni gelen, önceki iki örnek arasında karmaşıklık sıçramasında nefes nefese. Benim küçük sırrım hile yapmak. Şablon dosyasını yirmi on dört temada açıp kopyalıyorum. İhtiyacımız olmayan döngüyü siliyorum. Temanızın bir şablon dosyası yoksa, <ex.php dosyasını kopyalamayı ve döngü dosyasını başlangıç noktası olarak silmeyi deneyebilirsiniz. Yararlı bir sayfa şablonu yapmak bir sayfa şablonu iyi ve iyi, ancak gerçekten yararlı bir şey eklemeliyiz. Şu andan itibaren, PHP/HTML’de kodlayabildiğiniz sürece, onu kullanabilirsiniz. İşte başlamanıza yardımcı olacak bazı fikirler:
Google Haritalar ve İletişim Formları ile Özel İletişim Sayfası
Her kategoriden en son yayınları içeren sayfalar
Üç üst kategorinizden beş yeni yayın ve kategori gönderen arşiv sayfaları
Tüm içeriğinizi (yayınlar ve sayfalar) içeren site haritası sayfası
Yeni yüklediğiniz resmi içeren sayfa
Yorum sayısına göre sıralanan yayınların bir listesi
Son güncellemenin zamanına göre sıralanan gönderileri gösteren gönderilerin listesi
Yazarların Listesi ve En İyi Üç Gönderi
Portföyünüz için özel olarak tasarlanmış sayfalar
Bu, yirmi on dört üzerindeki sayfa şablonunu kullanarak alfabeye göre bir gönderme listesi yapabilirsiniz:
Çekirdek 4E5C966C469665FB0F1B3AE3C6713598 içerir
Bir kez daha hile! Yirmi on dört üzerine index.php dosyasını girdim ve tüm döngüleri kopyaladım. Yeni bir sorgu nesnesi yapmam gerekiyor, bu yüzden $ Custom_posts değişkeni yapıyorum ve döngü boyunca kullanıyorum. Seçeneği eklediğinizde çok eğlenceli olmak için Şablon Gönderi seçeneğini ekleyin. Bunu bir meta kutusu kaydederek yapabilirsiniz, ancak bu makaleye birçok ilgisiz kod ekleyecektir, o zaman neden artık hile yapmıyorsunuz? En sevdiğim eklentilerden biri olan gelişmiş özel alanlar bizim için ağır iş yapabilir. Kullanıcıların sayfada nasıl yayınlanacağını seçebilecekleri özel bir sayfa şablonu yapalım. İlk olarak, gelişmiş özel alanları yükleyin. Ardından, yukarıdan önceki örnekte kodu kullanarak bir sayfa şablonu oluşturun. Şablonun adının “Özel Gönderi Listesi” olduğundan emin olun, böylece aşağıdaki içe aktarma örneğimizi kullanabilirsiniz. Bir sonraki adım, gelişmiş özel alanı kullanarak ayarlarımızı yapmaktır. Yalnızca yeni bir sayfa şablonunda görüntülendiğinden emin olabilirsiniz veya ithal araçlarda WordPress ithalatçılarını kullanarak bu arşivde XML dosyalarını içe aktarabilirsiniz.
Ayarlarla sipariş verdim ve sipariş verdim. Bu, ACF ayarlarınıza içe aktarılacaktır. Bittiğinde bir sayfa oluşturabilir ve “Özel Gönderi Listesi” şablonunu seçebilirsiniz. Meta kutusunda düzenleyici altında görünen iki seçenek göreceksiniz. Bunu istediğiniz her şeye ayarlayın ve bu ayarı kullanarak temalarımızı yapmaya başlayalım.
Bilmeniz gereken yeni şablonumuzun özel ayarları, ayarlarla anahtar sipariş order_by’dir, anahtar ayarlar sipariştir (orada sürpriz yok). ACF tarafından sağlanan get_field () işlevini kullanarak bu alanın değerini alabiliriz. Yapmamız gereken tek şey, kullanıcı tarafından seçilen değeri WP_Query nesnemizden daha önce değiştirmektir: F1010A77F0D6D7B74FE53B537A1FE0A3’ün özünü içerir
Kendi sayfa şablonunuzu yapmaya çok aşina değilseniz, Gümrüklü Bir Sayfa Şablonu Oluşturma Kesinlikle çok yorucu olacaktır. Eğer bir profesyonel iseniz, yine de zaman ve sıkıcı olabilir. Bu yüzden ihtiyacınız olan bir sayfa şablonu yapmak için bir eklenti kullanmak sadece yararlıdır. İstediğiniz seçenekleri basit bir arayüzde seçebilirsiniz ve birkaç dakika içinde şablonunuz biter ve hemen kullanabilir veya gerektiğinde CSS ile düzenleyebilirsiniz. CustomPress eklentileri bunu yapıyoruz ve zamanınızı kurtarırken bunalmış ve can sıkıntısını ortadan kaldırıyoruz.
Yüklenmesi hızlı ve kolaydır ve yaptıktan sonra yeni bir sayfa şablonu oluşturmaya hazırsınız. Ayrıca ekten posta sayfasına kadar her türlü özel gönderiyi de yapabilirsiniz. Hepsi dahil. Ayrıca, WPMU devinin bir üyesi olduysanız, CustomPress ücretsiz olmaktan daha iyidir, çünkü hiçbir şey kaydetmenize veya herhangi bir formu doldurmanız gerekmez. Hemen indirebilir ve bir sayfa şablonu yapmaya başlayabilirsiniz. Üye olmadıysanız, yine de ücretsiz bir gümrük alabilirsiniz. Ücretsiz 14 günlük deneme için kaydolabilir ve CustomPress’i indirebilirsiniz. İptal etseniz bile, CustomPress sizindir ve kullanmaya devam edebilirsiniz. İsterseniz, üyeliğinize devam edebilir ve gelecekteki güncellemeleri, uzman premium desteğini, 100+ eklentinin tamamını ve akademimizdeki diğer WordPress kurslarını kabul edebilirsiniz. Sitenizi bağlayabileceğiniz ve aktif zaman izleme ve kara liste, önemli güvenlik konuları ve düzenli olarak gelen daha fazla özellik alabileceğiniz Hub ile uzun mesafeli site yönetimi alabileceğiniz bir merkezle uzun mesafeli site yönetimi. Her şeyin bir listesini yapmak zor, ama neredeyse evinize para dolu kamyon göndermek gibi. Hemen hemen. Bir sayfa şablonu yapmak için CustomPress’i kullanabilirsiniz. Tam kurulum ve yapılandırma ayrıntılarını, kullanım sekmesinin altındaki CustomPress sayfasında bulabilirsiniz. Halatı göstermek için bir ürün penceresi sayfası oluşturacağım. Kolayca hazırlayabilmeniz için başlamadan önce sayfa şablonunuzu planlamak çok önemlidir. Ürün ekranımın her eklenti için kullanabileceğim eksiksiz bir satış sayfası şablonu olması için hayali bir eklenti işi yapıyorum. Bir sayfa şablonu veya gönderi türü yapmak istediğinizi bilmenin yanı sıra, bilmek iyidir: İster özel bir kategoriye veya etikete ihtiyacınız olsun
İhtiyacınız olan özel alan
Bir sayfa şablonunun halka açık veya kişisel olmasını istiyorsanız
Sayfa şablonunuz için kullanmak istediğiniz adı
Belirli yazı türlerinin yeteneğine ihtiyacınız var mı
Çoklu bir ağınız varsa, Subsitus’un kendi sayfa şablonunuzu yapmasını ister misiniz?
Kaba bir planınız olduktan sonra CustomPress’i yükleyebilirsiniz. Ürün penceremde, üstün bir görüntüye sahip olacağım ve eklenti sürüm numarası gibi belirli özellikleri görüntülemek istiyorum. CustomPress’i ilk yüklediğinizde, ağ boyunca Multisite veya Site için Sitede etkinleştirebilirsiniz. CustomPress ağını etkinleştirmeyi seçerseniz, yalnızca süper yönetici bir sayfa veya özel gönderi şablonu yapabilir, ancak subitus bunu kullanabilir. Siteyi site uğruna etkinleştirirseniz, eklentisi etkinleştirilen her site, kendi gönderisinin türünü ve şablonunu oluşturabilir.
Tüm ayrıntıları CustomPress sayfaları sekmesinde alabilirsiniz. Her şey bittikten sonra sayfa şablonunuzu oluşturabilirsiniz. Şablon Ayarları Başlangıç Gümrük> İçerik Türlerini Açın ve Varsayılan Gönderi Türü sekmesindeki Post Türü Ekle düğmesini tıklatın.
Başlamak için Post Türü Ekle düğmesini tıklayın.
Post Type adlı ilk panelde, arka uç kodda kullanmak istediğiniz alana adı girin. Seçtiğiniz adın en fazla 20 karakter, en az iki harf ve tüm harflerin de küçük olması gerekir. Sonuç olarak ekleme seçeneğiniz de var, ancak adınız alt satırla başlamamalıdır. Kodda kullanılacak sayfanızın şablonu için sistem adını girin.
Tüm ayarlar ve bunların nasıl yönetileceği hakkında ayrıntılar için CustomPress kullanma talimatlarını izleyebilirsiniz, ancak özellikle bir sayfa şablonu yapmak için tartışılması gereken bazı önemli ayarlar vardır. Varsayılan olarak, yetenek türü bir yayına ayarlanır, yani özel bir yazı şablonu oluşturacağınız anlamına gelir. Bunu yapmak istiyorsanız, sorun değil, ancak bir sayfa şablonu yapmayı tercih ediyorsanız, bunun değiştirilmesi gerekiyor. Yetenek türü türü altında, düzenleme kutusunu kontrol edin ve sayfayı yukarıdaki alana girin, yazıyı değiştirin.
Yeni bir sayfa şablonu eklemek için sayfaya yetenek türünü düzenleyin.
Etiket bölümünde, bir sayfa şablonu ve bağlantı vermek istediğiniz kullanıcı dostu başlığını girebilirsiniz. Adın adına, sayfa şablonuna erişebilmeniz için Yönetici Gösterge Tablonuzdaki sekmede görüntülemek istediğiniz şeyi girin. Ayrıca, yeni bir sayfa bağlantısı gibi sekme altında listelenen bir bağlantının adını da ayarlayabilir ve sayfayı görebilirsiniz.
Sayfa şablonunuz ve bağlantınız için kullanımı kolay adı girin.Bittiğinde, değişikliklerinizi kaydetmek ve yeni sayfa şablonunuzu oluşturmak için alttaki Posta Türünü Ekle’yi tıklayın.Yeni sekmenizi Yönetici Gösterge Tablonuzdan seçtiğiniz adla kontrol edebilirsiniz, ancak sayfanızda göstermeniz gereken belirli içerik türleri için herhangi bir seçenek eklemek için özel bir alan oluşturmanız gerekir.Kurgu eklentisi işime ve onun için yaptığım ürün ekran sayfasına özel bir alan ekleyerek, eklenti sürümü gibi düzenleyiciye bazı seçenekler ekleyebilmeliyim.Özel Alan sekmesini açın ve Özel Alan Ekle düğmesini tıklayın.Bir şablonla birincisi oluşturduğunuzda editörde ve ayrıca sayfada görüntülenecek kullanımı kolay adı girin. Adından da anlaşılacağı gibi özel alanınız için seçeneği girin. Ayrıca, kullanıcı arayüzünü etkinleştirirseniz seçeneğinizin editörde görünebilmesi için gönderi türünde oluşturduğunuz sayfa şablonunun adını seçtiğinizden emin olun. Bu tür bir yazı için Giriş Giriş bölümünde, bu özel alanın editörde görüntülenmesini istemediğiniz her türlü yayın veya sayfa şablonunu girin. Hayali eklenti işim için, sıradan bir gönderi ve sayfa düzenleyicisinde görüntülenen eklenti sürümünü görüntüleyen özel alanımı istemiyorum, ancak sayfa şablonumda görünmesini istiyorum. Bu durumda, özel sayfa şablonum hariç, listedeki her türlü yayın ve sayfayı seçeceğim. Alan türü altında, kullanıcıların bu alan seçeneği için bilgi girmesini istediğiniz şekilde girin. Hayali iş durumumda, personelimi istiyorum ve metin kutusuna sürüm numarasını girebilirim çünkü geliştirme gerçekleştiğinde birkaç seçenekten fazla olmalı, bu yüzden metin kutusunu seçiyorum. İstediğiniz alan türünü seçin yapmak.
Seçebileceğiniz birçok seçenek var ve işte tam bir liste: Metin kutusu
Multi-Baris metin kutusu Radyo düğmesi
Onay kutusu Gerilme kutusu aşağı
Çok seçilmiş kutu seçmen tarihi
Yüklemek
Alan türünü seçtikten sonra ek seçenekleri girebilirsiniz. Örneğin, metin kutusu bilgilerini doğrulamak için normal ifadeler girebilirsiniz. Bu, alan e -posta adresini girmek için kullanılacaksa kullanışlıdır. E -postayı doğrulamak ve geçerli olduğundan emin olmak için normal ifadeleri kullanabilirsiniz. Onay kutuları gibi farklı alan türlerini seçerseniz, farklı seçenekler dinamik olarak görünecektir, böylece alanınızdaki kullanıcıya tıklamak istediğiniz seçenekler gibi ilgili ayarları ekleyebilirsiniz. Alanınız için bir açıklama da girebilirsiniz, böylece kullanıcılar alanınızda neyi yazacakları veya seçecekleri hakkında daha iyi fikirlere sahip olursunuz. Bittiğinde, sayfanın altındaki Özel Alan Ekle düğmesini tıklayın. Şimdi, sayfa şablonu sekmenize gittiğinizde ve yeni bir sayfa oluşturmak için bağlantıya tıkladığınızda, kullanıcı arayüzünü görüntülemeyi seçerseniz editör altında görüntülenen seçeneği göreceksiniz. Yeni özel alan sayfanın düzenleyicisinde görünür. şablon oluşturuldu.
Neredeyse tamamlıyorsunuz, ancak ön taraftaki sayfanızda özel alanların gerçekten görünmesini sağlamak için son bir adım var. Özel alanınızı düzenleyicide görebilseniz bile, özel alanınızı aşılayın, küçük bir PHP kodu veya kısa kod ile ekleyene kadar sayfa şablonunuzda görünmez. Neyse ki, her şey sizin için yapılır, bu yüzden sadece takmanız gerekir. İhtiyacınız olan kodu CustomPress> İçerik Türleri> Özel Alan sekmesini açarak bulabilir ve imleci özel alan başlığınıza yönlendirebilirsiniz. Kodu bağlantı pinine tıklayın.
Özel alanınız için SEMAT kodunu ayarlarda bulabilirsiniz. Kodunuz doğrudan dinamik olarak aşağıda görünecektir. İhtiyacınız olanı kopyalayıp ekleyebilirsiniz. PHP kodu, CustomPress tarafından oluşturulan bir sayfa şablonunda kullanılabilir. Bu dosyayı/wp-content/themes/tikeme/tek- {Post_name} .php altında bulabilmelisiniz. {Post_name} yerine, sayfa şablonunuz için seçtiğiniz gerçek sistem adını göreceksiniz. Benim durumumda, dosyamın adı tek-üründür .php. Dosyaları düzenleyebilir ve özel alanınızın ön uçta görünmesini istediğiniz kodu girebilir, ardından değişiklikleri kaydedebilirsiniz. Kısa bir kod kullanmayı tercih ederseniz, özel alanınızın diğer kısa kodlarda olduğu gibi görüntülenmesini istediğiniz sayfa düzenleyicisine girebilirsiniz. Alanınızı CSS ile ayarlama Varsayılan olarak, özel alanınız sıradan bir metinde yazılır, ancak daha çekici görünmesini ve isteklerinize göre ayarlamak için CSS’yi kullanabilirsiniz. Alanınızı CSS ile ayarlamak için ortaya çıkan PHP gömme kodunu kullanmanız gerekir. Ardından, kodu
etiketine sarın
Stilinize sınıf adları eklemek için. Oradan, style.css dosyanızı girebilir ve alanınızı CSS ile ayarlamak için oluşturulan yeni sınıfın adını kullanabilirsiniz. Yardım alın Yol boyunca sorun yaşarsanız, uzman destek ekibimiz, ihtiyacınız olan her şeyde size yardımcı olmaya hazır ve bekliyor. Sorunuzun cevaplanıp cevaplanmadığını görmek için bilet gönderebilir, doğrudan desteğimizi kontrol edebilir veya destek forumunda arama yapabilirsiniz. Ayrıca, size yüksek hızda yardımcı olabilmemiz için destek biletinize ne dahil edeceğinizle ilgili ayrıntılar için iyi destek biletinin manuel sayfasını da görebilirsiniz. Hepsi üyeliğinize dahildir, bu nedenle yardıma ihtiyacınız varsa bir saniyenin bile şüphe etmenize gerek yoktur. Henüz üye değilseniz, deneme üyeliği ile ücretsiz destek alabilirsiniz. Sonuç olarak, seçenekler ekleyerek yönetici ve web sitesi kullanıcıları için yeni deneyimler oluşturabileceğiniz kadar açık olmalıdır. Bu işlevsellik, ayarlanan CSS ve JavaScript ile birleştiğinde bazı şaşırtıcı ve güçlü işler üretebilir. Dikkatli olun, büyük güç büyük sorumluluklar gelir! Sadece devam edemeyeceğiniz için sayfa şablonuna 100 seçenek ekleyin. Bu bilgiyi akıllıca kullandığınızdan ve müşterileriniz ve kendiniz için gerçekten yararlı bir şey oluşturduğunuzdan emin olun. Son zamanlarda oluşturduğunuz veya gördüğünüz harika bir sayfa şablonunuz varsa, öğrenmek istiyoruz. Deneyiminizi aşağıdaki yorumlarda paylaşın.
