Yeni başlayanlar için WordPress’in geliştirilmesi: Başlangıç
PHP öğrenmek ve WordPress için kendi temalarınızı ve eklentilerinizi oluşturmakla ilgileniyor musunuz? Veya yalnızca web siteniz için kendi katil özelleştirme kodunuzu yapabilir mi? WordPress’in gelişimini incelemek korkutucu bir şey gibi görünebilir, ancak her şey başlamaya yol açar. Bu yüzden yeni yıla doğru başlamanıza yardımcı olmak için bu ücretsiz diziyi topladık. Beş hafta boyunca, PHP’yi öğrenecek ve başlangıçtan itibaren kendi temalarınızı ve eklentilerinizi kodlamaya başlayacaksınız. Bu, yeni başlayanlar için beş bölümümüzdeki ilk gönderidir, bu da size WordPress’i geliştirmenin temel kavramını öğretir, böylece trot’tan geliştiriciye atlayabilirsiniz.
Not: Bu dizi için, HTML ve CSS hakkında kapsamlı bir anlayışa sahip olmanız önemlidir, çünkü bu iki dil WordPress ile çalışırken önemli yapı taşlarıdır. Başlayalım. Yeni başlayanlar için WordPress Geliştirme Serisindeki öğreticiyi özlüyor musunuz? Beş yazıyı buradan takip edebilirsiniz:
Yeni başlayanlar için WordPress’in geliştirilmesi: Başlangıç
Yeni Başlayanlar İçin WordPress Geliştirme: PHP Öğrenme
Yeni başlayanlar için WordPress Geliştirme: Temalar Oluşturma
Yeni Başlayanlar İçin WordPress Geliştirme: Widget’lar ve Menüler
Yeni Başlayanlar İçin WordPress Geliştirme: Bir Eklenti Oluşturma
WordPress’in WordPress’i neyi ve nasıl geliştirebileceğimizi anlamak için çalışma şekli, WordPress’e göz atarak başlayacağız.
Üç ana bileşeni vardır: çekirdek, tema ve eklenti. Temel kod, WordPress içerik yönetim sistemini oluşturan tüm varsayılan işlevleri içerir. Bu, yöneticinin arka ucundan planlama yayınları, şifre güçlerini kontrol etme, kullanıcıların yapmasına izin veren işlevlere kadar her şeyi içerir. Çekirdek, web sitesinin arka ucundan ve nasıl çalıştığı sorumlu olsa da, tema ön uçtan ve web sitesinin görünümünden ve hissinden sorumludur. WordPress yöneticisini yayınlar, sayfalar ve diğer site içeriği yapmak için kullanıyoruz, ancak yayınlarımızın ve sayfalarımızın temaya bağlı olarak ziyaretçilere tam olarak nasıl görüntülenildiğini. Bu size web sitenize yeterince büyük bir güç verir. Kutudan önce yapılan temaları yüklemek ve etkinleştirmek ve istediğiniz gibi özel bir tasarım kullanmak isteyebilirsiniz. Eklentiyi açıklamanın en basit yolu, WordPress için ek işlevler sağlamalarıdır. Bunu gerçekleştirmek için, bir eklenti web sitesinin arka ucunu ve/veya ön ucunu değiştirebilir. Twitter’a tweet düğmesi ekleyen bir eklenti iyi bir örnektir. Arka uç yönetici menüsünde, kullanıcı tweetleri için bazı varsayılan seçenekler ayarlayabileceğiniz yeni bir ayarlar sayfası oluşturabilir ve kendilerini büyük olasılıkla yazının altında görüntülenen web sitesi ön ucuna ekleyecektir. Geliştirme alanı, WordPress çalışmasının gelişimine göre, yeni bir API dinlenmesi yardımıyla bağımsız uygulamanın yanı sıra yukarıdaki üç ana bileşenden birini geliştirebilirsiniz, ancak yakında bu konuda.
WordPress ile yapmak istediğiniz şey dışında, çalışmanızda belirlenen yolu takip etmenizi tavsiye edeceğim. Aşağıdaki liste, alan seçiminiz hakkında daha fazla bilgi edinmeden önce bilmeniz gereken sistemi tanımanıza yardımcı olacaktır: tema:
Eklenti
Yangın
Çekirdek
Temalar nasıl çalışılacağını ve bunların nasıl geliştirileceğini öğrenmek, bir web sitesi oluşturmanıza ve bir sayfa sitesi oluşturmanıza izin verecektir, içerik dolu dinamik bir web sitesi ve aradaki her şey. Bu aynı zamanda daha iyi/daha fazla müşterinin işi almanıza (ilgilendiğiniz şey buysa) ve hatta tema satış işine girmenize olanak tanır.
Piyasada Themeforest ve Mojo Market gibi birçok başarılı tema yazarı var. Bu yazma zamanında, Themeforest’teki en popüler tema 1.377 hafta önce satıldı – sadece bir haftada 81.000 dolardan fazla oldu! Mükemmel temayı geliştirebilirseniz bu çok para. Tüm tema geliştiricileri oldukça fazla para kazanmasa ve çok sayıda gece boyunca bina temaları olmayabilirsiniz, ancak doğru şeyi yaparsanız temadan geçimini sağlayabilirsiniz. Bazı iyi temalar örneklerini görmek istiyorsanız, yukarıda bahsettiğim pazara bakın veya her şeyin ücretsiz olduğu WordPress tema dizini görün. Birçok tema geliştiricisi de çalışmalarını dizine yayınladı.
Bir yandan eklentiler, eklentiler WordPress’in hayatının kaynağıdır, forumlardan sosyal ağlara, e -ticaret platformlarına ve daha fazlasına bir düğmeye basarak her şeye dönüştürür. Eklenti, WordPress sisteminin tüm yönlerinin tam kontrolünü sağlar ve istediğiniz her şeyi değiştirmenizi sağlar. Bu, her zaman ihtiyacınız olan küçük bir işlevi ekleyerek, müşteriler için WordPress beyaz etiketleri yapmada çok yararlı olabilir; Kendi WordPress’inizi yapın. Eklenti pazarı da mevcuttur ve genellikle tema pazarını yürüten birkaç şirkete aittir. CodeCanyon şimdiye kadar satın alınabilecek 4.000’den fazla eklenti ile en büyüğü. Satışlar temadan daha düşük olma eğilimindedir, ancak doğru niş bulursanız, yine de çok karlı olabilir. WordPress ayrıca 40.000’den fazla eklenti olan ücretsiz bir eklenti dizini vardır. Bu bir araç, ilham kaynağı ve büyük kod örnekleri (ve ayrıca ne yazık ki kötü bir kod). Teorik olarak, teorik olarak, Java veya Ruby gibi diğer dilleri iyi biliyorsanız kullanabilirsiniz, ancak eklentilerin temasında ve geliştirme konusunda uzmanlaştığınızda kariyerinizde biraz daha yavaş olacak. REST API nispeten yenidir ve WordPress’e dayalı gerçek bir uygulama oluşturmanızı sağlar. Bu, iPhone ve Android uygulamaları ve diğer programlama dillerini biliyorsanız, TV uygulamaları gibi her türlü çılgın şey içerir.
Bu özelliği açıklamanın en iyi yolu, Twitter veya Instagram gibi bir şeyle karşılaştırmaktır. Hiç şüphe yok ki, web sitelerinde birinin Twitter yemini görüntülendiğiniz. Bu özelliği kendi sitenize eklemek için Twitter çekirdek kodunun nasıl çalıştığını bilmenize gerek yok, tek ihtiyacınız olan küçük bir kod: Lütfen beş yeni tweet’imi alın. Twitter, istediğiniz beş tweet’ten verileri kusarak gerçek alımı ele alıyor. Daha sonra verileri görüntülemek için HTML ve CSS kullanabilirsiniz. Restaus’un WordPress için yaptığı şey budur. Herhangi bir web sitesine bağlanabilir ve en son beş yayınınızı isteyebilirsiniz. Ancak bundan daha fazlasını yapabilirsiniz: Kullanıcıları silebilir, kullanıcılar oluşturabilir, kategorileri düzenleyebilir ve daha fazlasını (elbette kendinizi doğrulamanız gerekir). Bu, WordPress’i bir bilgi deposu olarak kullanabileceğiniz ve tamamen farklı bir sistem kullanarak ön uç ve/veya arka uç oluşturabileceğiniz anlamına gelir.
Inti WordPress, dünyadaki binlerce gönüllü tarafından geliştirildi.Toplam 471 kişi WordPress 4.4’te çalışır ve daha fazla kişi, çeviri ve hücresel uygulamalardan erişilebilirlik ve desteğe kadar değişen WordPress’in diğer yönleri üzerinde çalışır.Aslında, şimdi dahil olabilirsiniz.Kodu Core WordPress’e bağışlamak için küçük bir deneyime sahip olmanız gerekse de, hataları tanımlamaya, bunları doğrulamaya ve WordPress Core kodunun gelişimini takip etmek için bir yer olan Trac WordPress kullanarak herhangi bir zamanda fikir göndermeye başlayabilirsiniz.Bir hata bulursanız, aslında onu ortadan kaldıran bir kod ekleyebilirsiniz.Çok fazla inceleme ve incelemeden sonra, her şey kontrol edilirse kodunuz kullanılacaktır.Bu, çekirdeğin geliştirilmesine katkıda bulunmanın en iyi yoludur.Theforest, 6000’den fazla temaya sahip en popüler WordPress tema pazarıdır.
WordPress Geliştirme:
Neye ihtiyacınız var, WordPress ve WordPress web tasarımının geliştirilmesine başlamak için bilmeniz gereken bir dizi iyi tanımlanmış araç var. Ancak, iyi geliştiriciler için öğrenme süreci asla bitmez. Burada sizin için yeni başlayan paketini açıklayacağım ve daha fazla bilgi edindiğinizde bulabileceğiniz daha sofistike araçları da tartışacağım. Rahat olmanız gereken mutlak minimum HTML, CSS ve PHP’dir. Bu dillere ek olarak, sonunda JavaScript ve MySQL’i birkaç noktada öğrenmek isteyeceksiniz. Bu dilleri iyi anladığınızda, eksik/Sass, CoffeeScript, XML, JSON vb. Gibi şeylere geçebilirsiniz. Bu dillerin hiçbiri WordPress’in gelişimi için önemli değildir, ancak bunun ufuklarınızı genişleteceğini ve/veya bir geliştirici olarak hayatınızı çok daha kolay hale getireceğini bilmek. HTML ve CSS Öğrenmeniz gereken ilk iki dil HTML ve CSS’dir. Hangi kodu yazarsanız yazın, hangi dili kullanırsanız kullanın, kullanıcılara web sayfaları gönderirken her şey sonuçta HTML’ye boşalır ve büyük olasılıkla bazı CSS bu sayfayı düzenler. HTML bir web sitesi yapısı sağlamaktan sorumludur. Temel düzeyde, bu, hangi metnin gitmesi gerektiğine, listenin neye, kenar çubuğunda ne olduğuna ve üstbilgi ve altbilgide ne olduğuna karar vereceğiniz anlamına gelir. Daha derin bir düzeyde, aslında SEO kararları ve önemli optimizasyon alırsınız. Ancak, şimdilik endişelenmeyin, çünkü sözdizimini anlamak en önemlisidir.
CSS, kuvveti HTML yapınıza uygulamak için kullanılır.CSS kodunu kullanarak metnin rengini, bağlantıları, paragraflar, görüntü seviyelendirme, sınır rengi, yüzme özelliği, sınır kalınlığı ve diğer öğeleri belirleyeceksiniz.CSS’nin öğrenmesi çok kolaydır, ancak ustalaşması çok zordur.W3Scocols Web Geliştirici sitesi, HTML ve CSS’nin nasıl kullanılacağı hakkında harika öğreticiler sunar. PHP PHP çok popüler bir sunucu komut dosyası dilidir ve W3Techs Web Teknoloji Araştırma Hizmetine göre, bu dili kullanan tüm web sitelerinin% 81,6’sında kullanılır. PHP, oluşturulmuş bir WordPress dilidir (ve diğer içerik yönetim sistemlerinin çoğu) ve bu nedenle PHP hakkında kapsamlı bilgi WordPress’in geliştirilmesi için çok önemlidir. Sadece PHP’yi bilerek, WordPress’in kodu hakkında bilgiden daha fazlasını alacaksınız. Herhangi bir sunucu yan dilini öğrenmek, programlamanın nasıl çalıştığı hakkında bilgi verecektir ve bu da her türlü problemi ve cazibe için kullanabileceğiniz özel bir mantık türü sağlayacaktır. Sunucu tarafı dili, dilin önce sunucuda işlendiği için istemcinin yan dilinden farklıdır – HTML gibi. HTML’de, günaydın için bir kod yazabilirsiniz ve HTML daha sonra ziyaretçilerinizin “Günaydın” görüntüleneceğini göreceği için tarayıcıya gönderilecektir. Sunucu tarafı dilinde, iyi [time_of_day] gibi bir şey için bir kod yazabilirsiniz. Ve komut kullanıcıya gönderilmeden önce, sunucu işleyecek ve [time_of_day] ne olacağını öğrenecektir. Siteye ne zaman eriştiğinize bağlı olarak, “iyi günler” veya “iyi geceler” görebilirsiniz.
.Tarayıcınız tarafından alınan verilerin hala sıradan HTML şeklinde olduğunu ancak önceki sunucuda işlendiğini unutmayın.Ayrıca, yukarıdaki kodun gerçek PHP kodu olmadığını unutmayın, sadece mantığını göstermek için bir örnektir.W3Schools ayrıca fantastik PHP öğreticileri sunar.Bu serideki ikinci öğreticide PHP programlamanın temellerini göreceğiz, ancak becerilerinizi yetkin olmak için cilalamak daha iyidir.Tüm programlama dilleri gibi, uygulama her şeyin emmesini ve size daha iyi yardımcı olmasını sağlayacaktır.Birkaç gün içinde neredeyse tüm PHP’yi öğrenebilirsiniz, ancak hala ne yaptığınızı bilmiyorsunuz – çeşitli şeyleri denemeniz, bozmanız, neler olduğunu anlamanız gerekiyor.Genel olarak, hala bununla!
Söyledikleri gibi, egzersiz onu mükemmelleştirir. JavaScript JavaScript’in Web üzerindeki rolü, özellikle düğümler ve açısal gibi JavaScript tabanlı araçların ortaya çıkmasıyla artmaktadır. JavaScript genellikle web sitesine dinamik işlevsellik eklemek ve asenkron yüklemek için kullanılır. Size her ikisine de bir örnek vereyim. Formun tamamen gizli olmasını ancak LightBox’ta soluk olmasını istiyorsanız, kullanıcı düğmeye tıkladığında JavaScript kullanabilirsiniz, çünkü JavaScript animasyonu ve belki de birlikte gönderilmeden önce formun doğru şekilde doldurulup doldurulmadığını kontrol edebilirsiniz. . Asenkron yükleme Ajax adlı bir mekanizma ile yapılır. Ajax, sunucudan bilgi almak ve daha sonra sayfayı yeniden yüklemeden görüntülemek için kullanılabilir. İyi bir örnek, ilk 10 yazının yüklendiği sonsuz rulodur ve sayfanın altına yaklaştığınızda, sonraki 10 gönderi alınır ve geçerli sete eklenir. Kasım ayında otomattic, kullanıcıların wordpress.com ve jetpack web sitelerini yönetmesine olanak tanıyan bir masaüstü uygulaması olan Calypso’yu başlattı. JavaScript’te saf yazılmış ve düğümler ve reaksiyonlar gibi kütüphaneler kullanan Calypso, WordPress’in PHP’ye olan bağımlılığından potansiyel kaymayı işaret eder. Bu nedenle, WordPress’in kurucularından biri geliştiricileri “JavaScript’i derinlemesine öğrenmeye” teşvik etti. JavaScript’i bir kez daha öğrenmeye başlamak için iyi bir yer W3Schools. Bu başlangıç serisinde JavaScript’i keşfetmeyeceğiz, ancak öğrenilmesi gerekiyor çünkü bu dili bilmek önümüzdeki yıllarda WordPress geliştiricileri için önemli olacak.
Birçok geliştirici ilk olarak JavaScript’i çok popüler bir JQuery çerçevesi ile inceledi. Bu, WordPress’te ve web’deki milyonlarca projede yaygın olarak kullanılmaktadır. Bu iyi olmasına rağmen, JavaScript’in sadece JQuery’den daha fazlası olduğunu ve JavaScript’in kendisini incelemek de iyi bir fikir olduğunu unutmayın. MySQL MySQL, veritabanındaki verilere erişmek ve bunlarla çalışmak için kullanılan bir dildir. WordPress gerçekten tüm verileri almak için kullanıyor, ancak bir geliştirici olarak gerçekten ihtiyacınız olmayacak çünkü WordPress kendi hizmetçisinin bir dizi işlevine sahip. Bazı özel durumlarda, kendi veritabanı sorgularınızı yazmanız gerekebilir veya kendi siteniz için bir şeyi optimize etmek isteyebilirsiniz, bu nedenle MySQL hakkında temel bilgilere sahip olmak çok yardımcı olur. Bir veritabanı ile çalışmak oldukça kolaydır. Veritabanındaki tablo Microsoft Excel elektronik tablosuna çok benzer. Her sütunun bir başlığı vardır ve veriler satır halinde saklanır. MySQL verileri eklemek, silmek, değiştirmek ve almak için kullanılır. İçinde “olağanüstü” kelimesi olan ve sekizden fazla yorum içeren tüm yayınları döndüren bir MySQL sorgusu yazmak isteyebilirsiniz. Ayrıca “Daniel” adlı tüm kullanıcıları bulmak isteyebilirsiniz. Örneğin, tüm reklamlarınızın sayısını saymak veya ağınızdaki en popüler reklamları bulmak için MySQL’i de kullanabilirsiniz. Bir kez daha, WordPress’te RAW MySQL kodu yazmak nadirdir, ancak bu olur ve dilin genel olarak daha iyi bir kod yazmanıza nasıl yardımcı olacağını anlar. SQL öğreticileri için W3Schools’u ziyaret edin.
W3Schools, HTML, CSS ve MySQL öğrenmek için çok iyi bir serbest kaynaktır. HTML, CSS ve PHP – çeşitli araçları keşfetmeye başlayabilirsiniz. İnsanlar tarafından öğrenilme eğiliminde olan ilk şeylerden biri eksik ve/veya sass. Her ikisi de CSS’den süper settir, yani tüm geçerli CSS kodunun daha az kod ve geçerli bir SASS olduğu anlamına gelir. Her iki dili de ekleyen şey, CSS’de varsayılan olarak mümkün olmayan değişkenleri, işlevleri ve diğer yapıları kullanma yeteneğidir. Bir araç oluşturmak, birkaç noktada da keşfetmek istediğiniz bir şeydir. En iyisi yudum ve homurdanır. Bu, değişiklikler için dosyaları izleyebilir ve gereksinimler karşılandığında çeşitli görevleri yerine getirebilir. Örneğin, SASS dosyasını her değiştirdiğinizde, otomatik olarak CSS’ye derleyebilir ve belirli dosyalara kaydedebilirsiniz. Görüntüler optimize edilebilir, dosyalar birleştirilir, harici paketler indirilir ve bu araçla her türlü diğer pratik görevler yapılabilir. Komut satırı veya terminal de görmeniz gereken bir şeydir. Evet, komut satırını kullanmak korkutucu görünebilir ama aslında değil – sadece bazı komutlar yazarak zamanınızı çok fazla kaydetebilir. Basit bir komut dosyası ve WP-CHLI adlı bir araç, temaların, eklentilerin ve test içeriğinin kurulumu da dahil olmak üzere WordPress’i birkaç saniye içinde yükleyebilir, manuel olarak daha uzun sürer ve daha fazla çaba içerir. Kontrol sürümü, denemeye kadar ihtiyacınız olan çok kullanışlı araçlardan biridir.
Başlangıçta ekipte aynı kod üzerinde çalışmak üzere tasarlanmıştır, ancak projeleri, hataları yönetmek ve her şeyi aynı anda ayırmak için bir çözüm olarak kullanılabilir. SVN ve GIT en popüler rakiplerdir. Git, web tabanlı git depo barındırma hizmetleri sunan biraz daha iyi iş akışı ve GitHub nedeniyle bu turu benimle kazandı. WordPress, WordPress ile ilgili harika bir şey olan bir ağ geçididir. Becerileri ve diğer web geliştirme becerilerini incelemek için bir ağ geçidi olabilir. Şahsen bu deneyime sahibim, önce nesne odaklı PHP, sonra laravel, yapı araçları, eksik/sass, komut satırları ve benzerleri gibi uzak alanlara giriyorum. Ayrıca C# ve diğer dillerle orijinal uygulama alanına gittim. Her şeyin işe yaramasından sonra, yeni ve daha büyük bir proje yaptığınızda ve her şey kolaylaştığınızda daha fazla öğrenirsiniz. PHP nesne yönelimli olduktan sonra, C# öğrenmek büyük bir çaba değildir, çünkü beyniniz mantığına alışır. Bu, gitar çaldıktan sonra ukulele oynamayı veya arabada araba kullandıktan sonra bir kamyon sürmeyi öğrenmeye benzer. Birçok farklılık var, ancak temellere sahip olduğunuzda, ilerlemek büyük bir sıçrama değil. WordPress’in gelişimine başlamak için neyin gerekli olduğunu bildikten sonra şimdi okumak ve daha fazla çalışma, bunalmış hissedebilirsiniz, ancak endişelenmeyin, şu anda herkes böyle hissediyor! Cesareti kırılmamasının ne kadar önemli olduğunu vurgulayamıyorum. Tüm kod üreticileri bir yerden başlamalıdır.
Çoğu, başladığında kodlamada çok kötüdür, kavramları anlayarak mücadele eder ve hayal kırıklığına uğrar. Ancak iktidarda olan ve pes etmeyen ve her zaman iyi kod üreticilerini kötü olanlardan ayıran bu tespitin başarılı olduğunu öğrenmeye her zaman teşvik ederler. Yeni başlayanlar için WordPress’in geliştirilmesi: PHP’yi öğrenmek için önümüzdeki hafta tekrar buradan kontrol edin. Ancak bu arada, bundan önce yapmanız gereken budur: HTML ve CSS bilginizi artırın. Yukarıda bahsettiğim gibi, W3Schools HTML ve CSS’yi incelemek için harika bir kaynak. Daha pratik bir yaklaşım istiyorsanız, Codecademy birçok pratik örnek içeren yeni başlayanlar için iyi bir HTML ve CSS kursuna sahiptir.
Bilgisayarınıza yerel bir ortam hazırlayın. Sadece Localhost’ta WordPress ile daha hızlı yüklemekle kalmaz, aynı zamanda daha güvenli ve daha güvenlidir. WordPress’in bilgisayarınızda nasıl yönetileceğinden emin değilseniz, Windows’ta nasıl yönetileceğiniz ve ayrıca Mac’te nasıl ayarlayacağınızla ilgili yayınımıza bakın.
Bu öğreticinin yararlı olduğunu düşünüyor musunuz? Neden WordPress gelişimini öğrenmek istiyorsunuz? Daha fazla bilmek istiyorsun? Bize aşağıdaki yorumlarda anlatın. Etiket:
acemi
gelişim
