WordPress Teması Oluşturma: 1. Bölüm

Yayınlanan: 2022-10-23

Sıfırdan bir WordPress teması oluşturmak istiyorsanız, WordPress temalarının nasıl çalıştığına dair temel bir anlayışa sahip olmanıza yardımcı olur. Serimizin bu ilk bölümünde, bazı temel dosyalar ve şablon etiketleri de dahil olmak üzere bir WordPress teması oluşturmanın temellerini ele alacağız. Bir WordPress teması oluşturmak göz korkutucu bir görev gibi görünebilir, ancak öyle olması gerekmiyor. Bu seriyi takip ederek, adım adım sıfırdan bir WordPress teması oluşturmayı öğreneceksiniz. Bu ilk bölümde, aşağıdaki konuları ele alacağız: WordPress temalarına genel bakış Bir WordPress teması için gerekli dosyaları oluşturma Şablon etiketlerini anlama Bu ilk bölümün sonunda, WordPress temalarının nasıl çalıştığına dair sağlam bir anlayışa sahip olacaksınız. kendi özel temanızı yaratma yolunda ilerleyin.

Genel olarak, WordPress dünyanın her yerindeki işletmeler tarafından içeriği yönetmek için kullanılır. Tüm internet sitelerinin yaklaşık %60'ı WordPress kullanıyor. Tasarımcılar ve geliştiriciler için WordPress temaları her zaman doğal bir uyum olmuştur. WordPress'i bu kadar popüler yapan şey basit tasarımıdır. Kendi özel WordPress Temanızı oluşturmak için gereken adımlar bu adım adım kılavuzda özetlenmiştir. İleri, ana alan, altbilgi, kenar çubuğu ve index.php dosyası oluşturmalısınız. Not Defteri metin düzenleyicisi, bu dosyaları anında oluşturmak için kullanılabilir.

Kodlamaya gerek kalmadan kendi WordPress temanızı oluşturabilirsiniz. Arayüzün kullanımı basittir ve etkileyici bir özellik koleksiyonu sağlar. TemplateToaster'ın ana özelliği, kurulumunun oldukça basit olması ve herhangi bir kodlama gerektirmemesidir. Artık bu basit adımları kendi WordPress temanızı oluşturmak için kullanabilirsiniz. Başlığınızın yüksekliği ve genişliği açılır menüden seçilebilir. Bir renk, gradyan seçin veya yerleşik galeriden bir resme göz atın ya da bir resmi kişiselleştirebilirsiniz. Menü düğmeleri, 'Menü Düğmesi Özellikleri'ne giderek ve bunları sayfanın sağına hizalayarak ayarlanabilir.

Bu adım, WordPress web sitenize bir slayt gösterisini nasıl ekleyeceğiniz konusunda size yol gösterecektir. Beşinci adım, altbilgi ve içerik bölümlerini özelleştirmektir. Adım 6, temanıza istediğiniz kadar sayfa ekleyeceğiniz yerdir. Yedinci adım, sayfanın sol tarafındaki – simgesini kullanarak daha fazla sayfa eklemektir. Belirli bir sayfa için alt sayfa eklemek de mümkündür. Sayfa adına karşılık gelen üç noktayı (üç nokta) tıklayın, ardından sağ tıklayın ve sayfayı listenizin en üstüne getirecek olan 'Alt Sayfa Ekle'yi seçin. Çünkü TemplateToaster, temanıza içerik eklemeyi kolaylaştırır.

Sonuç olarak, oluşturma işlemi sırasında bir WordPress temasına eklediğiniz herhangi bir ek içeriği dışa aktarabilirsiniz. Tüm bu adımlar tamamlandıktan sonra, şimdi TemplateToaster'ı kullanarak kendi WordPress temanızı oluşturabilirsiniz. Bu, aşağıdaki ekran görüntüsü gibi görünecek. Herhangi bir sayfaya bir alt sayfa eklemek de mümkündür. Gizli silahınız güvende olacak ve WordPress temaları geliştirerek para kazanacaksınız. Bir Tost makinesi web tasarım yazılımı, bir video arka planı, slayt gösterileri, yeni menü stilleri ve diğer gelişmiş özellikler eklemenize olanak tanır. WordPress tema oluşturucu , herhangi bir kod oluşturmanıza gerek kalmadan bu şekilde kullanılabilir. Bununla birlikte, herhangi bir kodlama öğrenmek zorunda kalmadan bir WordPress teması oluşturabilirsiniz.

Basit Bir WordPress Tema Sayfası Nasıl Oluştururum?

Kredi: WordPress.com

Basit bir WordPress tema sayfası oluşturmak için önce WordPress temaları dizininizde yeni bir dosya oluşturmanız gerekir. Bu dosyaya istediğiniz ismi verebilirsiniz ancak mutlaka “.php” uzantısına sahip olmalıdır. Bu dosyayı oluşturduktan sonra, onu bir metin düzenleyicide açmanız ve aşağıdaki kodu içine yapıştırmanız gerekecek: /* Şablon Adı: Basit WordPress Tema Sayfası */ ? > Dosyayı kaydedin ve WordPress temaları dizininize yükleyin. Artık http://siteniz.com/simple-wordpress-theme-page/ adresine gittiğinizde yeni sayfayı görebilmeniz gerekir.

WordPress web sitesi tasarımı ve düzeni için kullanılan tema şablonları kullanılmaktadır. Bu temalar PHP, HTML, CSS ve JavaScript'te oluşturulan şablonlar etrafında oluşturulmuştur. Bu adımları izleyerek herhangi bir kod yazmadan özel bir WordPress teması oluşturabilirsiniz. SeedProd WordPress sayfa oluşturucu, hem işletmeler hem de blogcular tarafından kullanılabilen bir sürükle ve bırak aracıdır. WordPress Tema Oluşturucu, kodlama yapmadan özel bir WordPress teması oluşturmanıza olanak tanıyan ücretsiz bir araçtır. Bu eğitim size sıfırdan kendi özel SeedProd temanızı nasıl oluşturacağınızı öğretecektir. Kullanıma hazır bir temayla başlayın ve daha sonra öğreticide şablon dosyalarını değiştirin.

Tema öğelerini anında WordPress veritabanınızdan içe aktarmanıza olanak tanır. Ayrıca, kolayca özel alışveriş sayfaları oluşturabilmeniz için tam WooCommerce entegrasyonunu içerir. Temanızı değiştirmek için iki seçeneğiniz var: Seedprod Tema Oluşturucu'yu kullanın veya sıfırdan başlayın. SeedProd'u kullanarak kolaylıkla bir WordPress teması tasarlayabilirsiniz. Son adım, WordPress web sitenizde etkinleştirilmesidir. Web sitenizin farklı bölümleri için birden çok şablon oluşturmak için SeedProd'u da kullanabilirsiniz. Belirli yerlerde yalnızca belirli kategorileri göstermek için temanıza bir başlık şablonu eklenebilir.

SeedProd kullanarak oluşturabileceğiniz tema türlerinde herhangi bir kısıtlama yoktur. Sürükle ve bırak özellikleri, ihtiyacınız olan herhangi bir özel düzen veya şablon türünü oluşturmayı kolaylaştırır. WordPress ile bir açılış sayfası çeşitli şekillerde oluşturulabilir; daha fazla bilgi için açılış sayfası eğiticilerimize bakın.

Sıfırdan Önyüklemeden WordPress Teması Oluşturun

Kredi bilgileri: TemplateToaster

Bootstrap kullanarak sıfırdan bir WordPress teması oluşturmak nispeten basit bir işlemdir. İlk olarak, HTML ve CSS kullanarak temanız için temel bir yapı oluşturmanız gerekecek. Temanızın yapısı oluşturulduktan sonra, istediğiniz işlevselliği ve görünümü vermek için Bootstrap kodunu temanıza ekleyebilirsiniz.

PHP sınıfı NavWalker, WordPress'in gezinme menüsünün işlevselliğini geliştirmek için kullanılır. NavWalker sınıfı, aşağıdaki kodu kullanarak inc/bs5-navwalker.php dosyasında bulunabilir. Get_search_form, bir arama formu oluşturan bir WordPress işlevidir. Search.php dosyasını WordPress temanıza eklemek için bazı ek şeyleri bilmeniz gerekir. Sitenize 404.html adlı yeni bir dosya ekleyin ve ardından URL'lerde görünmeyen, göstermek istediğiniz bazı süslü kodlar ekleyin. Tema Ekran Görüntüsünü (Küçük Resim) üzerine sağ tıklayıp yükle'yi seçerek yükleyebilirsiniz.

Kodlamadan WordPress Teması Nasıl Oluşturulur

Kredi: YouTube

Kendi web sitesi temanızı oluşturmak için herhangi bir kodlama gerektirmeyen SeedProd tema oluşturucuyu kullanmak en iyisidir. SeedProd'da birkaç dakika içinde bir WordPress teması oluşturabilirsiniz. Bir milyondan fazla web sitesi tasarımcısı, görsel olarak çekici web siteleri oluşturmak için aracı kullanıyor.

Bazı WordPress sayfa oluşturucuları ayrıca bir tema oluşturucu içerir. Varsayılan şablon dosyalarını değiştirmek için bir tema oluşturucuda özel şablonlar oluşturulabilir. Sürükle ve bırak görsel düzenleyiciler, WordPress temalarını hızlı ve kolay bir şekilde oluşturmanıza olanak tanır. WordPress tema oluşturucuları için birkaç eklenti seçeneği vardır, ancak aşağıdakileri öneririz. Özel bir gönderi türü oluşturmak istiyorsanız bunu Elementor Theme Builder ile yapabilirsiniz. Bir diğer popüler sayfa oluşturucu, bir tema oluşturucu ile birlikte gelen Divi Builder'dır. Divi daha çok yönlüdür ve Elementor'a göre iki belirgin avantajı vardır.

Gelişmiş görüntüleme koşulunun yanı sıra blok alıntı, liste, başlıklar ve gövde gibi tek gönderi şablonundaki öğelerin tasarımını kontrol etme yeteneği. Bottom Line Theme, WordPress sitenizin tasarımını ve düzenini değiştirmenize izin veren bir WordPress bileşenidir. Bir tema oluşturucu eklentisi kullanarak, temanızın varsayılan şablon dosyalarını değiştirmek için özel şablonlar oluşturabilirsiniz. Web sitenizin tüm bileşenleri artık kodlamaya gerek kalmadan özelleştirilebilir. Bu sayfa ayrıca WP Sayfa Oluşturucularına fayda sağlamak için bağlı kuruluş bağlantıları içerebilir.

Html'den Özel WordPress Teması Oluşturun

WordPress platformunu ve bir temanın yapısını iyi anladığınız sürece, HTML'den özel bir WordPress teması oluşturmak nispeten basit bir işlemdir. HTML kodunuzu ve dosya yapınızı kurduktan sonra, tema dizininizde "style.css" adında yeni bir dosya oluşturabilir ve onu HTML dosyalarınıza bağlayabilirsiniz. style.css dosyanıza, temanızı şekillendirmek için bazı temel CSS kodları eklemeniz gerekecek. CSS kodunuzu oluşturduktan sonra, tema dizininizde "functions.php" adlı bir dosya oluşturarak özel WordPress işlevlerinizi ekleyebilirsiniz. Functions.php dosyanıza, temanızın işlevselliğini kontrol etmek için özel WordPress kodunuzu ekleyebilirsiniz. Son olarak, tema dizininizde “template.php” adlı bir dosya oluşturarak özel WordPress şablonlarınızı ekleyebilirsiniz. Template.php dosyanıza, temanızın görünümünü ve verdiği hissi kontrol etmek için özel WordPress kodunuzu ekleyebilirsiniz.

Tema Geliştirme Örneği

Bir tema geliştirme örneği , özel bir WordPress teması oluşturmak olabilir. Bu PHP, CSS ve HTML'de kodlamayı içerir. Bir geliştiricinin, özel bir tema oluşturmak için WordPress'in nasıl çalıştığına dair güçlü bir anlayışa sahip olması gerekir.

tema nedir? Bu, bir sanat veya edebiyat eserinin temelini oluşturmuş veya nüfuz etmiş bir fikirdir. “Güç yozlaştırır” teması, Sauron'un tiranlığında olduğu gibi Yüzüklerin Efendisi'nde de büyük etkiyle kullanılır. Yazarların tatmin edici ve yapılandırılmış anlatılar oluşturmak için temayı nasıl kullandığını keşfedin. Aşağıda romanlardaki temaların beş örneği verilmiştir. JRR Tolkien'in Yüzüklerin Efendisi, iyi geliştirilmiş bir hikaye temasının harika bir örneğidir. Düşman Sauron, Tolkien'in destanında Tek Yüzüğü döverken yıkımın tohumlarını yarattı.

İhanet ve ayartmanın, bu çoklu güç çalma ve ayartma örneklerinin bir sonucu olarak hem acı verici deneyimler olduğunu anlıyoruz. Fyodor Dostoyevski, A Man Walks on a Prodigal Star adlı romanında 'suç' ve 'koşullu ahlak' temalarını inceler. Nicholas Sparks'ın The Notebook adlı romanında aşk ve kayıp temaları vardır. Hikayeniz en az iki tema içermelidir. Adımları özetleyerek ve Now Novel topluluğundan geri bildirim alarak hikayenizi olabildiğince basitleştirin. Sparks'ın ilk romanı The Notebook, kayıp ve iletişim temalarını ele alıyor. Bunlar, başka bir kişiyi sevmenin cesaretini ve 'orada olmanın' – ruhen – gerektirdiğini göstermek için kullanılır.

Romanınızı yazarken temalara odaklanmalısınız. Onur, görev ve intikam, Homer's Odyssey'deki ve The Odyssey'deki temalardır. Margaret Atwood'un kıyamet sonrası bir dünyada bilimsel etiğin tehlikelerini inceleyen romanı Oryx and Crake, bir hayatta kalma hikayesidir. Romanının temasını (insanlık ve sorumluluk gözetmeksizin teknolojik ilerlemenin tehlikesi) incelerken, şok edici bir sonuçla bitiriyor.

Edebi Bir Tema Nasıl Geliştirilir

Bir konu listeniz olduğunda, bu konuların nasıl bağlanacağını düşünmeye başlamalısınız. Temaları karşılaştırarak, hepsinin birbiriyle nasıl ilişkili olduğunu anlayabilirsiniz. Örneğin Çavdar Tarlasındaki Yakalayıcı romanında yabancılaşma ve isyan temaları iç içe örülür. Holden Caulfield, toplumun normlarına ve geleneklerine olan hoşnutsuzluğunun bir sonucu olarak kendini topluma yabancılaştırdı.
Karakterleri ve motivasyonlarını inceleyerek edebi bir tema geliştirmek de mümkündür. Örneğin “Bülbülü Öldürmek”te adaletin karakterlerin motivasyonları aracılığıyla sağlanacağı ima edilmektedir. Scout ve Atticus Finch rolleri, haksız yere hapsedilen diğerleri için adalet aramak için adalet duygusuyla motive edilirken, Atticus'un masumu savunmak için adalet duygusu Scout'u harekete geçiren şeydir.
Konuların ve bunlarla ilgili karakterlerin bir listesine karar verir vermez, bu temaların metinde nasıl ifade edileceğini düşünmeye başlayabileceksiniz. Scout'un adalet duygusu konuşmalarında ve “Bülbülü Öldürmek”te Ku Klux Klan'a karşı verdiği mücadelede dile getiriliyor.

WordPress Tema Geliştirme Kursu

Bir WordPress tema geliştirme kursu, kendi özel WordPress temalarınızı nasıl oluşturacağınızı öğrenmenin mükemmel bir yoludur. Bu kursta, hem güzel hem de işlevsel temalar oluşturmak için WordPress'in güçlü tema geliştirme araçlarını nasıl kullanacağınızı öğreneceksiniz. Ayrıca PHP ve CSS'de nasıl kod yazılacağını ve gerçekten benzersiz temalar oluşturmak için WordPress'in çok çeşitli tema seçeneklerini nasıl kullanacağınızı öğreneceksiniz. Bu kursun sonunda, hayal edebileceğiniz herhangi bir WordPress temasını oluşturmak için gerekli beceri ve bilgiye sahip olacaksınız.

Temalar, bir WordPress sitesinin görsel yarısının tamamını kapsar, ancak yalnızca görsel yarısı için kullanılmazlar. WordPress temaları şüphesiz önümüzdeki yıllarda bir dönüşüm sürecinden geçecek. Klasik ücretsiz WordPress kursu 2021'in başlarında yeni temalarla güncellenecektir. Up and Running'dan birkaç bölüm aşağıdadır. Şablon hiyerarşisi, döngü ve style.css, WordPress tema geliştirmedeki en önemli üç kavramdır. WordPress'in birçok kullanışlı ve karmaşık özelliğini anlamak için şablonların hiyerarşisini anlamak çok önemlidir. Bu makaleyi okuyarak, WordPress tema geliştirmeyi daha iyi anlayacaksınız.

WordPress tema geliştirme, bir tema oluşturmak için WordPress'te döngünün nasıl çalıştığını anlamaya bağlıdır. WordPress'in temanızı yüklemek için ihtiyaç duyacağı tüm PHP işlevlerini function.php'de oluşturduğunuz her sayfaya yazarsınız. Çalışma şeklinin gösterdiği gibi, tam olarak budur. Bir WordPress temasında function.php dosyasını devre dışı bırakamazsınız. Bunları gerçekten anlamak için hem WordPress tema geliştirmesini (ve eklentilerini) anlamalısınız. PHP sözdiziminin daha zor yönlerinden biri kodudur. Bunu nasıl yapacağınızı zaten biliyor olabilirsiniz; daha fazla bilgi için sonraki makaleye bakın.

Özel Bir WordPress Teması Nasıl Oluşturulur

Özel bir WordPress teması oluşturmak nispeten basit bir işlem olabilir. Ayrıca, web geliştirme konusunda çok az bilgi veya deneyim gereklidir. Ayrıca, kendi temanızı oluşturmak, ilk seferde doğru bir şekilde yapabilirseniz sitenizi çalıştırmayı kolaylaştırabilir. ZipRecruiter'a göre, WordPress Tema Geliştiricileri için yıllık maaşlar 135.000 ila 25.000 ABD Doları arasında değişmektedir, ancak maaşların çoğu 61.000 ABD Doları (yüzde 25) ile 88.500 ABD Doları (yüzde 75) arasında değişmektedir. En çok kazananlar (yüzde 90) yılda 114.500 dolar kazanıyor. WordPress temalarının nasıl oluşturulacağı hakkında daha fazla bilgi edinmek istiyorsanız, size yardımcı olabilecek birkaç çevrimiçi kurs var. SuperHi web sitesi WordPress tarafından desteklenmektedir. Chris Dixon, WordPress 5 Tema Geliştirme Akademisi'nde Bootstrap 4'ün nasıl kullanılacağını gösteriyor. Pakete temel bir kurs dahildir. WPCast'ler (YouTube'da ücretsiz), WordPress temalarının nasıl oluşturulacağını öğrenmek için mükemmel kaynaklardır.

Satmak için WordPress Temaları Nasıl Oluşturulur

Satmak için WordPress temaları oluşturmak istiyorsanız, hem WordPress hem de CSS hakkında güçlü bir anlayışa sahip olmanız gerekir. Bunu yaptıktan sonra Notepad++ gibi temel bir metin düzenleyici kullanarak tema oluşturmaya başlayabilirsiniz. Temanız için bir klasör oluşturmanız gerekecek ve ardından bu klasörde dosya oluşturmaya başlayabilirsiniz. Oluşturmanız gereken en önemli dosya, temanız için tüm CSS kodunu içerecek olan style.css dosyasıdır. Temanızı satmak istiyorsanız, potansiyel alıcıların temanızın nasıl göründüğünü ve nasıl çalıştığını görebilmesi için bir demo sitesi oluşturmanız gerekir. Daha sonra temanızı ThemeForest gibi siteler aracılığıyla satabilirsiniz.

WordPress Temaları çeşitli pazarlarda satılabilir ve her satın aldığınızda küçük bir kâr elde edebilirsiniz. Bir WordPress web sitesi tasarımcısı veya serbest çalışan bir geliştirici, bir WordPress sitesi oluşturarak pasif gelir elde edebilir. Bu blogda web sitenizde WordPress eklentileri satmanın temel adımlarında size yol göstereceğim. Bu eğitimin bir parçası olarak, Alt Çizgi temasıyla yeni bir WordPress sitesi oluşturacağız. Alt çizgiler, birincil satış noktalarından biri olan son derece hafiftir. Özelleştirmeyi zorlaştıracak herhangi bir ek özellik içermez. Alt çizgi temasını yerel WordPress ortamınıza nasıl kuracağınız aşağıda açıklanmıştır.

YouTube videoları izliyorsanız Elementor'u 60 dakika veya daha kısa sürede öğrenebilirsiniz. Projeye bağlı olarak şirket, temiz kodlama, tema özellikleri ve bir proje görevi karşılığında size 100 ila 500 dolar arasında bir para verecek. İster yeni bir blog, ister çevrimiçi bir işletme veya yaratıcı bir hizmet kuruyor olun, bir WordPress teması oluşturabilir veya WordPress tema oluşturma hizmetleri satabilirsiniz. Her işletme, kendi nişine göre uyarlanmış WordPress temalarına sahip olmalıdır. Belirli bir tema seçtiğinizde, yalnızca üretkenliğinizi artırmakla kalmaz, aynı zamanda iyi müşteriler bulma ve onlara satış yapma şansınızı da artırırsınız. WordPress giderek daha rekabetçi hale geldiğinden, görsel olarak çekici bir web siteniz yoksa pazarın zirvesinde kalmak daha zor hale geliyor. WordPress temaları satışı hakkında öğrenmeniz gereken tek şey basit WordPress kodlama gereksinimleridir.

Başkalarının kodu veya tasarımı okuyabilmesi ve değiştirebilmesi için standart kodlama uygulamalarını izlemeniz çok önemlidir. Pazar araştırmasına göre 59 USD, ücretli temalar satın almak için mükemmel bir ortamdır. Mallarınızı web sitenizde veya başka bir yerde satabileceğiniz için tek bir pazaryeri ile sınırlı kalmayacaksınız. Temalarınız ayrıca gelirinizin %70'ini oluşturacak ve bunları istediğiniz fiyata satabileceksiniz. Envato ile tek satıcı olmayı seçerseniz, daha fazla satış yaptıkça ücretlerinizde düşüş göreceksiniz.

WordPress Temaları Geliştirerek Nasıl Para Kazanılır

WordPress temaları büyüyen ve kazançlı bir iştir. WordPress temaları yapan ve satan birçok insan var, ancak pazar rekabetçi. WordPress temaları sattığınızda çok fazla rekabet olacağını anlamalısınız.
Güzel, istikrarlı ve güvenilir WordPress temaları oluşturur ve mükemmel müşteri desteği sağlarsanız çok para kazanabilirsiniz. ThemeForest ve WordPress, Envato'ya aittir, böylece temalarınızı Envato pazarında satabilirsiniz. Öte yandan piyasa acımasız, bu yüzden payınız için savaşmanız gerekecek.