Orta Kullanıcılar İçin WordPress Geliştirme: Ayrıntılı Tema Geliştirme
WordPress oyununuzu tamamen yeni bir seviyeye getirmek ister misiniz? PHP becerilerinizi daha da geliştirmek ve temanıza ve eklentinize daha karmaşık ve çekici işlevler eklemek ister misiniz? En son serimize, orta kullanıcılar için WordPress’in geliştirilmesine hoş geldiniz. Bu dizi, sizi WordPress ile geliştirmenin temellerini, PHP ile kodlamaya ve temalar ve eklentiler oluşturma ile tanışan WordPress için yeni başlayanlar geliştirmek için popüler öğreticimizi takip ediyor. Bu yedi haftalık seride, becerilerinizi gerçekten test etmek için birçok şeyi artırıyoruz. Nasıl yapılacağını öğreneceksiniz:
Dosyalar, şablon bölümleri, şablon etiketleri, eylemler ve filtreler ekleyerek bir WordPress teması geliştirin
Temanıza ayarlama işlevini ekleyin
Kodlama için en iyi uygulamayı kullanarak eklentiler geliştirin
Temanıza ve eklentinize karmaşık olan özel bir sorgu ve döngü ekleyin
Özel bir gönderi türü oluşturun ve yapın
Meta veri gönderimi (veya özel alanlar) ve yazarın meta verileri gibi diğer meta veriler dahil olmak üzere meta verilerle çalışın ve
Kodunuzu tercüme edin ve yayınlanmaya hazırlanın
Bu diziyi yaptığınızda ve öğrendiklerinizi uyguladığınızda, yetkin bir WordPress geliştiricisi olarak ortaya çıkacak, kendi temalarınızı ve eklentilerinizi oluşturmaya ve diğer kullanıcılara dağıtmaya veya hatta müşterilere inşa edilmiş siteler satmaya hazır olacaksınız.
Not: PHP hakkında bilgi sahibi olmanız önemlidir, çünkü bu WordPress’in temel dilidir ve bu dizi boyunca kod görüntülerine atıfta bulunacağım. Başlayalım. Orta kullanıcılarımız için WordPress Geliştirme Serisindeki öğreticiyi özlüyor musunuz? Buradaki yedi yazıyı takip edebilirsiniz: Orta Kullanıcılar İçin WordPress Geliştirme: Ayrıntılı Temaların Geliştirilmesi
Orta Kullanıcılar İçin WordPress Geliştirme: Temalarınızı Hazırlayın
Orta Kullanıcılar için WordPress Geliştirme: Eklentiler Oluşturma
Orta Kullanıcılar için WordPress’in Geliştirilmesi: Özel Gönderinin Türleri ve Taksonomisi
Orta Kullanıcılar İçin WordPress Geliştirme: Perde ve Tekrarlama
Orta Kullanıcılar için WordPress Geliştirme: Özel ve Meta Veri alanları
Orta kullanıcılar için WordPress’in geliştirilmesi: uluslararasılaşma
Bu doğru, WPMU Dev üyelerinin öğrenmeye başlaması için ücretsiz olarak çok sayıda WordPress bilgisi, akran yorumları, eğitmen geri bildirimi ve sertifika
Bu kursa başlamadan önce, önceki WordPress için bir kod yaptığınızı ve temanın ve eklentinin nasıl çalıştığına dair temel bir anlayışa sahip olduğunuzu varsayar. Daha önce hiç WordPress geliştirmediyseniz veya yenilemek istiyorsanız, yeni başlayanlar için WordPress’in gelişimini okumanızı şiddetle tavsiye ederim, bu da bu diziye başlamadan önce bilmeniz gereken her şeyi verecektir. Benimle birlikte çalışabilmeniz ve çalışabilmeniz için birkaç şeye erişmeniz gerekir. Bu:
Bir WordPress kurulum geliştirme. Yerel makineniz üzerinde çalışmanızı öneririm
Uzaktan çalışıyorsanız FTP Erişimli Kod Düzenleyicisi (ki bunu yapacaksınız)
Kod düzenleyicinizin FTP erişimi yoksa, FTPSIWA istemcileri kasten tüm bunları bulmanıza yardımcı olacak bir bağlantı vermez-böyle şeyler hakkında bildiğiniz ve kendiniz bulabileceğiniz bir seviyede olduğunuzu varsayıyorum.
Bu dizi ve bir sonraki öğretici için, GitHub’da bulabileceğiniz, oluşturduğum demo temasıyla birlikte çalışacağız. Ayrıca bu dizi üzerinde çalışırken güncelleyeceğim bir demo sitesi oluşturdum. Şimdi aşağıdaki görünüm:
Bu derste farklı konuları tartıştığımızda, öğrendiklerinizi demo temasına nasıl uygulayacağınızı göstereceğim. Bunu takip etmek istiyorsanız, başlamadan önce indirin ve geliştirme sitenizde yükleyin ve etkinleştirin. Yapının nasıl olduğunu görebilmeniz için ilk temaya bakın. Bu şablon dosyaları, widget’lar ve menüler dahildir – hepsi yeni başlayan geliştirme serimize dahildir. Bu aynı zamanda bazı temel stilleri de içerir – güzel olduğunu iddia etmiyorum ve düzeltmek isteyebilirsiniz!
Bu ilk öğreticide bu öğreticide tartışacağımız şey, doğrudan temaların geliştirilmesine gideceğiz. Bu öğretici, yeni başlayanlar için WordPress geliştirme kursunda aşağıdaki modülleri incelerseniz öğrendiklerinizi oluşturacaktır:
Widget ve Menü
Bu nedenle, size temel bir temanın nasıl oluşturulacağını veya bir widget veya menü alanının nasıl kaydedileceğini göstermeyeceğim. Bunları nasıl yapacağınızı bilmiyorsanız, diziye dönün ve görün! Bunun yerine, özellikle daha gelişmiş bir tema geliştirmenin yönlerini göreceğiz:
Tema Geliştirme Yaklaşımı
Temanızın Düzenlemesi – Şablon bölümünü kullanarak hiyerarşi şablonu
Düzenleme için şablon etiketleri ekleyin
İşlev dosyasına işlevsellik ekleyin
Temanıza kanca ekleyin
Ancak kodlamaya başlamadan önce, tema geliştirme için mevcut bazı yaklaşımlara bakalım.
WordPress temalarını geliştirmeye yaklaşım Kendi temanızı geliştirmeye başlamadan önce, bunu nasıl yapacağınızı düşünmek iyidir. Bazı olası yaklaşımlara bakalım. Yaklaşım 1: En başından beri en başından beri Codean önerdiğim bir şey değil. Bu, boş bir PHP dosyası (veya dosya) ile başlayıp bir tema oluşturmak için ihtiyacınız olan tüm kodu eklemek anlamına gelir. İlk olarak bir tema oluşturduğunuzda bunu yapmaya karar verebilirsiniz, ancak kesinlikle bir sonraki tema için yapamazsınız. Ayrıca, tekrar kullanabileceğiniz birçok paylaşılan kod olacak.
Yani, ilk temanız için kullanırsanız kullanın, en başından bir sonraki tema kodunu oluşturmayın – ilk temanızı düzenleyin veya yeni başlayan bir tema oluşturmak için ilk temanızı kullanın. Yaklaşım 2: Bu statik HTML’nin geleneksel olarak uyarlanması, insanlar tarafından WordPress’i öğrenmek için kullanılan bir yöntem haline gelir ve statik bir site oluşturduysanız ve HTML kodlaması ile rahat hissettiyseniz bu iyi bir yaklaşımdır. Veya, HTML statik kullanarak oluşturduğunuz site için bir prototip yaptıysanız, kullandığınız yaklaşım bu olabilir. Statik bir HTML ile başlarsanız, işaretlemeyi temalara dönüştürmek için bazı şeyler yapmanız gerekir:
İndex.html dosyanızı index.php olarak değiştirin
Başlığı, altbilgiyi ve kenar çubuğunu statik içerik yerine döngü ekleyen dosyalara ayıran şablonun birkaç bölümüne bölün
İlgili şablon etiketlerini ekleyin (daha fazlası yakında olacak)
Sitenin adı ve sayfa açıklaması gibi sayfanın başka bir yerinde bilgileri ve başka bir yerde düzenleyin. Bunu manuel olarak temanıza kodlamak yerine veritabanından almak için get_bloginfo () gibi işlevleri kullanın
WordPress menü arayüzünü kullananlarla sabit kodlu gezinme menüsünü değiştirme
İlgili ise, widget alanı ile yan ve altbilgi yan tarafındaki statik içeriği değiştirin
Ek şablon dosyaları ve dizin.php – daha hemen
Yeni başlayan WordPress geliştirme kursumuzda bu konuda çok şey öğreneceksiniz.
HTML Statik’ten nasıl bir tema yapacağınızı öğreten ayrıntılı yönergeler için kitabımı, WordPress temalarının geliştirilmesi: yeni başlayan rehber, yararlı bulabilirsiniz.
Sonuçta, WordPress temanızın geliştirilmesini hızlandırabilecek yeni başlayan bir temadır
Yaklaşım 3: Yeni başlayan bir tema kullanarak başka bir yaklaşım, alt satır gibi üçüncü bir tarafın ilk temasını almak ve kodunuz için temel olarak kullanmaktır. Bu size döngüler gibi tüm önemli WordPress’i verecek ve çok fazla iş tasarrufu sağlayacaktır. Veya ilk temanızı geliştirirken oluşturduğunuz kendi başlangıç temanızı kullanabilirsiniz. Renkler, yazı tipleri veya önce sipariş edilen düzenler ve işlevler gibi diğer temalar için uygulanmayacak tüm kodları silin ve bir sonraki temayı geliştirdiğinizde başlamak için kullanın.
İlk temanızın kuru ve duyarlı prensipler (veya daha iyisi, hücresel öncelik vermek) ve erişilebilirlik özellikleri dahil olmak üzere kodlandığından emin olun. Temellerinizin çoğuna eklediğiniz ancak hepsine değil ek işlevleriniz varsa, yine de her tema için dosya ekleyebilir ve daha sonra ihtiyacınız olduğunda temaya ekleyebilirsiniz. Bu kursta nasıl daha sonra yapacağınızı göstereceğim. Yaklaşım 4: Çocuk temalarını oluşturmak, temanızı kodlamanın başka bir yolu, ana tema olarak var olan temaları kullanmak ve daha sonra her proje için bir çocuk teması oluşturmaktır. Bunu ve yeni başlayan tema yaklaşımını birleştirecek şekilde çalışıyorum: Yaptığım her yeni site için ana tema olarak kullandığım kendi özel çerçeve temamı ve yeni başlayan çocuğun temasını sadece birkaç temelle oluşturdum içinde. Daha sonra her proje için çocuğun temasını ekledim ve düzenledim. Çocuk teması kullanmak, kullandığınız tüm kodu üst temanızda tekrar tekrar saklayabileceğiniz, zamandan ve sunucu alanınızdan tasarruf edebileceğiniz anlamına gelir. Herhangi bir şeyi değiştirmeniz gerekiyorsa, çocuğunuzun temasında aynı adla bir şablon dosyası oluşturun ve WordPress bunu ana tema yerine kullanacaktır. Çerçevenin teması gibi anne temanız olarak üçüncü taraf bir temayı da kullanabilirsiniz. Birçok çerçeve, kutunun dışında kullanabileceğiniz çocukların temalarıyla birlikte gelir, ancak kimse kendi kodunuzu oluşturmanızı durdurmaz. Kiraz gibi tema çerçeveleri kendi çocuk temanızı geliştirmenin bir yoludur
Yaklaşım 5: Kişi ilk başladığında popüler bir yaklaşımı olan temaların ayarlanması, mevcut temaları (varsayılan tema, şu anda yirmi on altı) almak ve kendi ihtiyaçlarınızı karşılayacak şekilde ayarlamaktır. Bu, başlamak için iyi bir yol olabilir, çünkü her şeyin nasıl çalıştığını ve öğrenmenin iyi bir yolu olabileceğini görmek için tema kodunu öğrenmenize izin verir. Ancak bazı uyarılar var: Tema güncellemesinden yararlanmak istiyorsanız, temayı doğrudan düzenlemek yerine çocuk temasını kullanın Kendinizi birçok işlev ve stilin ortadan kaldırdığını ve kendinizi ekleyerek bulabilirsiniz.
Sadece elde etmek istediğiniz şeye benzer temaları kullanın
Yalnızca iyi kodlanmış temaları kullanın – WordPress Tema Dizini’ndeki incelemelere bakın Kısacası, üçüncü taraf bir temayı kendi temanızı oluşturmak için öğrenmenin ve ayırmayı planlamanın bir yolu olarak kullanırsanız ve güncellemelerden endişe etmiyorsanız, lütfen. Ancak tanınamayacak şekilde çok değişecekseniz, yeni başlayan tema daha iyi olabilir. Temanın birçok stilini ve işlevselliğini korumak istiyorsanız, kendi ayarınızı yapmak için çocuğun temasını kullanın. Tema Yapısı: Hiyerarşi Şablon Teması Tema Ziyaretçilerin gördüğüne bağlı olarak içeriği görüntülemek için kullanılan bir dosya olan belirli bir şablon dosyası eklemeniz gerekir. Temanızda dört ana dosya türü vardır:
Şablon dosyası – index.php, page.php ve daha fazlası
Stil Sayfası – Style.css
Şablon Bölümü – Header.php, Sidebar.php, footer.php ve Loop.php dosyası gibi oluşturduğunuz şablonun diğer bölümü
Dosya işlevi – function.php ve minimum dosya sayısına dahil olan tüm dosyalar iki: index.php ve style.css. Teorik olarak, yalnızca bu iki dosyayı içeren bir tema oluşturabilirsiniz, ancak bunu tavsiye etmeyeceğim. Başlıklar ve altbilgi gibi şeyleri ayırmak ve örneğin statik sayfalar, arşiv sayfaları ve tek yayınlar için farklı şablon dosyaları oluşturmak hayatınızı kolaylaştıracaktır. Ve dosyaları kullanmak kodunuzu daha verimli hale getirebilir. İlk temamız aşağıdaki dosyaları içerir:
İndex.php
Style.css
Function.php
header.php
Sidebar.php
Footer.php
Bu bir şablon dosyası, bir stil sayfası, bir işlev dosyası ve şablonun üç bölümüdür. Her birinin ne olduğunu açıklayacağım. İçerik görüntülerken WordPress tarafından kullanılan ilk dosya şablonu dosyası ilgili şablon dosyasıdır. Bu, bir şablon hiyerarşisi kullanarak hangi içeriğin görüntülendiğine göre seçecektir.
Wphierarchy.com, tema şablonu hiyerarşisi için iyi etkileşimli bir rehberdir
Örneğin, ziyaretçiler blogunuzdan bir yayın okurlarsa, WordPress bu dosya listesinde çalışacak ve içeriği görüntülemek için bu listeden ilk olanı kullanacaktır:
Single-Post.php (tek bir gönderi için, sayfa veya özel yazı türü değil)
Single.php (tek bir gönderi veya özel yazı türü için, sayfa değil)
Singular.php (tek bir gönderi için, özel yazı tipi veya sayfa için)
index.php (daha spesifik bir şablon parçası olmayan herhangi bir şey için)
Ve kullanıcınız arşiv sayfasına gidiyorsa, örneğin “Üstün” kategorisi arşivleri, WordPress bu şablon dosyasında çalışacaktır: Category-Featured.php (yalnızca bu kategori için) Category-xx.php (burada xx bir kimlik kategorisi ‘üstün’)
Category.php (tüm kategori arşivleri için)
Archive.php (kategoriler, taksonomi, yazar ve etiket terimleri dahil tüm arşivler için)
İndex.php
Temanızın bir dizin.php dosyası olduğu sürece, içeriği görüntülemek için her zaman kullanılabilir dosyalar olacaktır. Ancak, yayınlar ve tek sayfalar, arşivler ve arama sayfaları ve sayfa 404 dahil olmak üzere her türlü içeriği dikkate aldığından emin olmanız gerekir. Bu dosyaların her biri için özel bir şablon dosyası oluşturmak daha kolay olacaktır. Temanın bir yayın ve sayfa görüntüleme şeklini ayarlamak için ilk temaya birkaç şablon dosyası daha ekleyelim. Bunu yapmanın en kolay yolu index.php dosyasını kopyalamaktır. İlk olarak, bunu sayfa için yapalım.
Dizin.php ve name page.php.
Aşağıdaki satırları bulun:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Aşağıdaki gibi okunacak şekilde düzenleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Yeni dosyanızı kaydedin.
İnsanlar siteyi gördüğünde bu çok fazla değişmedi, ancak bazı gereksiz kodlar bıraktı. Silmeniz koşullu ifadeler Sayfada olup olmadığımızı kontrol edin, gereksiz bir şey, çünkü WordPress bu şablon dosyasını yalnızca sayfadaysak kullanacaktır. Ayrıca H2 etiketini H1 olarak değiştirir. Şimdi bunu bitirdikten sonra, ön sayfadaki kontrolü değiştirmek için dizin.php dosyasını düzenleyebilirsiniz.
Dizin.php.
Bu kodu bulun:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Kulağa benzeyecek şekilde düzenleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Dosya ‘yı kaydet.
Bu, döngünün ön sayfasını kontrol eder. Şimdi tek bir gönderi için bir dosya oluşturalım. İndex.php’in bir kopyasını oluşturun ve single.php adını adlandırın
Bu satırı bulun:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Bunları aşağıdaki gibi okumaları için düzenleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Dosya ‘yı kaydet.
Bu, ön sayfada olacak bir onay işaretini ortadan kaldırır, çünkü bir blog yazısı ön sayfa olmayacaktır. Ayrıca H2 etiketini H1 olarak değiştirir. Son olarak, arşiv için dördüncü bir şablon yapalım.
INDEX.php’in bir kopyasını yapın ve PHP Arşivi adını verin.
Bu satırı bulun:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Altında, bu çizgiyi ekleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Dosya ‘yı kaydet.
Stil Sayfası Her tema bir stil sayfası içermelidir, çünkü WordPress’i tema hakkında anlatır ve siteniz için stil sağlar. Stil sayfanız, üstte WordPress hakkında her şeyi anlatan bir yorum metni içermelidir. Kullanacağımız temada, stil sayfası aşağıdakilerle başlar:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Şablon bölümü Her biri döngü, üstbilgi, altbilgi vb. Olduğu çok sayıda şablon dosyası oluşturursanız, tekrarlanan tüm kodlar için endişelenebilirsiniz. İyi haber şu ki, herhangi bir kodu tekrarlamanıza gerek yok. Temple’ı temanızın belirli bölümlerini sadece bir kez kodlamak için kullanabilir ve ardından şablon dosyanıza kodu girebilirsiniz. Örnekler şunları içerir:
Başlık – header.php
Yan çubuk – yan taraf.php
Footer – Footer.php
Genel Tekrar – Loop.php
Döngü daha spesifik-loop-page.php, örneğin
Temamızdaki döngüler için şablon bölümünü kullanalım.
İndex.php dosyasını açın. Bu kodu bulun:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Kodu kopyalayın.
Temanızda Loop.php adlı yeni bir dosya oluşturun.
Yeni dosyanızı açın ve kodu içine yapıştırın. Dosya ‘yı kaydet.
İndex.php’ye dönün ve sadece kopyaladığınız kodu silin.
Bunun yerine şunu ekleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Dosyanızı kaydedin.
Şimdi yukarıdaki kodu archive.php dosyasından silin ve loop.php’de kullanırken get_template_part () işleviyle değiştirin. Archive.php dosyasını kaydedin.
Şimdi, iki şablon dosyasına kodlanmış bir döngü yapmak yerine, bir dosyada var. Düzenlemeniz gerekiyorsa, yalnızca bir kez yapmanız gerekir. Aynı şeyi bir gönderi ve sayfa için döngü için yapalım.
Temanızda Loop-Single.php adlı yeni bir dosya oluşturun.
Page.php dosyasını açın.
Bu kodu bulun:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Yeni dahil dosyalarınıza kopyalayın ve sayfa.php adresinden silin.
Page.php, şöyle değiştirin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Dosyanızı kaydedin.
Şimdi single.php için yukarıda tekrarlayın, döngüleri silin ve işlevlerle değiştirin.
Bir kez daha bu get_template_part () işlevini kullanır, ancak bu sefer iki parametre vardır: “Loop” ve “Tek”. WordPress bir Loop-single.php dosyası bulamazsa, loop.php kullanmaya geri döner. Dosya İşlevselliği Temanıza işlevler eklemek istiyorsanız, function.php kullanmanız gerekir. Burası, widget ve menüler kaydetme gibi şeyler yapacağınız yerdir. Temanız birçok işlev içermeye başlarsa ve onu ayırmak istiyorsanız, dahil dosyayı kullanabilirsiniz. Bunu, özelleştirici işlevselliği için bir dahil dosyası ekleyeceğimiz bu serideki bir sonraki gönderide yapacağız. Dosyayı girmek için işlevlerinize böyle bir şey eklersiniz.
Bu, özelleştirici.php adı verilen temanızdaki klasörün dahil edilmesi için dosyaları içerir. Dosyanın kodu, Function.php dosyasına kodlanmış gibi çalıştırılır. Temamız zaten menüleri ve widget’ları kaydetmek için işlevler içeren function.php adlı bir dosyaya sahiptir. Buna bazı tema desteği ekleyelim.
Open function.php
Altta, bu çizgiyi ekleyin:
Çekirdek 1c9db3673e9a82cdfb72 içerir
Dosyanızı kaydedin.
Artık sitenize bir gönderi eklediğinizde, üstün görüntüler ayarlayabileceğinizi ve posta biçimini belirleyebileceğinizi göreceksiniz. Tema desteği için function.php kullanma hakkında daha fazla bilgi için, tema işlevi dosyası için ana kılavuzumuza bakın. Zorluk: Daha fazla şablon dosyası ekleyin Şimdi temanıza birkaç dosya eklediniz, kılavuzum olmadan birkaç dosya daha eklemeyi deneyin. Aşağıdaki dosyayı ekleyin:
404.php – errorSearch.php sayfası için – arama sonuçları için
Archive.php’in arama şablonu için bir kopyasını ve 404 sayfa için dosyanızın bir kopyasını kullanmak isteyebilirsiniz, ancak döngüyü bir hata bildirimi ile değiştirmek isteyebilirsiniz. Daha da iyisi, arama sayfanıza en son yayınların ve/veya arama kutularının bir listesini ekleyebilirsiniz – bu kursta daha sonra yapacağımız bir şey. Kilitle vurulursanız, bu serinin kaynak dosyasından tamamlanan tema Bölüm 1’e bakın. Temanıza etiket şablonları ekleyin Bir sonraki adım, temanıza bazı şablon etiketleri eklemektir. WordPress’in şablon etiketini nasıl kodlayacağınız aşağıda açıklanmıştır: Etiket şablonları blog şablonunuzda dinamik bilgileri görüntülemek veya blogunuzu ayarlamak, sizin gibi bireysel ve çekici hale getirmek için araçlar sağlamak için kullanılır. Şablon etiketi bir tür işlevdir, ancak bir işlev dosyasında veya eklentisinde kullanmak yerine, şöyle içerik üretmek için bir şablon dosyasında kullanırsınız:
Get_header (), get_ideBar (), get_footer () ve get_template part () ile şablondan içerik alın.
BlogInfo () kullanan başlıklar, ev URL’leri veya açıklamalar gibi siteler hakkında bilgi görüntüler.
The_Concent (), _title () ve the_permalink () gibi etiketlerle gönderme ve meta veri içeriği.
Get_the_author () ve get_the_author_link () gibi etiketlerle yayınlanan yazar hakkında bilgi görüntüler.
Body_class () gibi etiketlerle stili yapılandırmak amacıyla yayın hakkında bir kimlik veya sınıf olarak yayınlayın.
Başlangıçta bazı etiketlerin Get_’e sahip olduğunu unutmayın, bazıları ise yok. Get_ ile başlayan etiketi kullanırsanız, WordPress’in yaptığı her şey bu bilgileri almaktır – yayınlanmamıştır. Ne aldığınızı görüntülemek için daha önce Echo kullanırsınız. Örneğin, echo get_the_author_link () yazarın profiline bağlantıyı yineledi. Bu, içeriğin nasıl yayınlandığı konusunda daha fazla kontrol sağlar. Yeni kullandıysanız_author_link (), WordPress bunu önceden belirlenmiş bir şekilde görüntüleyecektir. Bazen sizin için çalışır, ancak bazen değil ve başlangıçta Get_ ile şablon etiketine kendi işaretlemenizi eklemek istersiniz. Üzerinde çalıştığımız tema birkaç şablon etiketi eklendi. Şablon dosyası aracılığıyla çalışın ve bulabileceğinizi görün. Aşağıdakileri bulmalısınız: Header.php: BlogInfo (‘URL’), BlogInfo (‘Name’) ve BlogInfo (‘Açıklama’).
Index.php, archive.php, single.php ve page.php: get_template_part (), daha önce eklediğiniz.
Loop.php ve loop-single.php: the_permalink (), the_title_attribute (), the_title () ve the_content ().
Böylece bir şablon etiketi ile çalıştığınızı görebilirsiniz. Özellikle düzenlemeye yardımcı olmak için tekrar ekleyelim. WordPress’i şekillendirmek için bir şablon etiketi ekleyin, size öğesine ekleyebileceğiniz üç çok kullanışlı şablon etiketi sağlar ve yayınlarınızdan, sayfalarınızdan ve arşivlerinizden daha ince bir düzenleme etkinleştirmek için döngünüze. Bu:
Başlık dosyasındaki Body etiketine eklediğiniz body_class ().
Body_class () ‘ya benzer bir şekilde çalışan ancak bir döngüde yayınlayarak kullanılan Post_class ()
Onları temamıza ekleyelim.
Header.php dosyasını açın.
Kendi satırında olan açma etiketini bulun.
Kulağa benzeyecek şekilde düzenleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Dosyayı kaydedin ve kapatın.
Loop.php dosyasını açın.
Kendi satırında olacak Açıcı ‘yi bulun.
Okuması için düzenleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Dosyayı kaydedin ve kapatın.
Loop.php dosyası için 5-8 adımlarını tekrarlayın.
Şimdi, öğesinin, görülen içeriğin türüne bağlı olarak üzerinde bir dizi sınıf olduğunu göreceksiniz. Ve öğesinde her birinin bir yayın kimliği olan bir kimliği ve yayın türüyle ilgili bir dizi sınıf vardır. Site ana sayfasının ortaya çıkan koduna bakalım. Temanızı kaydedin ve Site Ana Sayfanızı Tarayıcınıza Açın. Kodu kontrol edin. Bu benim:
Bu çıkan kod:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Şimdi başka bir sayfaya bakalım. Bir gönderiye gidin ve vücut için hangi çıktıyı görün:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Gördüğünüz gibi, WordPress farklı sınıflar üretiyor çünkü bir gönderideyiz. Şimdi, tek yayın sayfasındaki etiketinin ortaya çıkan kodu görünümüne bakın:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Makalede, kimlikleri, yayın türlerini, durumları, kategorileri ve diğerlerini ve kimlikleri göndermeye eşdeğer kimlikleri gösteren bir dizi sınıfa sahiptir. Daha sonra, posta stilinizi yazı kategorisine veya yazı türüne göre ayarlamak için veya hatta posta kimliğini hedefleyerek kullanabilirsiniz. Örneğin bir haber sitesi çalıştırırsanız, her kategorinin kendi renginiz vardır, ana liste sayfasındaki uygun renkleri kullanarak bu kategorideki tüm yayınları düzenleyebilirsiniz. Daha güçlü hale getirmek için temanıza ekleyebileceğiniz bir sonraki temanıza filtreler ve kancalar ekleyin. Bu, şablon dosyasının kendisini düzenlemeden temanızda zaten sahip olduğunuz içeriği değiştirmenize veya yeni içerik eklemenize olanak tanır. Bu nedenle, sayfanızda bir yere içerik ekleyen bir eklenti yazmak istiyorsanız, kolayca yapabilirsiniz. Aslında bunu daha sonra kursa yapacağız. Ana tema olarak kullanmak istediğiniz temayı geliştirirseniz bu da çok kullanışlı bir tekniktir. Çocuğunuzun tema işlev dosyasında, çocuğunuzun temasında yinelenen bir şablon dosyası oluşturmadan ana temaya (veya mevcut içeriği değiştiren) ek içerik ekleyen bir işlev oluşturabilirsiniz. Tüm tema çerçevesinde çok fazla kanca var, böylece bunu yapabilirsiniz. Kancanın nasıl çalıştığını ve eylem kancaları ve filtre arasındaki farkı anlamak istiyorsanız, yeni başlayanlarımız için WordPress geliştirme serisinin 5. bölümünü eklentinizdeki kancaları nasıl kullanacağınızı öğrenmeniz gerekir. Başka bir deyişle, bunu zaten bilmelisiniz!
İki tür kanca vardır: eylem kancaları ve filtre kancaları: boş eylem kancaları – temanızda veya eklentinizde, sizin veya diğer geliştiricilerin işlevi kancaya ekleyerek birkaç kod ekleyebileceği bir yerdir.
Filtre kancalarını mevcut kod veya içeriğin etrafında filtre edin – işlevi kancaya ekleyerek içeriğin değiştirilmesine izin vermek için filtre kancasını mevcut içeriğin etrafına sarın. Bu, filtre içeriğini işlev içeriğiyle değiştirir.
Burada biraz farklı bir şey yapacağız: Kancaya bağlanmak için bir işlev yazmak yerine, temamızdaki kancayı yapacağız. Temas kancalarını yapmak için kancalar ekleyin, DO_ACE () işlevini kullanırsınız. Bir parametre vardır: kancanın benzersiz adı. Öyleyse bunu bazı kancalar eklemek için kullanalım.
Header.php dosyasını açın.
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Şimdi
Dosyayı kaydedin ve kapatın.
Başlığınıza sadece iki kanca eklediniz. Bunu, tema işlev dosyanıza (veya alt temaya) veya eklentiler aracılığıyla ek içerik eklemek için kullanabilirsiniz. Şimdi tekrar ekleyelim.
Dizin.php dosyasını açın.
satırını bulun ve bunu aşağıya ekleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Şimdi etiketten hemen önce kapanış, şunu ekleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Dosyayı kaydedin ve kapatın.
Single.php ve page.php için 1-4 adımlarını tekrarlayın.
Üç farklı dosyada aynı kancayı üç kez eklediğinizi göreceksiniz. İsterseniz, dosya yapısını değiştirebilirsiniz, açılış işaretlemesini index.php, page.php ve single.php’den header.php’ye ve sidebar.php’ye kapatabilirsiniz. Bunu denemek istiyorsanız, lütfen, ancak hiçbir şeyi kaçırmamak için dikkatli olun. Bir kanca kullanmanın avantajı, üç kez eklememiz gerekse de, içerikten önce veya sonra ek bir kod eklemek istiyorsak, daha sonra eklediğimiz işlev aracılığıyla yalnızca bir kez yapmamız gerekir. kanca. Bu işlev, üç şablon dosyasının WordPress tarafından kullanıldığı yerden yayınlanacaktır. Yeni bir içeriği yalnızca şablon dosyalarınızdan biriyle ilişkilendirmek istiyorsanız, görülen içerik türünü kontrol etmek için koşullu bir etiket kullanabilirsiniz. Bunu bir kez daha kursa daha sonra inceleyeceksiniz. Ardından, her kenar çubuğuna ve altbilgiye kancalar ekleyelim. Burada size ayrıntılı talimatlar vermeyeceğim, bunun yerine kendiniz yapmanıza izin vereceğim. Kilitle vurulursanız, bu kursun kaynak kodunu kontrol edin. Kaynak koduna yeni başlayan bir tema ve bitmiş tema ekledim. Bu kancayı ekleyin: widget kenar çubuğu alanından önce wpmu_before_sidabar (aktif widget’lar için koşullu etiketlerin dışına koyduğunuzdan emin olun.
Yan widget alanından sonra wpmu_after_idebar.
WPMU_BEFORE_FOOTER BUTLUK ÖNCE.
WPMU_AFTER_FOOTER Footer’dan sonra.
İki dosyayı düzenlemelisiniz: sidebar.php ve footer.php.Kancanızın ve Altbilgi öğesinde olduğundan emin olun.Filtre kancaları ekleme filtre kancaları kullanıcıların mevcut kodları değiştirmesine izin verir.Bunu yapmak için yararlı yer, sitenin başlık ve açıklamasının bulunduğu başlıkta.Bunu yaparak, seçeneği kullanıcıya bir logo ile değiştirmesini sağlarsınız.Öyleyse yapalım! Header.php dosyasını açın ve bu kodu bulun:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Okuması için düzenleyin:
Çekirdek yükleme ABCB5A4B406E4B32577823D641096012
Tüm blogInfo () örneklerini get_bloginfo () olarak değiştirmeyi unutmayın, çünkü yankılar her şeyin etrafında.Ve tüm gerçek sözdizimine sahip olduğunuzdan emin olun – PHP noktalı virgül açısından çok tanıdık değil!
Dosya ‘yı kaydet.
Bu, başlıkta görüntülenen şeylerle herhangi bir fark yaratmaz, ancak bir çocuğun teması veya yazma eklentileri kullanan biri gelecekte bu başlığın belirli yönlerini değiştirmek istiyorsa, tüm başlıklardan kopya yapmaları gerekmez. PHP dosyaları. Tek yapmaları gereken, add_filter () kullanarak filtre kancasına ekledikleri işlevi yazmaktır. Bunu kursta nasıl yapacağımızı göreceğiz. Temayı oluşturmak eğlencelidir! Artık bu ders bölümünü tamamladığınıza göre, temalar hakkında daha fazla bilgi edineceksiniz ve daha fazla tema geliştirmek ve sitenize içerik eklemek için kullanabileceğiniz birkaç gelişmiş özellikle kendi temanızın başlangıcına sahip olacaksınız. Bu seri CSS eklemedim çünkü bu CSS değil WordPress ile ilgili. Ancak, tema stili sayfasına CSS eklemek veya değiştirmek istiyorsanız, lütfen – temel başlangıç temamı nasıl düzenlediğinizi ve daha iyi görünmesini görmek istiyorum! Temanıza bir kod eklerken savaştığınız bir öğe varsa veya nasıl yaptığımı görmek istiyorsanız, bu serinin kaynak dosyasında tamamlanan tema Bölüm 1 dosyasına bakın. Bunu aşağıdaki soruları göndermeden önce yapmanızı tavsiye ederim, çünkü temayı öğrenmenin en iyi yolu kodu sorgulamaktır. Bu serinin bir sonraki öğreticisinde, bu tema ile çalışmaya devam edeceğiz ve temayı ayarlamak için işlevsellik ekleyeceğiz. Bu doğru, WPMU Dev üyelerinin öğrenmeye başlaması için ücretsiz olarak çok sayıda WordPress bilgisi, akran yorumları, eğitmen geri bildirimi ve sertifika
