WordPress'te tema ayarı çalışmıyor. İnternetten bir WordPress şablonu nasıl kurulur. Önceden yüklenmiş WordPress temalarını etkinleştirme

Metin Yorum Yap ile ikame edilmiş

Yapısına ve temamızın öğelerini düzenleme ilkelerine biraz aşina olmanın zamanı geldi. Burada yönetici için böyle bir ayarı analiz etmeyeceğiz. Arka Plan, metin rengi, yazı tipi boyutu ve daha fazlası gibi paneller.

Bu aşamaya geldiğinizde zaten bir WordPress fikriniz olduğunu düşünüyorum ve her şeyin Rusça yazıldığı butonları çözebiliyorsunuz 🙂 WordPress şablonunu kişiselleştirme konusunda biraz daha ileri bir seviyeye geçeceğiz. .

Şablonu neden değiştirmeniz gerekiyor, sanırım herkes anlıyor. Senin dışında muhtemelen binlerce kişi indirdi ( özellikle ücretsiz temalar) ve sitemizin başka birininkine benzemesini istemeyiz, değil mi? 🙂

Ayrıca, seçtiğiniz tasarım temasında sizi rahatsız eden bazı unsurlar olabilir ve bunları kaldırmanız gerekebilir veya bir şeyi değiştirmek isteyebilirsiniz. Genel olarak, birkaç neden var ve indirilen şablonda herhangi bir değişiklik yapmak istemeyen en az bir kişi olacağını sanmıyorum.

Bir WordPress şablonu nasıl kurulur?

Statik sitelerde hatırladığımız gibi, görünümü özelleştirmek için sadece index.html diyelim ve ona ekli css dosyalarını bir metin düzenleyicide (veya html düzenleyicide) açmamız ve sadece gerekli değişiklikleri yapmamız gerekiyor. sayfa kodu.

Ancak CMS WordPress'te sitemizin sayfaları dinamik, yani bunlar, kullanıcının tarayıcıdan isteğinin hemen ardından, bir PHP programı kullanılarak sunucu tarafından oluşturulur. Başka bir deyişle, bitmiş sayfayı alıp değiştiremeyiz, çünkü hazır sayfa yok 🙂

Ancak böyle dinamik bir sayfanın, ayarlarında hangi değişiklikleri yapabileceğinizi bilerek kendi yapısı vardır. Php konusunda uzman değilim ve bilerek çalışmadım, ancak WordPress şablonunun genel kurulumu için derin bilgiye gerek yok, konuyu biraz araştırmak yeterli olacak, bu yüzden korkmayın)

WordPress teması neyden yapılmıştır?

Ağırlıklı olarak php dosyalarından, css dosyalarından, temada kullanılan görsellerden ve scriptlerden. Bu dosyaların tümü klasörde bulunur \ wp-içerik \ temalar \ tema_adınız \

Yöneticiye giderek temanın ana css stilinin yanı sıra php dosyalarının listesi de görülebilir. Paneli Tasarım - Düzenleyici sekmesinde de düzenleyebilirsiniz. Ancak, büyük değişiklikler için kullanmanızı tavsiye ederim. not defteri ++ kodla çalışmayı çok daha kolay hale getirir. Kaydederken dosya kodlamasını utf_8 olarak ayarlamayı unutmayınız.

Konumun örneği üzerinde yapıyı ele alacağım, detaylarınız farklılık gösterebilir ama genel prensibi anlayacağınızı düşünüyorum..

Bu ekran görüntüsünde konuyu, php dosyaları tarafından oluşturulan 4 koşullu bileşene böldüm. Statik sayfaların blok modeline çok benziyor, değil mi? Ancak, bazı nüanslar var.

Site başlığı.

Dosya, standartlaştırılmış temalardaki başlıktan sorumludur. başlık.php Başlık genellikle Menü, Site adı, logolar, afişler, gezinme, arama, slayt gösterisi vb. gibi öğeleri içerir. Her şey belirli şablona bağlıdır. Doktipler, metalar ve diğer etiket değerleri de orada yazılır. html sayfası.

Ana içerik

• 404.php 404 hata sayfasının oluşturulmasından sorumludur.
• arşiv.php kategoriler, etiketler, takvim vb. arşivleri olan sayfalardan sorumludur.
• index.php- Sitenin ana sayfası
• sayfa.php"Sayfalar" sayfasının görüntülenmesinden sorumlu olan kelime oyunu için özür dilerim) "Yazar Hakkında", "Site Haritası" "Ziyaretçi Defteri" vb.
• tek.phpşu anda okuduğunuz gibi belirli bir girişi görüntülemekten sorumludur 🙂
• yorumlar.php yorumlarla bloktan sorumlu tahmin etmek kolaydır
• son-yorumlar.php Son Yorumlar
• vesaire.

kenar çubuğu

Blogumuzun kenar çubuğunu görüntülemekten sorumlu kenar çubuğu.php. Bazı konularda birkaç tane olabilir, bende bir tane var. Kenar çubuğu sitenin önemli bir parçasıdır; kural olarak, sitenizi hangi sayfada açarsa açsın ziyaretçinin her zaman görmesi gereken widget'lar, afişler, gezinme ve diğer yararlı bilgileri içerir. Benim temamda da kenar çubuğunda bir arama var. arama.php ve arama formu.php aramadan ve onunla bağlantılı her şeyden sorumludur.

Site altbilgisi (altbilgi)

altbilgi.php sitenin alt kısmını görüntülemekten sorumludur - altbilgi. Genellikle telif hakları, yaratıcılar ve tasarımcılar hakkında bilgiler, sayaçlar vb. bazen sitenin üst kısımlarına yerleştirilmeyen bazı site işlevleri buraya yerleştirilir, böylece ziyaretçinin dikkatini dağıtmaz.

Ayrı duruyor işlevler.php yalnızca yönetici tarafından kullanılabilenler de dahil olmak üzere sitenizin çeşitli işlevlerini listeler.

Gördüğünüz gibi, sitemizin tüm sayfalarında nereye giderseniz gidin bir altbilgi, üstbilgi ve kenar çubuğu var. Ve sadece ana içeriğin içeriği sürekli değişiyor, dinamik sayfaların anlamı bu.

umarım şimdi genel anlamda öylesindir şablonunuzun yapısını anladım ve bir şeyi kaldırmak veya eklemek istiyorsanız, gerekli öğeyi nerede arayacağınızı bileceksiniz)

Gönderinin oldukça büyük olduğu ortaya çıktı, bu yüzden oh CSS stilleri temalar ve resimler i. Firebug'un sayfa koduyla çalışmayı nasıl kolaylaştırdığını da göreceğiz.

Konu yeni başlayanlar için oldukça zor, bu nedenle herhangi bir sorunuz varsa veya anlaşılmayan bir şey varsa, yorumlarda soru sormaktan çekinmeyin.

Bir WordPress teması seçmek, önünüzdeki devasa çalışmadan önce çok önemli bir adımdır. Sonuçta, bu, sitenizin veya blogunuzun ne "yüzüne" sahip olacağını belirleyecektir. Elinizin altında on binlerce ücretsiz ve ücretli şablon olacak ve onların seçimi yalnızca size bağlı olacak. Bir temanın seçimine titizlikle yaklaşılmalıdır, çünkü farklı temalar farklı yapı ve düzenlerin yanı sıra farklı sayıda site çubuğu, stil ve çok daha fazlasına sahiptir. Bu eğitimde, bir WordPress temasının nasıl kurulacağı konusunda size yol göstereceğiz.

WordPress temaları, nereden alınır?

WordPress siteniz için bir şablon birkaç şekilde elde edilebilir:

• wordpress.org dizininde herkese açık temalar arasından seçim yapın;
• geliştiricilerden ve distribütörlerden premium bir tema satın alın;
• programcılardan kendi temanızı sipariş edin;
• kendiniz bir şablon oluşturun.

Seçeneklerin her biri, sitenize uygun bir tema uygulamanıza yardımcı olacaktır, fark, şablonunuzun ne kadar benzersiz ve işlevsel olacağıdır.

Resmi WordPress sitesinden indirilebilecek temaları kurarken, her durumda, birinin zaten sahip olduğu temayı kullanacaksınız. Popüler olanlardan seçim yaparak, popüler platformun binlerce kullanıcısının benzer bir şablona sahip olduğundan emin olabilirsiniz. Ancak üzülmek için acele etmeyin, çünkü herhangi bir konu değiştirilebilir ve düzeltilebilir, bu da ana konudan kökten farklı olabilir. Dilerseniz alt temalar oluşturma ve site görünümünün nasıl değiştirileceği ile ilgili eğitimlerimizi inceleyebilirsiniz.

Geliştiricilerden birinci sınıf bir tema satın alarak, kendinize daha az web kullanıcısının kullandığı aşağı yukarı benzersiz bir tema sağlayacaksınız, ancak yine bir web sitesi için şablon elde etmenin bu yöntemi öncekinden çok daha iyi değil. Sonuçta, başkasının zaten sahip olduğu şey için ödeyeceksiniz. Bu tür temaları satın almanın avantajı, genellikle daha kaliteli ve daha işlevsel olmalarıdır.

Programcılar-geliştiricilerden benzersiz bir tema sipariş etmek için çok para harcayacaksınız, ancak sonunda tam olarak istediğinizi alacaksınız ve bu tema sadece size sunulacak. Kendi temanızı geliştirmenin büyük bir avantajı, gereksiz kod ve gereksiz ayarlar ve işlevler olmadan benzersiz olmasıdır. Ek olarak, böyle bir şablonun varlığı, sitenize kullanıcıların gözünde bir görüntü verecektir.

Kendiniz bir şablon oluşturmak, küçük bir programlama, düzen ve tasarım bilgisi gerektirmeyen özenli bir iştir. Bu yöntem herkese açık değildir. Bu yüzden satılan ve geliştirilen temalar o kadar ucuz değil.

Bir WordPress teması nasıl seçilir ve nasıl kurulur

Makaleye ekte, bir WordPress temasının yüklenmesi ve yapılandırılmasıyla ilgili bir video eğitimi bulunmaktadır.

WorrdPress temasını yüklemek için, görünüm sekmesinde, ardından temalara gitmeniz gerekir. .

Halihazırda kurulu olan, size sunulan temalar açılacaktır. Yeni bir tasarım şablonu seçip indirip yüklemek için yukarıdaki "Yeni ekle" bağlantısını izlemeniz gerekir.

Tema seçim menüsüne girdikten sonra size sunulan şablon sayısını göreceksiniz. Benim versiyonumda, yaklaşık iki bin tane var.

Görünüm açısından ihtiyacınız olan temayı seçmeniz veya "Özellik Filtresi" sekmesine giderek yapabileceğiniz arama parametrelerini kendiniz seçmeniz önerilir.

Önerilen özelliklere göre WordPress temaları renklere, sayfa düzenine ve temalarda sağlanan özelliklere göre sıralanabilir.

Temalar çevrimiçi olarak görüntülenebilir ve "motorunuza" yüklenebilir. Kurulumdan sonra tekrar "Temalar" sekmesine gidin ve indirileni bulduktan sonra etkinleştir'e tıklayın.

Bu adımı tamamladıktan sonra, seçtiğiniz tema sitenize eklenecek ve tüm sayfalarda görüntülenecektir.

WordPress temasını özelleştirme

"Görünüm" / "Özelleştir" menü sekmesine gittiğimizde sitemiz bize açılacaktır ve sol tarafında temanın kendisine ve işlevselliğine bağlı olarak tema ayarları farklılık gösterebilir. Burada, şablonun kendisine bağlı olan önerilen parametrelere göre, "gerçek zamanlı" bazı gösterimler ayarlayabilirsiniz:

• tanım;
• sitenin adını özelleştirin;
• yazı tipleri;
• ekran genişliği;
• doğru sayfa düzeni, rengi;
• navigasyon vb.

Bir WordPress temasının nasıl kurulacağına dair tüm olası seçenekleri düşündük, bu işlemin fazla zamanınızı almayacağını görebiliyoruz. Ayrıca, yüklenen şablon ile site çubuğunu ve widget'ları özelleştirebileceğiz, ancak bunları ayrı bir şekilde ele alacağız.

Sevgili okuyucular, bu yazıda bir WordPress şablonunu nasıl düzenleyeceğinizi öğreneceğiz.
WordPress şablonunun yapısına henüz aşina olmayanlar için bu makale mutlaka okunmalıdır. Makalenin içeriği:

Buna ihtiyaç duymamızın iki ana sebebini görüyorum:

• Blog ayarlarının çoğu, kodun düzenlenmesiyle ilgilidir - html veya css. Makalelerimin çoğunda belirli bir tema dosyasını düzenleme ihtiyacı hakkında yazıyorum. Bu dosyaları nasıl arayacağınızı ve hangi yollarla düzenlemenin daha uygun olduğunu bilmiyorsanız, bu makale tam size göre.
• Bir blog oluştururken, İnternet'ten bir tema (şablon) yüklediniz ve içindeki bir şeyi değiştirmek, tasarım öğeleri veya işlevsel bloklar eklemek istiyorsunuz. Ancak bunun için minimum düzeyde HTML ve CSS bilgisine sahip olmanız gerekir. İster başlangıç ​​seviyesinde olun, ister web sitesi oluşturma konusunda deneyime sahip olun, bir WordPress şablonunu düzenlemek için nelerden oluştuğunu ve her bir bölümün ne için olduğunu anlamanız gerekir. Öyleyse bir WordPress şablonunun yapısına bakarak başlayalım.

WordPress şablon yapısı

WordPress şablonunun HTML kodu birkaç php dosyasına bölünmüştür. Bu kolaylık sağlamak için yapıldı: farklı sayfalarda tekrarlanan kod parçaları ayrı dosyalara yerleştirilir ve içerme işlevi kullanılarak her sayfaya bağlanır. Üstbilgi, altbilgi ve kenar çubuğu ayrı dosyalardadır ve her sayfa türü dosyası yalnızca merkezi bir alan içerir: En sık düzenlenen WordPress şablon dosyaları şunlardır:

• index.php - Şablon, sitenin ana sayfasını görüntüleyen index.php dosyasıyla başlar.
• header.php - Site başlığı. Bu dosya, sitenin her sayfasında tekrarlanan üst kısmı içerir. Bir etiketle başlar , tamamen içerir blogunuzu kurarken komut dosyalarının çoğunun eklendiği yer burasıdır. Bir etiket açar ve logo, slogan, üst menü ve diğer başlık öğeleri görüntülenir.
• style.css - site öğelerinin görünümünü ayarlayan şablonun ana stil dosyası. Bir WordPress şablonunu düzenlemek için çoğu zaman bu dosyayla çalışmanız gerekir.

Dosyaların geri kalanı:

• single.php - her bir gönderiyi görüntülemekten sorumludur. Onlar. Şu anda makalemi okuduğunuz sayfanın görünümü bu dosyada yapılandırılmıştır.
• page.php - Statik bir blog sayfasının çıktısı. Sol menüdeki "sayfalar" bölümünde yeni sayfalar oluşturulur ve görünümleri bu dosyada yapılandırılır.
• sidebar.php - widget'ların bulunduğu kenar çubuğunu (blogun kenar çubuğu) görüntülemekten sorumludur. Şablonun bu kısmı da WordPress sitesinin her sayfasında tekrarlanır, bu nedenle ayrı bir dosyaya yerleştirilir. Genellikle bu dosyayı düzenlemeniz gerekmez, çünkü tüm değişiklikler dosyanın üstünde yapılır. Ancak, hiç kimse sidebar.php dosyasına bazı kodların doğrudan girilmesini yasaklamaz.
• function.php - temanın php işlevlerini içeren dosya. Hepsi sitenin görünümünü ve çalışmasını etkiler, belirli kullanıcı eylemleri için olayları belirler.
• footer.php - site altbilgisi (altbilgi), alt kısmı. Bu aynı zamanda tüm sayfalarda yinelenen bir öğedir. Genellikle katılım sayaçlarını, telif hakkı ve iletişim bilgilerini içerir.
• kategori.php - bu dosya, belirli bir kategorideki tüm gönderilerin listesini içeren bir sayfanın görüntülenmesinden sorumludur.
• tag.php - ilgili etiket için kayıt arşivinin çıktısı bu dosyaya yazılır.
• arşiv.php - belirli bir ay (yıl) için tüm kayıtların arşivi burada yapılandırılır.
• search.php - Blog arama sonuçlarını görüntüler.
• yorumlar.php - yazılara ve sayfalara yapılan yorumları görüntüler.
• 404.php - 404 hata şablonu - sayfa bulunamadı.

Seçilen temaya bağlı olarak, içinde başka dosyalar görünebilir, o zaman bunların ne olduğunu kendiniz bulmanız gerekecektir.

WordPress şablon dosyaları nasıl düzenlenir

CSS ve HTML hakkında hiçbir şey bilmiyorsanız, kodun içine girmemeniz ve kendiniz yeniden yazmaya çalışmanız gerektiği konusunda sizi hemen uyarmak istiyorum. Bazı derslerde, dosyanın belirli bir yerine belirli bir kodun eklenmesini söylediğinde başka bir konu. Herhangi bir değişiklik yapmadan önce dosyalarınızı ve veritabanınızı yedeklediğinizden emin olun! WordPress tema dosyalarını düzenlemek için üç seçenek sunuyorum:

Yönetici alanında bir WordPress teması kurma

Hazır bir WordPress şablonu indirip kurduysanız, koda girmeden birçok ayar yapılabilir. Her WordPress temasını blog yönetici alanı aracılığıyla düzenleyebilirsiniz.

bölüme git "Dış görünüş" — "Ayar", temel tema ayarlarına sahip bir pencere açılacaktır. Buraya, kaydettikten sonra site başlığında görüntülenecek olan sitenin adını ve açıklamasını girebilirsiniz. Ayrıca arka plan rengini veya arka plan görüntüsünü ve diğer ayarları değiştirebilirsiniz - bunu anlamak zor değil. WordPress tema özelleştirmesinin çoğu bu bölümde yapılabilir. "Dış görünüş" -> "Tema adınız".
Buradan logonuzu, favicon'unuzu vb. indirebilirsiniz. Pek çok ayar var, ancak dürüst olmak gerekirse, WordPress temasını düzenlemek için kodla çalışmak benim için daha kolay olduğu için onları asla kullanmam.

Bu kadar! Duruma göre WordPress şablonunuzu düzenlemeniz için en uygun yolu seçin ve asla yedekleme yapmayı unutmayın. yeni faydalı makaleleri kaçırmamak için.

not Size hatırlatmak isterim ki sevgili okurlar, eğer makalelerimde hatalar görürseniz, tıklamak için tembel olmayın” Ctrl + Enter"Böylece onları yardımla düzeltebilirim.

Çok sayıda ayar, yanıt verme ve bunların tümü Rusça olan wordpress için harika bir tema.

Özelleştirilebilir kenar çubuklarından herhangi bir sayfa için özel görüntüleme stillerine kadar kalbinizin arzu ettiği her şeye sahiptir. Ayar sayısı düşük değildir ve birçok açıdan onu bile aşmaktadır.

Farklı ihtiyaçlar için birkaç sayfa şablonu da vardır. Örneğin: iletişim sayfası, portföy sayfası veya ana sayfa için ayrı bir şablon.

Bir wordpress şablonu oluşturma. Kaydırıcı ayarları.

Slayt eklemek için Görünüm - Tema Ayarları - Kaydırıcıya gidin ve yazılar / sayfalar için Kaydırıcı Ayarları sekmesini seçin. Kaydırıcının etkin olması çok önemlidir, aksi takdirde çalışmaz, bu mantıklıdır. Bu ayarları önünüzde göreceksiniz.

Tek yapmanız gereken ilgili gönderi veya sayfa kimliklerini slayt alanlarına eklemektir (örneğimde 1 ve 17 ekledim). Kimliği Tüm kayıtlar veya Tüm sayfalar sekmesinde bulabilirsiniz. Resimde kimlik alanı kırmızı ile işaretlenmiştir.