WordPress teması nedir, nelerden oluşur ve WordPress blogu için tema (şablon) nasıl seçilir. Bir tema nasıl silinir

Sevgili emekliler, size özellikle SİZİN için bir WordPress şablonunun ne olduğunu, yapısını neden değiştirmeniz gerektiğini ve nasıl yapacağınızı anlatacağım.
Emekliler için bir site veya blog tasarlarken uygun bir şablon bulmak zor oluyor, gençlik imajını beğenmiyorsunuz ve siteye başka tasarım öğeleri eklemek veya çıkarmak istiyorsunuz. İçin bu hareket kesinlikle tanımalısın temel bilgi ve okuyabilmek HTML kodları ve CSS.

İnternetteki hemen hemen tüm makalelerde ve derslerde bir şablonun düzenlenmesi hakkında yazarlar ve dosyaların adlarını belirtirler.Latin adlarını dikkatlice okursanız, ne anlama geldiklerini sezgisel olarak tahmin edebilirsiniz.
WordPress şablonunun tamamı .php uzantılı dosyalardan oluşur.

Yönetici panelinde GÖRÜNÜM'e, ardından EDİTÖR'e gidin ve sağdaki sütunda düzenleme için açık olan tüm dosyaları görebilirsiniz.Gerekli dosyayı bulun, düzenleyin. Sayfanın alt kısmındaki GÜNCELLE butonuna tıklamayı unutmayınız.

Bu yöntem, küçük düzeltmeler yapmanız gerektiğinde çok kullanışlıdır.Yönetici paneli üzerinden düzenleme yapmak basit, hızlı, zahmetsizdir. ek programlar ve bir şifre girerek. Dezavantajları - şablon düzenleyicinin satır numaralandırma ve kod vurgulama işlevi yoktur, bu nedenle ciddi ve çok sayıda kodu bu şekilde düzenlemek çok uygun değildir.Bu tür düzenleme diğer programlar kullanılarak yapılır.

Resimde wordpress şablon yapısının yaklaşık düzeni gösterilmektedir.

Böyle bir kümede, sitenin belirli işlevlerinden ve bölümlerinden dosyalar sorumludur. Dosyaların bir kısmı site sayfasında kullanılmış, bir kısmı ise sadece özel durumlar. Sitenin her sayfasını kurucu ile aynı şekilde oluşturmak mümkündür, sadece parçalar olarak dosyalar olacaktır.İçerme işlevini destekleyen herhangi bir sayfaya bağlanırlar.
Onlara bir göz atalım.

WordPress şablonu nasıl düzenlenir ve nelerden oluşur?

1 dosya. header.php - iyi bilinen bir dosya görüntülenir üst parça siteye "başlık" denir ve kesinlikle tüm sayfalarda kullanılır.Siteyi yapılandırmak için buraya bir çok komut dosyası girilir.Başlığa bir logo, bir üst menü, bir slogan ve daha birçok öğe girilir.

2 dosya. footer.php - "altbilgi" olarak adlandırılan sitenin altını görüntüler. Ayrıca "altbilgi" sitenin her sayfasına yansıtılır.Çoğu durumda ziyaret sayaçları, iletişim bilgileri ve telif hakkı buraya girilir.

3 dosya. sidebar.php - ilk iki dosya gibi, sitenin herhangi bir sayfasına yansıtılır ve kenar çubuğunun görüntülenmesinden sorumludur (bu yan sütundur). Çoğu zaman, içine yararlı widget'lar yerleştirilir -
en iyi yorumlar, arama ve abonelik formu. Bir veya iki kenar çubuğu olan şablonlar en popüler olanlardır ve bunların yerleşimi, şablonun yaratıcısına bağlıdır.

4 dosya. index.php - tüm içeriği verir ve görüntüler ana sayfa.

5 dosya. page.php - sitenin kalıcı (statik) sayfalarından sorumludur, onları değişen kayıtlarla karıştırmayalım.
Gönderiler makalelerinize aittir ve sayfalar genellikle ana menüde bulunur.

6 dosya. single.php - bu dosya, page.php'nin aksine, her girişin çıktısını alır. bu dakika bir makale okuyorsunuz, bunlar sadece bu dosyada oluşuyor.

7 dosya. arşiv.php - tüm girdilerin bir arşiv dosyası.Bazen bir kategori.php dosyası (kategoriler çıktısı) vardır, tag.php -dosyası, girdilerin arşivlerini etiketlere göre görüntüler.

8 dosya. search.php - aramayı görüntüler ve bu nedenle sitedeki aramanın kendisinden sorumludur.

9 dosya. 404.php - Bir hata sayfası görüntüler.

10 dosya. yorumlar.php - sayfalar ve gönderiler için yorumlar oluşturur.

11 dosya. function.php - çalışan tüm işlevleri içerir ve görünüm site, kullanıcı eylemleri belirlenir.

12 style.css dosyası şablonun ana üslup dosyasıdır, blog veya site öğelerinin görünümünü oluşturur. Bir WordPress şablonunu düzenlerken, bu en sık kullanılan dosyadır ve sitenin tüm içeriğini oluşturur - bağlantıların, resimlerin, videoların rengi vb.

Sevgili emekliler, bilginizden EMİN DEĞİLSENİZ, risk almayın ve şablonu kendiniz yeniden yapın. Ancak bir dosyada belirli bir konuma nasıl kod ekleneceğini gösteren bir dersle karşılaşırsanız, veritabanlarını ve . Bulunan şablona bağlı olarak içinde başka dosyalar da olabilir.Şablonunuzun kompozisyonunu ve düzenlerken ne gibi zorluklarla karşılaştığınızı yazın.

Bir WordPress şablonu bir dizi dosyadan oluşur. Bu veya bu dosyanın neden sorumlu olduğunu bilerek, en azından temel HTML, PHP ve CSS bilgisine sahip olarak temayı kendi ihtiyaçlarınıza göre düzenleyebilirsiniz. Ve böyle bir bilgiye sahip değilseniz, yerleşik araçları kullanarak öğrenebilirsiniz.

Bu yazımda sizlere WordPress tema dosyalarını ve nelerden sorumlu olduklarını anlatacağım.

Sitenin her sayfasını yüklerken, belirli dosyalar, her biri kendi işlevini yerine getirir. Bazı dosyalar site genelinde, her sayfada kullanılmalıdır, bazıları ise sitenin sadece belirli bölümlerinde kullanılabilir.

WordPress şablon dosyaları, bir sayfayı oluşturan tuğlalar veya yapıcı öğeler gibidir. Kişiselleştirme için belirli sayfa belirli bir dosyayı değiştirmenin yanı sıra silebilir veya kullanabilirsiniz.

Aşağıda ana WordPress şablon dosyalarını açıklayan bir tablo bulunmaktadır.

Yukarıdaki dosya listesi isteğe bağlıdır. Bazıları belirli temalarda eksik olabilir ve belirli şablonlar başka dosyalarla desteklenebilir.

Dosya Hiyerarşisi

Görsel olarak ve basitleştirilmiş bir şekilde WordPress şablon dosya hiyerarşisini aşağıdaki görseldeki gibi temsil edebilirsiniz. Konuların bireysel olabileceğini ve belki bir şeylerin farklı olacağını unutmayın.

WordPress Şablon Dosyalarının Hiyerarşisi

WordPress Şablon Dosyaları Nasıl Düzenlenir

WordPress şablon dosyalarını düzenlemek, temayı geliştiricinin amaçladığından daha ayrıntılı ve derinlemesine değiştirmenize olanak tanır. Çalışması için, dosyaların hiyerarşisini ve işlevselliğini anlamanız ve en azından sahip olmanız gerekir. temel bilgi Diller PHP programlama, CSS ve HTML .

Programlama dillerini biliyor olsanız bile, herhangi bir dosyayı düzenlemeden önce mutlaka yapın. destek olmak böylece bir kaza durumunda temayı çalışır duruma getirebilirsiniz.

WordPress şablon dosyaları doğrudan konsolda düzenlenebilir. Bunu yapmak için "Görünüm" öğesine gidin ve "Düzenleyici" alt öğesini seçin. Burada sol listede olacak kullanılabilir dosyalar, ve sağda - seçilen dosyanın içeriği. Bu düzenleyici sözdizimi vurgulamayı desteklemez. Bu nedenle, dosyanın içeriğini, örneğin NotePad ++ gibi bazı üçüncü taraf düzenleyicilere kopyalamak, orada değiştirmek ve geri döndürmek daha uygundur.

Bugün bir WordPress blogu için tasarım temaları hakkında konuşmak istiyorum (okuyun). Herhangi bir temanın temel olarak nasıl düzenlendiğini bilmek, üzerinde gerekli değişiklikleri veya eklemeleri yapmanız daha kolay olacaktır. Prensip olarak, bununla ilgili karmaşık bir şey yoktur, ancak ilk başta hala bir takım anlaşılmazlıklar ve sorular ortaya çıkabilir, bu yüzden her şeyi mümkün olduğunca ayrıntılı ve erişilebilir anlatmaya çalışacağım.

WordPress için temayı indirinörneğin buradan ücretsiz olabilir. Şablonu indirdikten sonra, paketini açmanız gerekir. Ardından, sitenize şu şekilde erişmeniz gerekecek: FTP protokolü ve klasörü açtıktan sonra elde edilen WordPress temasıyla dizine kopyalayın:

Nasıl düzenlenir ve bir WordPress teması hangi şablonlardan oluşur?

Mevcut Tema alanı, o anda kullanılan temayı gösterecektir. şu an. Yeni eklenen bizimki "Mevcut ..." alanında görünmelidir. "Önizleme" düğmesine tıklayarak nasıl görüneceğini görebilirsiniz verilen şablon blogunuzun içeriği ile ilgili olarak.

Beğendiğiniz temayı uygulamak için önizlemesinin yanındaki "Etkinleştir" düğmesini tıklamanız gerekir. Sonuç olarak, küçük resim "Geçerli ..." alanına taşınacak ve isteklerinize göre blogun görünümü de değişecektir.

Her şey basit ve net görünüyor. Ancak WordPress için tüm gereksinimlerinizi yüzde yüz karşılayacak bir tema bulmanız pek olası değildir. Elbette bir şeyi değiştirmek, çıkarmak veya eklemek isteyeceksiniz. Ama bunu nasıl yapmalı? Özellikle zor değil, ancak bunun için nasıl çalıştığını, hangi dosyalardan (şablonlardan) oluştuğunu ve bu dosyaların her birinin tam olarak neyden sorumlu olduğunu bilmeniz ve anlamanız gerekir.

Tema her zaman içerir belirli küme blogunuzun herhangi bir web sayfasının ayrı bölümlerinin tasarımından sorumlu şablonlar. Tüm web sayfalarının bir kurucu gibi ayrı dosyalardan oluşturulduğu ortaya çıktı.

HEADER ve FOOTER gibi bu dosyalardan bazıları tüm blog sayfalarında kullanılırken, diğerleri yalnızca Belirli durumlar. Şematik olarak, WordPress'teki tema şablonlarının yapısı şöyle gösterilebilir:

HEADER, tüm sayfaların başlığını görüntülemekten sorumludur, yani. üst kısım. Tüm web sayfalarının HTML kodunun başlığına dahil olan meta etiketler de oluşturulur - başlık BAŞLIK sayfaları, Rus dilinin kodlaması belirtilir, bu web sayfasının tasarımını ayarlamak için bağlanması gereken stil sayfası dosyasının yolu belirtilir, vb.

Zaten yazıda da yazdığım gibi HEADER'da gereksiz veritabanı çağrıları olan kod bölümlerini kaldırmak için statik HTML kodu ile değiştirebilirsiniz. Ekstra yük web sayfaları oluştururken sunucuya.

HEADER'da da oluşturulan başlık, tüm web sayfaları için aynı kalır, ancak blog içerik alanının içeriği, hangi içeriğin görüntülendiğine bağlı olarak farklı tema şablonları tarafından oluşturulur. Bunu daha ayrıntılı olarak ele alalım:

1. INDEX dosyası ana sayfanın içeriğini görüntülemekten sorumludur.
2. SINGLE, makale içeren sayfaların görüntülenmesinden sorumludur.
3. geçici bir makale arşivinin içeriğini görüntülerken (yıllara ve aylara göre), bir etiket arşivinin (etiketler) içeriğini görüntülerken ve ayrıca kategorilerin içeriğini görüntülerken, genellikle aynı ARŞİV şablonu kullanılır
4. SEARCH, blog arama sonuçlarını görüntülemekten sorumludur
5. statik sayfaların görüntülenmesinden (örneğin, "Blog hakkında"), mevcut temaya sahip klasördeki PAGE dosyası sorumludur.

FOOTER dosyası, WordPress'teki altbilginin (web sayfasının altbilgisi, altbilgisi) oluşumundan sorumludur. Genellikle blogun adını tüm hakları saklıdır (buna telif hakkı denir ve onun yardımıyla) ile gösterir. Ayrıca, kaynağınızda kullanacaksanız, FOOTER'da isabet sayaçlarının kodunu (örneğin, ) ekleyebilirsiniz.

Kenar çubuğunun çıktısı için (kenar çubuğu - yan panel WP blog) sayfaların orta kısmının sağında veya solunda KENAR ÇUBUĞU'na karşılık gelir. Her belirli temada, KENAR ÇUBUĞU'na ek olarak, birkaç kenar çubuğu şablonu daha kullanılabilir. Benim durumumda, kenar çubuğu önce SIDEBAR kodundan oluşturulur, ancak daha sonra iki sütunlu devamını oluşturan SIDEBAR1 ve SIDEBAR2'ye erişilir (şimdi devre dışı bırakılmıştır).

Kullanmakta olduğunuz temanın yapısını bilerek, istenen efekti elde etmek için hangi dosyanın değiştirilmesi gerektiğini kolayca anlayabilirsiniz. Ayrıca, hangisinin mevcut olduğuna bağlı olarak farklı şablonları kullanma seçenekleri vardır. İlk başta kafa karıştırıcı görünüyor, ancak makalenin sonunu okuduktan sonra, buradaki her şeyin oldukça mantıklı ve düşünceli olduğunu anlayacaksınız.

Temadan şablonları bağlamaya bir örnek

Belirli bir blog sayfasını görüntülemek için şablonların nasıl kullanılacağı hakkında konuşmanın en kolay yolu bir örnek vermektir. Bir ziyaretçinin, bir kategorideki (başlık) makalelerin listesini içeren bir web sayfası açtığını varsayın. Mevcut tema klasöründen hangi dosya başlatılmalıdır?

Yukarıda yazılanlara dayanarak, bu web sayfasının içeriğini görüntülemek için WordPress motoru ARŞİV kullanılmalıdır. Bu durumda, sadece kısmen haklı olacaksınız. Evet, gerçekten de bu şablon, kategorileri görüntülemek için kullanılacak, ancak yalnızca bir dizi koşulun karşılanması durumunda.

Bir ziyaretçi bir kategoriye yönlendiren bir bağlantıya tıkladığında WordPress'in ne yaptığına bakalım. Geçerli tema klasöründe ilk:

wp-içerik/temalar/ad_

bu motor, bu belirli kategorinin çıktısından sorumlu olan bir dosya arayacaktır. Dan beri ID ile tanımlanırlar, ardından CATEGORY-n'yi arayacaktır. Burada N, bu kategorinin kimlik numarasıdır (). Ancak, tema klasörünüzdeki böyle bir dosya, yalnızca onu bu kategori için özel olarak oluşturduysanız görünebilir.

Ancak bunu yapmadıysanız, böyle bir dosya bulamayan WordPress (örneğin, KATEGORİ-12), tüm kategorilerde zaten ortak olan (kimliklerinden bağımsız olarak) KATEGORİ'yi arayacaktır. Böyle bir dosya da bulunamazsa, ARŞİV adlı tüm arşivleri görüntülemek için zaten ortak bir şablon arayacaktır.

ARŞİV büyük olasılıkla mevcut tema klasörünüzde bulacaktır, ancak korkunç bir şey olursa - var olmayacak bile - WordPress INDEX adlı bir ana dosyayı kullanmaya zorlanacak.

İşte nasıl ortaya çıkıyor WordPress'te şablon kullanmanın mantığı. Şimdi, yukarıdaki örnekle donanmış olarak, bunları farklı blog web sayfaları için nasıl kullanacağımıza bakalım.

WordPress, mevcut temadaki farklı şablonlara nasıl erişir?

her şeyi düşün olası seçenekler yaygın olarak kullanılan web sayfaları ve tema klasöründe bulunan dosyaların kullanım sırası:

Sana iyi şanslar! Yakında blog sayfaları sitesinde görüşürüz

adresine giderek daha fazla video izleyebilirsiniz.

ilgini çekebilir

Otomatik olarak nasıl eklenir Alt özellik v img etiketleri WordPress blogunuz (mevcut olmadıkları yerde) Ücretsiz temalar ve WordPress şablonları - bunları nereden indirebilirsiniz WordPress'teki İfadeler - hangi ifade kodlarının ekleneceği ve ayrıca Qip Smiles eklentisi ( güzel ifadeler yorumlar için) Tek tek makaleler veya tüm blog için WordPress'te yorumlar nasıl devre dışı bırakılır, ayrıca kaldırılır veya tam tersi şablona eklenir
Sayfa oluştururken WordPress'te bellek tüketimini azaltma - yerelleştirme dosyasını değiştirmek için WPLANG Lite eklentisi Ve ana sayfadaki ve WordPress başlıklarındaki yazıların çıktısını nasıl tasarladınız?
WordPress'teki H1, H2, H3 makalelerinin başlıkları ve ayrıca kategorileri görüntüleme yolları (the_content, the_excerpt ve diğerleri)

Merhaba. Bugünün dersinin konusu nedir WordPress teması. Bugün bir WordPress temasının neyden yapıldığını öğreneceksiniz ve temanın sitenin görünümünün yanı sıra birçok işlevden sorumlu olduğunu öğreneceksiniz.

Birkaç terimle başlayalım. Diğer CMS'de, sitelerin tasarımından şablonlar sorumludur. Teoride WordPress Şablonları temalar olarak adlandırılır ve temaları oluşturan dosyalara şablonlar denir. Pratikte, bir WordPress sitesinin görünümü ve hissi, hem temalar hem de şablonlar olarak adlandırılır.

Elbette, WordPress temalarının görünen amacı, blogun görünümünü değiştirmektir. Neyse ki, geliştiriciler WordPress temalarını görmezden gelmez ve hem ücretsiz hem de ücretli birçok tema sunar. Konuyu nerede bulacağınızı okuyun:

Bir WordPress Teması Nelerden Yapılmıştır?

Bir WordPress sitesinin temasının nelerden oluştuğunu anlamak için bir blogun görünümüne bakalım.

En basit WP blogu, makaleler ve makaleler için ana bölüm olan bir başlıktır (başlık). altbilgi veya altbilgi. Bu tür tema seçenekleri nadirdir, ancak bu bloklara bir kenar çubuğu eklerseniz, bu WP tema yapısı belki de en yaygın olanıdır.

Listelenen her blok konuda şu şekilde temsil edilir: php dosyası, bu tür tema dosyalarına şablon denir. Bu dosyalar buna göre adlandırılır: header.php , footer.php , sidebar.php .

Yukarıdaki blokları görüntülemek için özel şablon etiketleri vardır:

Ancak WP tema şablonları bu dosyalarla sınırlı değildir. Ana tema dosyası index.php dosyasıdır. yukarıdaki etiketlerin tümünü içermelidir. Bunun yanı sıra, her WP teması, tema yazarları tarafından oluşturulan birçok başka şablon dosyasına sahiptir.

Ancak tüm bu dosyalar tema paketinde yalnızca "yalan" değildir: /wp-içerik/şablonlar/tema-adı, ilgililer.

Bu dosyalarda, kenar çubuğu çıktısının konumu, makale ile ilgili sınıflandırmanın (etiketler, başlık, yazar) konumu, 404 sayfasının görünümü, arama formunun görünümü ve aramanın yeri bulunur. şekli vb. belirlenir.

Bir WordPress sitesinin teması nasıl değiştirilir?

WordPress site teması gibi WordPress eklentisi, sistemin çekirdek kodunu kırmaz. Çekirdek kodu bozmadan herhangi bir tema kaldırılabilir veya bloga eklenebilir. Bir blogun temasını değiştirmek çok basittir ve bunu yapmanın iki yolu vardır.

1. "Yanda" temasını indirin ve konsoldan yükleyin;
2. Bulmak istenen konu konsol aracılığıyla ve hemen kurun.

seçenek 1

• İnternette bir konu arıyoruz ve arşiv olarak indiriyoruz;
• Konsola sekmeye giriyoruz ve "Temayı Yükle"ye tıklayın;

• Ardından, indirilen tema arşivini seçin ve yükleyin;
• Ayarlardan sonra tema aktif hale getirilebilir.

seçenek 2

• Yine sekmeye giriyoruz Görünüm→Temalar→Yeni Ekle;
• Arama alanına aradığınız konuyu girin (eğer adını biliyorsak) veya filtreye göre bir konu seçin;

Temayı değiştirmenin tüm widget'larınızı kaldıracağını ve bunun için yeni Konu. Yeniden yüklenmeleri gerekiyor. Bu nedenle oluşturulan widget'ların tema değiştirilmeden kaybolmaması için widget'ları "Kullanılmayan Widget'lar" alanına taşıyın. Temayı değiştirdikten sonra, yeni temanın yeni kenar çubuklarındaki widget'ları kolayca geri yükleyebilirsiniz.

Bir bloga birden fazla tema yükleyebilirsiniz. Hepsi /wp-content/templates klasörüne gidecek, ancak yalnızca etkinleştirdiğiniz tema çalışacak.

Bir tema nasıl silinir

sadece kaldırabilirsin aktif konu. WordPress site temasını sekmeden kaldırın Görünüm→Temalar. Konu görünümüne tıklayın ve alttaki "Sil" bağlantısını tıklayın.