Özel WordPress teması yapmanın kolay yolları (herhangi bir kod olmadan)

Başından beri özel bir WordPress teması yapmak ister misiniz? Geçmişte, WordPress kodlarını takip etmeli ve özel bir WordPress teması oluşturmak için iyi bir kodlama bilgisine sahip olmalısınız. Ancak yeni WordPress tema oluşturucu sayesinde, artık herkes bir saat içinde tam olarak ayarlanabilen bir WordPress teması oluşturabilir (kodlamaya gerek yok). Bu makalede, herhangi bir kod yazmadan özel bir WordPress teması oluşturmanın kolay bir yolunu göstereceğiz.

Statik HTML sitelerinden farklı olarak yeni başlayanlar için özel bir WordPress teması oluşturan WordPress teması, PHP, HTML, CSS ve JavaScript’te yazılmış şablon dosyalarının bir koleksiyonudur. Genellikle, tüm bu web tasarım dilini iyi bir şekilde anlamanız veya özel bir WordPress teması oluşturmak için bir web geliştiricisi kiralamanız gerekir.
Bir geliştirici veya ajans kiralarsanız, özel bir WordPress temasının maliyeti binlerce dolara ulaşabilir. Birçok küçük işletme sahibi özel WordPress temasından yüksek maliyet ödeyemediğinden, birçoğu yalnızca WordPress’e dahil olan varsayılan temayı seçer. Tamamlamak ve ayarlamaları istemeyenler, WordPress Page Drag & Loose’un üreticisini kullanabilir veya özel bir tema oluşturmak için tema çerçevesini kullanabilirler. WordPress tema çerçevesi WordPress temasını daha kolay hale getirirken, sıradan web sitesi sahipleri değil, geliştiriciler için bir çözümdür.
Öte yandan, WordPress sayfa üreticisi eklentisi, Drag & Loose arabirimini kullanarak özel bir sayfa düzeni oluşturmayı çok kolaylaştırır, ancak düzen ile sınırlıdır. Onunla özel bir tema yapamazsın. Beaver Builder’a kadar, en iyi WordPress sayfa yapımcıları eklentilerinden biri, bu sorunu Beaver Themer adlı eklentileriyle çözmeye karar verir. Bir WordPress teması oluşturmak için Beaver Themer’ı nasıl kullanacağına bakalım.

Video öğretici
WPBeginner’a abone olun
Videoyu sevmiyorsanız veya daha fazla talimata ihtiyacınız varsa, okumaya devam edin. Bir Beaver Themer özel teması oluşturmak için bir kunduz teması hazırlamak, Beaver Builder için ek bir eklentidir, bu nedenle bu makale için her iki eklentiye de ihtiyacınız vardır. İlk olarak, Beaver Builder ve Beaver Themer eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Beaver Themer özel bir tema oluşturmanıza izin verir, ancak yine de başlamak için bir temaya ihtiyacınız vardır. İlk temanız olarak hareket etmek için tam geniş bir sayfa şablonu içeren hafif bir tema kullanmanızı öneririz.
Bu tür temaları WordPress.org Tema Dizini’nde bulabilirsiniz. Modern WordPress temaları tam geniş bir şablon içerir. En çok seçimimiz:
ASTRA – Beaver Builder için varsayılan destekle bulunan ücretsiz hafif çok amaçlı WordPress temaları.
OEANWP – Tam sayfa yapımcıları desteği ile birlikte gelen diğer popüler ücretsiz çok yönlü WordPress temaları. Çalışma -timsah teması – Beaver Builder ile uyumlu ve Beaver Themer ile çok iyi çalışacak.
Bu öğretici uğruna, WordPress temasını ayarlaması hafif ve kolay olan Astra’yı kullanacağız.
Beaver teması için temanızı hazırlayın Beaver Themer ile özel bir WordPress teması oluştururken, Beaver Themer’ın tüm sayfalara (uçtan uca) erişebileceğinden emin olmak önemlidir. Bu Astra varsayılanının düzenidir. Gördüğünüz gibi, bu düzen, Beaver Themer’ı kullanırken kullanımı zor olabilecek bir yan çubuk içerir.
Web sitenizin yönetici panelini ziyaret ederek ve ardından görünüşe gidebilirsiniz »sayfayı ayarlayabilirsiniz. Buradan, Düzen sekmesine geçmeniz gerekir »Sidabars.
Oraya geldikten sonra, varsayılan düzen seçeneğinin altında ‘Kenar Çubuğu Yok’ seçin ve değişikliklerinizi kaydetmek için yayın düğmesini tıklayın.

Temanız artık düz bıçaklar olmadan düzeni kullanmaya başlayacak. Bu, Beaver Themer ile kullanmak için en iyi düzendir.

Bu tam sayfa düzeni, kunduz temalarının ekranın her santimini kullanmasına izin verir, böylece güzel bir görsel yaşam deneyimi yaratabilirsiniz. Çoğu WordPress teması, tam geniş bir sayfa için bir şablon dosyası içerir. Başka birkaç tema kullanıyorsanız, tema ayarlarınızdaki yan çubuğu silmek için bir seçenek bulabilirsiniz. Bulamıyorsanız, tema geliştiricinizle iletişime geçin ve size yardımcı olabilirler.
Temanızı tam geniş düzene ayarladıktan sonra, Beaver Themer’ı kullanarak WordPress özel temanızı oluşturmaya hazırsınız. Beaver Themer Themer Themer Beaver Themer’ın temelleri Beaver Builder üzerinde çalışıyor. Bir sayfa üreticisi eklentisi olarak Beaver Builder, özel bir düzen oluşturmak için öğeleri sayfaya çekmenize ve kaldırmanıza olanak tanır. Düzeninizde kullanabileceğiniz aşağıdaki öğelere sahiptir: Şablon: Sütun satırlarının toplanması ve tüm sayfa düzenini oluşturan modüller.

Sütun: İçeriği yatay olarak uyumlu hale getirmeye yardımcı olan dikey düzen modülü.
Çizgi: Birkaç modülün yatay koleksiyonları
Modül: Başlık, metin bloğu, tablo, galeri vb. Gibi belirli bilgileri görüntüleyen öğeler
Beaver Builder’daki sayfayı düzenleyin, ardından sağ üst köşedeki Ekle düğmesini tıklayın. Daha sonra sayfanıza sütunları, satırları, modülleri çekip yayınlayabilir ve hemen düzenlemeye başlayabilirsiniz.
Başından başlamak istemiyorsanız, daha önce oluşturulmuş şablonlar listesi arasından seçim yapın.
Beaver Builder ayrıca düzeninizi depolamanıza ve daha sonra bir şablon olarak kullanmanıza olanak tanır. Daha fazla bilgi edinmek için Beaver Builder kullanarak özel bir sayfa düzeni nasıl yapacağınızla ilgili makalemize bakın. Ancak, sadece bir sayfa düzeni yapmak istemiyoruz. Özel bir tema yapmak istiyoruz. Kunduz temalarının girme zamanı. Beaver Builder’a ‘Themer Layout’ adlı başka bir öğe ekledi.
Temanın düzeni, üstbilgiler, altbilgi, içerik alanları, sayfa 404 ve diğer şablon bölümleri için özel bir düzen oluşturmanızı sağlar.

Bu, tüm WordPress temalarının bir yapı taşıdır ve bunu kullanarak ihtiyaçlarınıza uygun özel bir tema oluşturabilirsiniz. Aşağıdaki talimatlarda özel bir WordPress teması oluşturmak için bir Beaver tema şablonu kullanarak, en popüler özel tema öğelerini oluşturmak için gerekli adımlarda size rehberlik edeceğiz. İşiniz bittiğinde, temel temanızı gerçekten tam olarak ayarlanabilen bir WordPress çocuk temasına dönüştüreceksiniz. Temanız için özel bir başlık oluşturun Web sitenizin gölgelik alanı ile başlayalım. Özel bir başlık, bir temanın önemli bir bileşenidir ve bina, geleneksel yöntemler kullanılarak karmaşık olabilir.

Neyse ki, Beaver Themer varsayılan bir başlık özelliğine sahiptir. Daha önce yapılmış veya iki sütunlu bir menü ve görüntü modülü kullanan bir şablon kullanabilirsiniz. Bu başlık alanına ulaşmak için, önce Beaver Themer’da başlık düzenini ayarlamamız gerekir. Beaver Builder’ı ziyaret edin »Yeni bir sayfa ekleyin ve başlığınız için bir başlık verin.

Bundan sonra, tür olarak ‘Temer Düzeni’ ve düzen seçeneği olarak ‘başlık’ seçin. İşiniz bittiğinde, devam etmek için ‘Tema Düzeni Ekle’ düğmesini tıklayın. Bu sizi Düzen Ayarları sayfasına götürecektir. Buradan, başlık şablonunun görüntüleneceği bir konum olarak ‘tüm siteleri’ seçmelisiniz.
Ardından, oluşturucu arayüzünü açmak için ‘Beaver Builder’ı başlat’ düğmesini tıklayın. Beaver Builder bir temel sütun ve iki çizgili başlık katmanı ile başlatılacak.

Arka planı, rengi, metni vb. Değiştirmek için aynı sürükleme ve Beaver Builder aracını kullanabilirsiniz. Ayrıca başka bir modül ekleyebilir, daha önce yapılmış şablonu içerebilir ve açının sağ üst kısmındaki Plus düğmesini tıklayarak satır / sütun ekleyebilirsiniz. Tasarımdan memnun kaldığınızda, düzeninizi kaydetmek veya yayınlamak için Bitir düğmesini tıklayın. Artık özel tema başlığınızı çalışırken görmek için web sitenizi ziyaret edebilirsiniz. Gördüğünüz gibi, başlığın düzenini özel temamıza uyguladık. Başlığın yanı sıra, herhangi bir içerik görüntüleymeyeceksiniz ve temel tema altbilgisi alanınızı görebilirsiniz. Bunu değiştirelim. Temanız için özel bir altbilgi oluşturun Tıpkı özel bir başlık oluşturduğunuz gibi Beaver Themer kullanarak temanız için özel bir altbilgi oluşturabilirsiniz. Beaver Builder’ı açın »Yeni bir sayfa ekleyin ve altbilgi düzeniniz için bir başlık verin. Ardından, tür olarak ‘Temer Düzeni’ ve düzen seçeneği olarak ‘altbilgi’ seçin.
Devam etmek için ‘Tema Düzeni Ekle’ düğmesini tıklayın. Bu sizi Düzen Ayarları sayfasına götürecektir. Buradan şablon yerinin yeri görüntüleneceğinden ‘tüm siteleri’ seçmelisiniz.

Bundan sonra oluşturucu arayüzünü açmak için ‘Beaver Builder’ı başlat’ düğmesini tıklayın. Beaver Builder, üç sütun kullanılarak altbilginin düzeni ile piyasaya sürülecek. Bu düzeni bir başlangıç ​​noktası olarak kullanabilir ve düzenlemeye başlayabilirsiniz.

Modüller, metin blokları veya ne isterseniz ekleyebilirsiniz. Her zaman rengi değiştirebilirsiniz, yazı tipi, arka plan resimleri ekleyebilir ve daha fazlasını yapabilirsiniz. Tasarımdan memnun kaldığınızda, düzeninizi kaydetmek veya yayınlamak için Bitir düğmesini tıklayın. Gönderiler ve Sayfalar İçin İçerik Alanları Oluşturma Artık her sayfa için başlıklar ve altbilgiler yaptık ve web sitesinde yayın yaptık, yayınlar veya sayfa gövdeleri (içerik alanı) oluşturma zamanı. Yeni ekle ‘tekil’ düzeni ekleyerek bir üstbilgi ve altbilgi yaparken aynı şekilde başlayacağız. Sonraki, bu düzeni görüntülemek için bir yer seçeceksiniz. Tüm yayınlar ve tek bir sayfa için kullanmak için bir single seçebilir veya bir gönderi veya yalnızca bir sayfa seçebilirsiniz.

Bundan sonra oluşturucu arayüzünü açmak için ‘Beaver Builder’ı başlat’ düğmesini tıklayın.

Beaver Builder, en üstte yayın/sayfanın başlığı olan tek bir düzen örneği, ardından içerik, yazarın biyografisi kutusu ve yorum alanı içerecektir. Bu öğelerden birini düzenlemek veya gerektiğinde yeni modüller, sütunlar ve satırlar eklemek için yönlendirebilir ve tıklayabilirsiniz. Düzenden memnun kaldığınızda, değişikliklerinizi kaydetmek ve yayınlamak için Bitir düğmesini tıklayın. Artık eylemde görmek için web sitenizi ziyaret edebilirsiniz.

Özel temanız için özel temalarınız için arşivlerin düzenini oluşturmak, özel temanız oluşmaya başladıktan sonra, web sitenizin diğer bölümleri için düzen yapmaya devam edebilirsiniz. Arşiv sayfası, aylık kategorilerinizi, etiketlerinizi, yazarlarınızı ve arşivlerinizi gösteren bir WordPress yeridir. Özel temanızdaki Arşiv sayfası için bir düzen oluşturalım. Beaver Builder’ı ziyaret ederek başlayacaksınız »Yeni bir sayfa ekleyin ve arşiv düzeniniz için bir başlık verin. Bundan sonra, ‘Temer Düzeni’ni tür olarak seçin ve düzen seçeneği olarak’ Arşiv ‘seçin. Devam etmek için ‘Tema Düzeni Ekle’ düğmesini tıklayın. Bu sizi Düzen Ayarları sayfasına götürecektir. Buradan şablon yerinin yeri görüntüleneceğinden ‘tüm arşivleri’ seçmelisiniz. Ayrıca tarih, arama sonuçları, kategoriler, etiketler vb. Gibi her bireysel arşiv türü için ayrı bir düzen yapabilirsiniz.

Bundan sonra oluşturucu arayüzünü açmak için ‘Beaver Builder’ı başlat’ düğmesini tıklayın. Beaver Builder, temel tek sütun arşivinin düzeni ile piyasaya sürülecek. Bu, arşiv başlığını üstte gösterecek ve bunu bir yazı izleyecektir.