WordPress’i anlamak için bilmeniz gereken dört dil
WordPress’in gelişimini incelemek, bu soru da dahil olmak üzere birçok önemli soru ile başlar: “WordPress yazmak için hangi dili kullanıyor?” Başka bir yaygın olanı “önce php veya javascript öğrenmeli miyim?” WordPress programlama dili büyük bir konudur, ancak başlamak için ihtiyacınız olan her şeyi tartışacağız. “WordPress hangi kodlama dili kullanıyor?” “dört ana!” WordPress, HTML ve CSS olmak üzere iki bildirim diline bağlıdır; Ve iki programlama dilinde, JavaScript ve (esas olarak) PHP. Burada, her WordPress teknik dilini tanıtıyoruz.
Bu makaleyi çalıştıran örnek bölümün tadını çıkarın, Multimedya WordPress “Geliştirme” kılavuzumuzdan, çalıştırma ve çalıştırma malzemesini girmek için revize edildi ve genişletildi. Çalışan tüm bölümler gibi, bu bir video özeti, anahtar paket, Limerick özeti ve anlayışınızı test etmek için sınav içerir. Makalenin tadını çıkarın! Ve WordPress’in gelişimini gerçekten keşfetmek istiyorsanız, çalışmayı ziyaret edin.
WordPress geliştirmeyi öğrenmek konusunda ciddi mi? Uyan ve bugün koş
Dedikleri şey bu:
“Bence WordPress’in gelişimini öğrenmek isteyen herkes bu kursu gerektiriyor. Videoyu izlemek açılan bir grup ışık gibi. ” -Jason, bir WordPress geliştiricisi “Denediğim başka bir kurs neredeyse her zaman WordPress’in neden bir şey yaptığını veya her şeyin birlikte nasıl çalıştığını açık bir şekilde açıklamamak. Tüm bunları çalıştırıyor ve her şey net ve anlaşılması kolay bir dilde açıklanıyor. ” -Caroline, WordPress -Out ve şimdi çalışan işçiler
WordPress programlama dilini ve hangisini hangi sırayla öğrenmeliyiz.
https://youtu.be/js7gpg07yzo
Ana paketler:
WordPress’te dört ana dille çalışacaksınız: HTML, CSS, PHP ve JavaScript.
HTML (Köprü Metni İşaretleme Dili) Web’in temel dilidir. Bu, programlama dilinin bildirici bir dilidir ve aynı zamanda en önemli web işaretleme dilidir – temel olarak, çeşitli metin bitlerinin belirli doğasını açıklamak için “İşaretleme” olan metin dosyaları girilir.
CSS (basamaklı stil sayfaları) başka bir bildirim dildir: bu esnek, güçlüdür ve ekranın görünümünü – HTML damgası – düzenlemek için tekrarlanabilir.
PHP (PHP: HyperText Önişlemcisi) WordPress’i gerçekten anlamak için en önemli dildir. PHP, bir web sunucusunda çalışan bir programlama dilidir, web sitelerini gönderen bir makine. PHP, her türlü dinamik işlem ve HTML çıktısını sonunda müşterinin tarayıcısına gönderilebilir. PHP bir WordPress Çekirdek Dili: Çekirdek WordPress’in kendisi ve neredeyse tüm WordPress temaları ve eklentileri, çoğunlukla PHP ve tüm teknik dillerde yazılmış, “WordPress PHP’de yazılmıştır.” Tarayıcınızda çalışıyor olabilir, web sayfalarını daha dinamik ve etkileşimli hale getirmeye yardımcı olur. Bu çok güçlü, ama aynı zamanda WordPress’te başlamak için anlamanız gerekmeyen sadece dört dil.
WordPress: Dil ve Kavramlar hakkında program yapabilmek için iki tür şey bilmelisiniz.
Bu bölüm ilk konu ile çalışır: WordPress programlamasında kullanılan dil. Bunlar HTML, CSS, PHP ve (isteğe bağlı) JavaScript’tir. Bu diller hakkında temel bilginiz varsa, metni ve örnekleri anlamak için yeterince iyi yapmanız gerekirse, bunu iyi yapmalısınız. Aşağıda okuduğunuz şey sizi karıştırırsa, söz konusu WordPress Geliştirme Departmanı ile devam etmeden önce dilin temellerini öğrenmelisiniz. (Örneğin, CSS’siz eklentiler yazabilirsiniz, ancak temalar değil.) Bu dilden bir veya daha fazlasını öğrenmeniz gerekiyorsa, iyi haber: Saat başına bir şey öğreneceksiniz, en çok Öğrenmenizi sağlayabilecek faydalı ve değerli şey!
HTML: Web’den ne yapılmış?
HTML, web’in evrensel bir parçasıdır: internette içerik bulunan her sayfa html.html’nin çeşitli sürümleri ile işaretlenir, aslında “programlama” dili değildir, bu “işaretleme” dilidir. Bu, h yper t ext m arkup L. html dosyasının dilini temsil eder. Temel olarak büyük bir metin belgesidir, ancak çeşitli metin bitlerinin belirli anlamlarını açıklamak için “İşaretleme” girer. İşte biraz HTML hakkında. Arama sonuçlarındaki sayfa başlığı Sayfanın başı
lorem iPsum Dolor Sit amet …
Bu tam bir HTML sayfası, ama çok küçük.
Gördüğünüz gibi, HTML’de, çoğu öğe iki farklı etiket arasında bulunur (şeylerden daha az ve daha büyük bir işaret).
etiketi bir örnektir:
ve
‘deki herhangi bir şey paragrafın bir parçasıdır, bu da p. Bu örnekte gibi diğer bazı unsurlar kendilerini kapatır. Resim etiketi,
, başka bir örnektir. Bu sadece
etiketi ile yaptığı gibi açma ve kapanış arasında “” açma ve kapanış olmadığı anlamına gelir, çünkü görüntüler gibi şeyler içinde metin içeriği almaz.
(paragraf) öğesine bir Lorem sınıfı verilir. Bu sınıfı her türlü şeyi yapmak için kullanabiliriz – belki de en önemli şey, sınıfla tüm öğeleri tam olarak nasıl göründüğünü anlatmak için bir CSS kuralını kullanabilmemizdir.
C ascading s tyle s icatları anlamına gelen CSS, neredeyse tüm modern web sayfalarının düzenlenmesinin yoludur, yani “belirli bir görünüm verildiğinde”. CSS’de, daha önce bahsettiğimiz Lorem sınıfı gibi
s veya HTML öznitelikleri gibi HTML öğeleri düzenleyeceksiniz. Her iki durumda da sözdizimi oldukça düzgün ve şöyle görünüyor:
.Lorem {renk: #325050; Arka plan: #fff; Yazı tipi ailesi: ‘Libre Baskerville’, sans-serif; yazı tipi boyutu: .85Rem; } Önce hangi HTML öğelerinin veya öğelerinin yapılandırma kurallarının bir koleksiyonundan etkilendiğini belirleriz: bu durumda, kurallarımız yalnızca Lorem sınıfı verilen öğeleri etkiler. (CSS’de, sınıf bir nokta ile başlar.) Ve sonra kıvırcık parantezlerde aşağıdaki gibi bir dizi kuvvet özelliği beyan ediyoruz: mülk, ardından bir nokta, mülkün özellikleri ve bir noktalı virgül. Bir noktalı virgül sonrası yeni çizgi yaygın ama gereksizdir. CSS’nin en zor kısmı, sayfanızda istediğiniz görünümü vermek için hangi özelliğin kullanıldığını bulmaktır. Tüm kitap konu hakkında yazıldı, bu yüzden devam ediyoruz.
PHP: WordPress Machine
PHP, web sunucunuzda WordPress’i çalıştıran şeydir. WordPress siteniz için başka ne doğru olursa olsun, sayfalarınızı oluşturmak ve birleştirmek için sunucuda PHP kullanır. Bu nedenle, bu WordPress.php gerçekten anlamak için en önemli dildir. HTML sayfalarını daha kolay inşa etmek amacıyla inşa edilmiştir. Varsayılan olarak, bu işlemlerin sonuçlarını HTML sayfasına görüntüler ve daha sonra sunucuyu site ziyaretçilerinize görüntülenir. WordPress temaları için temel mantık ve PHP yapısı en önemlisidir. Aşağıdaki alıntı, daha sonra açıklayacağız.
$ değişken) {echo ‘yay. Matematik ‘. $ Matematik’ verdi! ‘; // Kullanıcının ekranı şöyle gösterilecek: “Yay. Matematik 5 verildi!” Echo ‘değişkeni’. $ değişken. ‘.’; // Kullanıcının ekranı şöyle gösterilecek: “Değişken 4 idi.” }?>
Ben bir HTML paragrafıyım. HI! ?>
Ben yanlış bir IF uyarısının içindeyim.
Bu örnekten bilinmesi gereken bazı önemli şeyler var:
Birincisi, PHP etiketinde () Ne olursa olsun sadece sıradan bir HTML’dir. Sunucu PHP dosyalarını işlediğinde, bunu yalnızca normal HTML sayfası gibi ziyaretçilere görüntüler.
PHP’deki değişkenler: $ değişken gibi bir dolar işareti ile başlar. Cebirlerde olduğu gibi onlarla matematik yapıyorsunuz. Önce $ değişken 4 ayarladık, sonra 5 yapmak için 1 ekledik ve $ Math olarak kaydediyoruz. Bir PHP bloğunda, son HTML sayfasına “bir şey yazdırmak” için yankı komutunu kullanıyorsunuz. Echo’nun başlangıcından iki satır, sıradan metin dizelerini (” karakterde) PHP değişkenleriyle birleştirin (birleştirin). Bu birleşme kullanılarak yapılır. Operatörler, aşağıdaki gibi: .
PHP mantığı içindeki herhangi bir HTML’yi kontrol eder. Bu nedenle, ilk PHP koşullu ifadesindeki HTML, eğer (doğru), sayfada görünecektir (doğru olduğu için), ancak ikinci deyimdeki HTML, eğer (false), olmaz (false yanlış olduğu için).
PHP hakkında anlamanız gereken daha birçok şey var, ancak bu size başlangıcı sunuyor.
JavaScript: Web Tarayıcı programlama
JavaScript, bir ziyaretçi web tarayıcısını açtıktan sonra HTML sayfa davranışını programlamayı etkinleştirmek için oluşturuldu. Örneğin, bir şeyi tıklar ve kaybolursanız, rengi farklı çevirir veya daha büyük bir şeye süzülürse, büyük olasılıkla JavaScript çalışır.
WordPress teması mükemmel bir şekilde çalışabilir ve herhangi bir JavaScript kullanmadan çok iyi çalışabilir. Ancak çoğu web gibi, WordPress temasında ve WordPress’in çekirdeğinde daha fazla JavaScript görüyorsunuz. Bunun nedeni, JavaScript’in sayfanın gerçekten işlev gördüğü ve ziyaretçilerle yanıt verdiği daha hızlı etkileşimlere ve duygulara izin vermesidir. Sadece WordPress’i öğreniyorsanız, özellikle diğer üç dile alışmak istiyorsunuz, HTML ve CSS çoğunlukla zorunlu yapı taşlarıdır ve PHP birçok entelektüel çekici çalışmanın gerçekleştiği bir yerdir. Bu kitap JavaScript hakkında fazla konuşmayacak ve diğer üç dili yeterince güçlü bir şekilde anlayarak başlamanızı tavsiye ediyoruz. Ancak, öğrenmeniz için burada WPSOut’ta kullandığımız JavaScript snippet’lerini ekleyeceğiz. Çok yaygın bir jQuery kütüphanesi kullanır ve JavaScript için çok yararlıdır ve amaç, alt tarafımızın alt tarafımızı “çökertemeyeceği” için sol tarafımız için minimum yüksekliği ayarlamaktır. (İşlev ($) {// 1. değişkenleri tanımla var navmenu = ‘. Primary-navigation’; var pan ‘), 10) * 2; // 2. min-yükseklik işlevi vermek için işlevi tanımlayın setPagemin () {var yüksekliği vermek için işlevi tanımlayın = $ (navmenu) .Height (); $ (PageContent) .css (‘min-yükseklik’, yükseklik + boşluk);} $ (pencere) .load (function () {// 3. İlk pencere yükünde işlevi çalıştırın setipAgemin (); // 4. Pencere yeniden boyutlandırdığında her 120 ms işlevi çalıştırın (pencere). (JQuery);
Bu kod ve neden ihtiyacımız olan (ve neden CSS’nin başarısız olduğu) hakkında daha fazla bilgi edinmek için, makalenin tamamını ziyaret edin: JQuery ile CSS’deki yama deliği: Pratik Örnek WordPress (ilk) geliştirme için JavaScript veya PHP’yi öğrenmeli miyim? Johannes Gutenberg, JavaScript’i öğrenmeden önce WordPress için PHP’yi öğrenmenizi istiyor; P
Son zamanlarda çok yaygın bir soru, özellikle şimdi yeni JavaScript tabanlı WordPress editörü (gelişimi sırasında Gutenberg adlı) burada hangi dilin öğrenilmesi gerektiği için. HTML ve CSS için temel almadıysanız, önce bunu yapın. Hem WordPress PHP hem de WordPress JavaScript, temel bildirici diline bağlıdır. CSS ve HTML’nin nasıl çalıştığını anladıktan sonra (ben de dahil olmak üzere çoğu insan için bugün pratik olarak entegre bir dildir), PHP’nin bir sonraki adım olduğunu düşünüyoruz. Bunun nedeni, JavaScript olmadan kesinlikle bir WordPress teması veya eklentisi yapabileceğinizdir, ancak bunu asla PHP olmadan yapmayacaksınız. Dahası, PHP’yi düzeltirseniz, ancak JavaScript’te yetenekli iseniz WordPress’te yapmanız gereken şeylerin çoğu çok daha karmaşıktır. JavaScript programlama dilinin büyük gücü, müşterinin yan etkileşimi açısından zengindir. Ancak WordPress sunucusu hala sadece PHP’den bahsediyor, bu nedenle sunucuda yapmaya çalıştığınız her şey sunucu değişiklikleri için birkaç PHP kodu kullanacaktır. PHP’ye neden etkinleştirin ve çalıştırılır?
Bir sonraki bölümün yukarı ve çalıştırmanın yalnızca WordPress PHP (veya API) seviyesinden bahsettiğini göreceksiniz. Bu, bugün hala ayakta olduğumuz kasıtlı ve düşünülmüş bir seçim. Basitçe söylemek gerekirse, müşteriler için yapmanız gereken etkili şeylerin çoğu – yeni bir tema sayfası şablonu yapın, farklı ve daha iyi içerik görüntülerini alın, sunucu performansını iyileştirin veya tema tasarımını değiştirin – mümkün olmak. Tüm WordPress PHP API’sini incelediğinizde. Gutenberg ile geliştirilen WordPress JavaScript API’sı hala oldukça küçük, zayıf ve iyi belgelenmemiş. Bu yüzden harika şeyler olmasına rağmen-özellikle WordPress blok düzenleyicisinin kendisi-JavaScript olmadan yapmak imkansızdır, PHP yeni geliştiricilerin başlarını ve ellerini sarması için çok daha kararlı ve daha güçlüdür. Kendi birkaç WordPress teması veya eklentisi yaptıktan ve yapmak istediğiniz ancak PHP ile yapılamayacağınız şeyleri bulduktan sonra, JavaScript’i öğrenmek için doğru zamanı bulduğunuzu göreceksiniz. Ve PHP’ye odaklanan önceki öğrenmenin bir sonucu olarak daha hızlı çalışacaksınız. Şimdi WordPress tarafından kullanılan dilin net olduğunu biliyorsunuz, bu dört dilin nasıl çalıştığı ve nasıl etkili bir şekilde kullanılacağının yüzeyini çizdik. Ama umarız şimdi WordPress’in hangi dil yazdığına dair yeterince net olursunuz, böylece daha derine dalmaya hazır hissedersiniz. Bu dört dili ve kullanımını bilmek iyi bir başlangıçtır.
WordPress Limerick’in bir özeti PHP’de programlanmıştır, bu da faktörler kolayca hiper metin yapan. Ardından, CSS stili ve JavaScript dosyasıyla, bu hemen tarayıcıda görüntülenir. Zaman sınavı!
Web sayfalarının ana dili
Komple programlama dili Web sayfaları metninin içeriğini işaretlemenin bir yolu
CSS: HTML nasıl düzenlenir
Web tarayıcısında karmaşık ve dinamik bir program nasıl oluşturulur Bir web sunucusu nasıl programlanır
PHP:
İşaretleme dili
Web sunucularını programlamak için dil
Web tarayıcılarını programlamak için dil
JavaScript:
Bir Programlama Dili
Bir web tarayıcısı nasıl programlanır
WordPress Ana Dil
WordPress Core yazılımı esas olarak şu şekilde yazılmıştır:
HTML
Javascript
PHP
Yetkili ücretsiz bir WordPress geliştiricisi olmak çok mümkündür ve hakkında pek bir şey anlamamaktadır:
HTML
Javascript
PHP
Cevaplar ve Açıklamalar
B. HTML, web sayfalarının yapısını ve içeriğini bildirmenize olanak tanır, ancak mantık işlemleri yoktur.
A. Basamaklı stil sayfaları HTML ekranını değiştirmenizi sağlar.
B. PHP, çoğu web sunucusunda çalışan bir dildir.
C. WordPress’in içinde daha fazla JavaScript varken, PHP yazılımın “ana” dilidir.
C. WordPress’in en programlanmış ve programlanmış kısmı PHP’dir.
B. JavaScript çok kullanışlıdır, ancak WordPress’teki birçok şeyi fark etmeden çözebilirsiniz.
Kredi Görüntüsü: Alex Brown, Thomas Caspers, Tiagonicastro, Tacker, Dmitry Baranovskiy
