Kolayca Özel Bir WordPress Teması Nasıl Oluşturulur (Kod Olmadan)

Yayınlanan: 2022-01-22


Sıfırdan özel bir WordPress teması oluşturmak ister misiniz?

Geçmişte, özel bir WordPress teması oluşturmak için karmaşık WordPress eğitimlerini izlemeniz ve iyi bir kodlama bilgisine sahip olmanız gerekiyordu. Ancak yeni WordPress tema oluşturucuları sayesinde artık herhangi bir programlama becerisi öğrenmeden kolayca bir tema oluşturabilirsiniz.

Bu makalede, herhangi bir kod yazmadan nasıl kolayca özel bir WordPress teması oluşturabileceğinizi göstereceğiz.

Herhangi bir kodlama becerisi olmadan özel bir WordPress teması oluşturma

İşte bu makalede ele alacağımız konuların listesi.

  • Yeni Başlayanlar İçin Özel Bir WordPress Teması Oluşturma
  • SeedProd Theme Builder ile Özel Tema Oluşturma
  • SeedProd Theme Builder ile Temayı Düzenleme
  • Temanızın Site Genelindeki Tasarımını Değiştirme
  • Özel WordPress Temanızı Uygulama ve Yayınlama
  • Özel WordPress Temanız için Diğer Düzenler Oluşturma

Hazır? Başlayalım.

Video öğretici

Yazılı talimatları tercih ediyorsanız, okumaya devam edin.

Yeni Başlayanlar İçin Özel Bir WordPress Teması Oluşturma

Bir WordPress web sitesi, web sitesi düzeni ve tasarımı için bir tema kullanır. Bu temalar PHP, HTML, CSS ve JavaScript ile yazılmış şablon dosyalarından oluşur.

Tipik olarak, tüm bu web tasarım dillerini iyi bir şekilde anlamanız veya özel bir WordPress teması oluşturmak için bir web geliştiricisi tutmanız gerekir.

Bir geliştirici veya ajans tuttuysanız, özel bir WordPress temasının maliyeti binlerce dolara ulaşabilir.

Birçok küçük işletme sahibi, özel bir WordPress temasının yüksek maliyetlerini karşılayamadığından, birçoğu varsayılan temalarla yetiniyor. Anlaşmak istemeyenler, özel bir tema oluşturmak için bir WordPress sayfa oluşturucu veya bir tema çerçevesi kullandı.

WordPress tema çerçeveleri, bir WordPress teması oluşturmayı kolaylaştırırken, ortalama bir web sitesi sahibi değil, geliştiriciler için bir çözümdür.

Öte yandan, WordPress sayfa oluşturucu eklentileri, bir sürükle ve bırak arayüzü kullanarak özel sayfa düzenleri oluşturmayı çok kolaylaştırdı, ancak bunlar yalnızca tek sayfa düzenleriyle sınırlıydı. Onlarla özel temalar oluşturamazsınız.

SeedProd'un devreye girdiği yer burasıdır.

Herhangi bir kod yazmadan kolayca özel bir WordPress teması oluşturmanıza izin veren en iyi WordPress tema oluşturucu eklentisidir.

SeedProd açılış sayfası oluşturucu

SeedProd, işletmeler, blogcular ve web sitesi sahipleri için bir sürükle ve bırak WordPress sayfa oluşturucusudur. Ayrıca artık herhangi bir öğeyi düzenlemek için işaret edip tıklamanıza izin veren yeni bir özel tema tasarımcısıyla birlikte geliyor.

Sürükle ve bırak yöntemiyle de sık kullanılan tasarım öğelerini temanıza ekleyebilirsiniz.

SeedProd tema oluşturucunun en iyi yanı, temadan bağımsız olmasıdır. Bu, stil veya işlevsellik için mevcut WordPress temanıza bağlı olmadığı ve size web sitesi tasarımınız üzerinde tam bir özgürlük ve kontrol sağladığı anlamına gelir.

Bununla birlikte, herhangi bir kod yazmadan özel WordPress temanızı nasıl oluşturacağınıza bir göz atalım.

SeedProd Theme Builder ile Özel Tema Oluşturma

Herhangi bir temayı kullanan herhangi bir WordPress web sitesinde çalıştığı için SeedProd tema oluşturucuyu kurmak oldukça basittir.

Öncelikle SeedProd eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Not: Tema oluşturucunun kilidini açmak için en azından Pro veya Elite planına ihtiyacınız olacak.

Etkinleştirmenin ardından, eklenti lisans anahtarınızı girmek için SeedProd »Ayarlar sayfasına gidin. Bu bilgiyi SeedProd web sitesinde hesabınızın altında bulabilirsiniz.

SeedProd lisans anahtarınızı girin

Lisans anahtarınızı girdikten sonra, artık SeedProd tema oluşturucusunu kullanarak özel WordPress temanızı oluşturmaya hazırsınız.

SeedProd ile kendi özel WordPress temanızı yapmak oldukça basittir.

İlk olarak, SeedProd »Tema Oluşturucu sayfasına gitmeniz gerekiyor. Burada, mevcut SeedProd özel temanız için şablonların listesini göreceksiniz. Henüz başlamadığımız için elimizde yalnızca bir Global CSS şablonu var. Bunu daha sonra öğreticide nasıl kullanacağınızı göstereceğiz.

Özel temanızı oluşturun

Başlamak için iki seçeneğiniz var.

  • Başlangıç ​​noktası olarak hazır SeedProd temalarından birini kullanın
  • Sıfırdan manuel olarak tema şablonları oluşturun

Şimdi bu seçeneklerin nasıl çalıştığına bir göz atalım.

1. Hazır Bir Temayla Başlamak (Önerilen)

Mevcut bir temayla başlamanızı öneririz. Bu, SeedProd'un tüm şablon dosyalarını otomatik olarak oluşturmasını sağlar. Bunlar, şablonları kendi gereksinimlerinize göre düzenleme konusunda size bir başlangıç ​​sağlayan, profesyonelce tasarlanmış eksiksiz temalardır.

Temalar düğmesine tıklayın ve mevcut temalardan birini seçin. Farklı türdeki web siteleri için farklı temalar vardır, böylece ihtiyaçlarınıza en uygun olanı seçebilirsiniz.

Başlamak için bir tema seçin

Bu noktada tasarım ve düzen hakkında çok fazla endişelenmeyin. Bu temaların tümü tamamen düzenlenebilir, böylece tema oluşturucu içinde her yönünü değiştirebilirsiniz.

Bir tema seçtiğinizde, SeedProd tüm tema şablonlarını oluşturacaktır.

Tema şablonları

Bu, özel WordPress temanızın taslak sürümüdür.

Bu öğreticinin ilerleyen bölümlerinde, temanızı tasarlamak için bu tema dosyalarını nasıl düzenleyeceğinizi ve ardından web sitenizde uygulamak için temanızı nasıl yayınlayacağınızı göstereceğiz.

2. El İle Sıfırdan Tema Şablonları Oluşturun

Alternatif olarak, 'Yeni Tema Şablonu Ekle' düğmesini tıklayarak temanızı sıfırdan başlatabilirsiniz. Başlamak için şablonunuza bir ad vermeniz ve ardından şablon türlerinden birini seçmeniz gerekir.

Bir tema şablonu oluşturun

Şu anda, aşağıdaki şablon türleri arasından seçim yapma seçeneğiniz vardır:

  • başlık
  • altbilgi
  • Tek Gönderi
  • Tek sayfa
  • Arşiv
  • Arama Sonuçları
  • Küresel Parça
  • Özel sayfa

Ayrıca bir şablon kullanmak için koşullar da belirleyebilirsiniz. Örneğin, sitenin tamamına veya web sitenizin belirli bir bölümüne uygulayabilirsiniz.

Şablonu kaydettikten sonra, SeedProd onu düzenlemeye başlayabileceğiniz tema oluşturucuda açacaktır.

SeedProd Theme Builder ile Temayı Düzenleme

Tema şablonlarınızı oluşturduktan sonra, SeedProd Tema Oluşturucu'yu kullanarak bunları düzenleyebilirsiniz.

Düzenlemek için bir şablon dosyasının altındaki Tasarımı Düzenle bağlantısını tıklamanız yeterlidir.

Şablon düzenleme

Bu, şablon dosyasını SeedProd tema oluşturucusunda başlatacaktır.

Sol sütunda bir düzenleme paneli ile sağ sütunda şablonun canlı bir önizlemesini göreceksiniz.

Tema oluşturucu arayüzü

Şablon dosyanızdaki bir öğeyi değiştirmek için, düzenlemek için işaret edip tıklamanız yeterlidir.

Tema oluşturucuda öğeleri düzenleme

Öğe türüne bağlı olarak, sol sütunda farklı düzenleme seçenekleri göreceksiniz. Yazı tiplerini, renkleri, arka planı, aralığı ve daha fazlasını değiştirebileceksiniz.

Yeni öğeler eklemek için sol sütundan SeedProd blokları ekleyebilirsiniz. Şablonunuza ekleyebileceğiniz bir dizi blok türüyle birlikte gelir.

Tema düzeninize bloklar ekleyin

1. Şablon Etiket Blokları

Şablon etiket blokları, WordPress veritabanınızdan anında tema öğeleri oluşturmanıza olanak tanıyan dinamik bloklardır.

Şablon etiket blokları

Örneğin, son gönderilerinizi listelemek için Gönderiler bloğunu veya o anda görüntülenen gönderinin veya sayfanın içeriğini görüntülemek için İçerik Gönderi bloğunu kullanabilirsiniz.

2. Standart Bloklar

Ardından, temanızın şablonuna ortak web tasarım öğeleri eklemek için standart bloklarınız var.

Standart bloklar

Bunları metin, medya, düğmeler, sütunlar, ayırıcılar ve daha fazlasını eklemek için kullanabilirsiniz.

3. Diğer Bloklar

Diğer gelişmiş bloklar, iletişim formları, sosyal profiller, paylaşım düğmeleri, WordPress kısa kodları, Google Haritalar ve daha fazlasını eklemenize olanak tanır.

Gelişmiş bloklar

SeedProd ayrıca tam WooCommerce entegrasyonu ile birlikte gelir.

Bir çevrimiçi mağaza işletiyorsanız, temanızda WooCommerce bloklarını kullanabilirsiniz.

WooCommerce blokları

Özel bir alışveriş sepeti sayfasıyla tamamen özel WooCommerce şablonları oluşturabilir ve deneyimi kontrol edebilirsiniz.

Hızlı Tema Düzenleri İçin Bölümleri Kullanma

Blokların yanı sıra, tema şablonunuza eksiksiz bölümler de ekleyebilirsiniz.

Tasarım panelinin altındaki Bölümler sekmesine geçmeniz yeterlidir.

Düzeninize bölümler ekleme

Bölümler, web sitesi tasarımının farklı alanları için blok gruplarıdır. Örneğin, üstbilgi, altbilgi, harekete geçirici mesajlar, özellikler ve daha fazlası için kullanıma hazır bölümler bulacaksınız.

Tema şablonunuza eklemek için bir bölüme tıklayın ve ardından kendi gereksinimlerinize göre düzenleyin.

SSS bölümü

Şablonunuzu Kaydetme ve Yayınlama

Tasarımdan memnun kaldığınızda, sadece Kaydet düğmesine tıklayıp şablonunuzu kaydetmek için Yayınla'yı seçebilirsiniz.

Şablonunuzu kaydedin ve yayınlayın

Kendi içerik ve tasarım gereksinimlerinizle diğer şablon dosyalarını düzenlemek için işlemi tekrarlayın.

Temanızın Site Genelindeki Tasarımını Değiştirme

Tema şablonlarınızı düzenlerken, tasarımınızın web sitenizde tutarlı olduğundan emin olmak istersiniz.

Örneğin, muhtemelen her sayfada aynı tipografi stilini, yazı tipi boyutlarını, renkleri ve diğer görsel stilleri kullanmak istersiniz.

Geleneksel WordPress temalarında, karmaşık CSS dosyalarını düzenleyerek manuel olarak yapmanız gerekiyordu. Bu işlem, bir tarayıcının İnceleme aracının kullanılması, CSS sınıflarının bulunması, kodun öğrenilmesi ve daha fazlasını gerektiriyordu.

SeedProd bunu da süper kolaylaştırır.

CSS kodu yazmak yerine Global CSS şablonunu kolayca düzenleyebilirsiniz.

Global CSS şablonu, ortak web sitesi öğelerini önizlemenize olanak tanır ve ardından özelliklerini düzenlemek için yalnızca işaret edip üzerlerine tıklayabilirsiniz.

Genel CSS

Özel WordPress Temanızı Uygulama ve Yayınlama

Özel WordPress temanızdan memnun kaldığınızda, son adım onu ​​WordPress web sitenizde etkinleştirmektir.

SeedProd, özel WordPress temanızı basit bir anahtarla uygulamanıza olanak tanır.

SeedProd »Tema Oluşturucu sayfasına gidin ve 'SeedProd Temasını Etkinleştir' seçeneğinin yanındaki anahtarı 'Evet' olarak değiştirin.

SeedProd temasını etkinleştir

SeedProd şimdi mevcut WordPress temasını, yapmış olduğunuz özel WordPress temasıyla değiştirecek.

Artık özel WordPress temanızı çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Web sitesi önizlemesi

Özel WordPress Temanız için Diğer Düzenler Oluşturma

Artık özel WordPress temanızı oluşturduğunuza göre, işlevselliğini genişletme ve temanıza göre daha fazla tasarım ve düzen oluşturma seçeneğine sahipsiniz.

SeedProd bunu son derece kolaylaştırır.

Yine de özel WordPress temanızı değiştirebilir ve web sitenizin farklı bölümleri için birden çok şablon oluşturabilirsiniz.

Örneğin, temanıza yalnızca belirli kategorilerde görüntülenen yeni bir başlık şablonu eklemek isteyebilirsiniz.

Ek şablonlar

Benzer şekilde, belirli sayfalar veya gönderiler için bir şablon oluşturmak isteyebilirsiniz.

Bunu da temanıza ekleyebilirsiniz.

Özel sayfa şablonu ekle

Özel açılış sayfaları oluşturmaya ne dersiniz?

SeedProd sizi orada da ele aldı.

SeedProd » Açılış Sayfalarına gidebilir ve bir tane oluşturmak için Yeni Açılış Sayfası Ekle düğmesine tıklayabilirsiniz.

Özel açılış sayfası

Daha fazla ayrıntı için WordPress ile bir açılış sayfasının nasıl oluşturulacağına ilişkin eğiticimize bakın.

SeedProd'un yeni başlayanlara uygun sürükle ve bırak tema oluşturucusunu kullanarak, ihtiyacınız olan her tür özel düzeni kolayca oluşturabilirsiniz.

Bu makalenin, kodlamayı öğrenmeden özel bir WordPress teması oluşturmayı öğrenmenize yardımcı olacağını umuyoruz. Daha iyi SEO ve kullanıcı deneyimi için WordPress web sitenizi nasıl hızlandıracağınıza dair kılavuzumuza da göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.

Özel WordPress Teması Nasıl Kolayca Oluşturulur (Kod Olmadan) yazısı ilk olarak WPBeginner'da göründü.