WordPress Kullanıcıları İçin Öğrenilecek En İyi Programlama Dili

WordPress'te daha iyi olmak istiyorsanız öğrenilecek en iyi programlama dili nedir? Bu bağlıdır. WordPress'te iyi olmak kolaydır. WordPress ile harika olmak, biraz ekstra bir şey gerektirir. Bir veya iki programlama dili öğrenmek, muhtemelen onunla harika olmaya başlamak için en iyi yerdir. Ancak web geliştirmede kullanılan o kadar çok farklı dil var ki, nereden başlayacağınızı bulmak korkutucu olabilir.

Merak etme dostum. Yakaladım.

PHP

iPhone'umun düşündüğünün aksine, Yelp'te lezzetli Vietnam yemekleri aramadığımda PHP bir yazım hatası değil. WordPress'in temel programlama dili ve internetin %80'inden fazlasının omurgasıdır. Bu iki gerçek, birlikte PHP öğrenmek istemeniz için yeterli olmalıdır.

PHP ilk programlama dilinizse, bakmak korkutucu olabilir, ancak oldukça basit olabilir. Divi'nin durumunda, single.php'ye (tek bir sayfa çalıştıran dosya) bakabilir ve şunu görebilirsiniz:

<?php
 
get_header();
 
$is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() );
 
?>

Kod başlığı alır, sayfa oluşturucunun kullanılıp kullanılmadığına bakar, ardından içeriği atanan kimliğine göre alır. Bu, sizin tarafınızdan ayrı ayrı belirtilmesi gereken düzinelerce (veya yüzlerce veya binlerce) HTML sayfasına sahip olmak yerine, hızla dışarı çıkan ve veritabanındaki içeriği alan tek bir dosyadır.

Bu çok dinamik bir işlevselliktir ve PHP, dinamik web sitelerine izin veren ilk yollardan biriydi. PHP kodunu (genellikle HTML ile birleştirilir) ayrıştırmak ve belirli koşullara göre belirli eylemleri gerçekleştirmek için bir yorumlayıcı kullanır. Temel olarak, WordPress'in WordPress olmasına izin veren dildir.

Herhangi bir önemli değişiklik yapmak ve WordPress'te daha derine inmek istiyorsanız, PHP'ye ihtiyacınız olacak. Eklemek istediğiniz herhangi bir işlev PHP ile yazılmıştır. Eklentiler? Tahmin ettiniz: PHP ile yazılmış.

Düşmanca olmamasına rağmen, dilin son sürümleri onu çok daha verimli ve kullanıcı dostu hale getirdi. 2014'te, hataları takip etmek ve eski kodu düzeltmek, bir kase spagettiden tek bir erişteyi tek bir parça halinde çıkarmaya çalışmak gibiydi. Bununla birlikte, 2017'de PHP'de hata ayıklamak, daha çok gevşek örülmüş bir süveteri çözmek gibidir; istediğinizi bulursunuz ve bitene kadar çekmeniz yeterlidir.

Ve WP çekirdeğinde daha fazla güncelleme yapıldıkça, etkileşim kurduğunuz PHP daha kolay ve daha az korkutucu hale gelecektir. WordPress ile çalışmakta harika olmak istiyorsanız, PHP'nin öğrenilecek en iyi programlama dili olduğunu söylemek güvenlidir.

Örnek PHP Kodu

WordPress Kodeksi ve Geliştirici Kaynakları, PHP'nin WP'de nasıl kullanıldığına bakarken başlamak için harika yerlerdir. Örneğin, gönderi içeriğini görüntüleyen kod budur. HTML etiketlerinin ve PHP komut dosyalarının nasıl bir kombinasyonu olduğuna dikkat edin:

function the_content( $more_link_text = null, $strip_teaser = false) {
    $content = get_the_content( $more_link_text, $strip_teaser );
 
    /**
     * Filters the post content.
     *
     * @since 0.71
     *
     * @param string $content Content of the current post.
     */
    $content = apply_filters( 'the_content', $content );
    $content = str_replace( ']]>', ']]>', $content );
    echo $content;
}

Kurulumunuzu bir multisite olarak ayarlamak istiyorsanız, wp-config.php dosyanıza eklemeniz yeterlidir .

Bellek sınırlarını varsayılandan artırmak için (ki bu nadiren yeterince yüksektir),

define( 'WP_MEMORY_LIMIT', '512M' );

wpconfig.php dosyanızın içine.

JavaScript

JavaScript ilginç bir programlama dilidir. Başlangıçta kullanıcı etkileşimi ve ön uç geliştirme için oluşturulan JavaScript, son birkaç yılda yeni popülerlik haline geldi. Artık tam yığın bir dil (yani ön uç tarayıcılar ve arka uç veritabanları ve sunucularla çalışır), JavaScript, interweb'de en hızlı büyüyen programlama dilidir.

Ember.js, Node.js, React ve AngularJS gibi platformlarla, internetin ne kadarının PHP ve JavaScript üzerine kurulu olduğu arasındaki fark daha da azalacak.

Bu yaygınlık, gelecekte WordPress'e ayak uydurmanın bir yolunu arıyorsanız, JavaScript'in gitmeniz gerektiği anlamına gelir. WP, PHP üzerine kurulmuş olsa da, çekirdek kodun yaklaşık %27'si artık JS'de yazılmıştır. Ve bu sayı yalnızca daha fazla güncelleme ve katkı yapıldıkça artacaktır.

JS, nesne yönelimli bir programlama dilidir; bu, “programlarımızda temsil etmek istediğimiz gerçek dünya şeylerini modellemek için nesneler” kurduğunuz ve/veya aksi takdirde yapılması zor veya imkansız olan işlevselliğe erişmek için basit bir yol sağladığınız anlamına gelir. kullanımı." Çok basitleştirilmiş bir özet olarak, çok sayıda tekrar eden kod yazmanızı, işi daha hızlı bitirmenizi ve hayatınızı kolaylaştırır.

Öğrenmek için en iyi programlama dili mi? Belki. JavaScipt'i seçerseniz, WordPress alanındaki iş güvenliğiniz ve talebiniz giderek daha iyi hale gelecektir ve topluluğumuzun ötesine geçmeye karar verirseniz, uzmanlığınız nedeniyle kesin bir rekabet avantajınız olacaktır (özellikle de PHP'de çalışın).

WordPress için Örnek JavaScript Kodu

Yazılımın temel güncellemelerinde PHP veya JavaScript'in nasıl kullanıldığını görmek istiyorsanız WordPress'i harika bir kaynak yapın. Özellikle PHP ve JS arasında paylaşılan standartlar açısından kodunuzun nasıl görünmesi gerektiğine dair harika örnekleri var.

var i;
 
if ( condition ) {
    doSomething( 'with a string' );
} else if ( otherCondition ) {
    otherThing({
        key: value,
        otherKey: otherValue
    });
} else {
    somethingElse( true );
}
 
// Unlike jQuery, WordPress prefers a space after the ! negation operator.
// This is also done to conform to our PHP standards.
while ( ! condition ) {
    iterating++;
}
 
for ( i = 0; i < 100; i++ ) {
    object[ array[ i ] ] = someFn( i );
    $( '.container' ).val( array[ i ] );
}
 
try {
    // Expressions
} catch ( e ) {
    // Expressions
}

HTML

Teknik olarak konuşursak, HTML bir programlama dili değildir. Bu bir biçimlendirme dilidir (sonuçta, köprü metni biçimlendirme dilinin kısaltmasıdır). Aradaki fark, programlama dillerinin işlevlere, nesnelere, otomasyona ve etkileşime dayalı olmasıdır. İşaretleme, kullanıcıların gördüklerini işaretlemekle ilgilidir (bunu ne yaptığımı gördünüz mü?). Tablo oluşturmak, resim eklemek ve metni biçimlendirmek için kod alırsınız. Eskiden Geocities ve MySpace sayfalarının harika(?) görünmesini sağlayan şey HTML'dir.

HTML kendi başına statiktir (ancak HTML5 bir dizi yeni, dinamik yapı sunmuştur). WordPress ile çalışacaksanız, HTML, çalışma bilgisine ihtiyaç duyacağınız tek dildir. WordPress, içeriğin, temaların ve stillerin daha görsel olarak düzenlenmesine geçse de, HTML'de yetkin olmak asla tamamen ortadan kalkmayacak.

HTML olsa da oldukça basit. Bağlantılar ekler ve metni görüntülersiniz. Paragrafları ayırır, tablolar yapar ve resimler eklersiniz. İnternetteki her sayfanın iskeleti aslında. O kadar temeldir ki, bunu bilmemek (en azından tehlikeli olacak kadar) kesinlikle işinize mal olacaktır. HTML, öğrenilecek en iyi programlama dili olarak kesinlikle yayında.

HTML Kodu Örneği

<html>
  <head>
    <title>BJ's Awesome HTML Page</title>
  </head>
  <body>
    <h2>This is my awesome website</h2>
      <p>I wrote this in HTML. How about them apples?</p>
      <p><strong>I even made this paragraph bold. You like that, right?</strong></p>
      <p><a href="/linked-page">This is a link to a different page on the same website!</a></p>
  </body>
</html>

CSS

Bugünlerde sadece HTML becerilerine sahip olamazsınız. CSS konusunda da yetkin olmalısınız. Bu 1997 değil ve bir Geocities sitesine yapmıyor olduğundan, bitmiş bir şey almak için her iki işaretleme dillerinin kullanmalıdır.

CSS ve HTML'yi Leslie Knope ve Ann Perkins gibi düşünün: Denediyseniz ayıramayacağınız BFF'ler. CSS stil odaklanmak sac-stil basamaklı simgeler. Evet, tahmin ettiniz, CSS, işleri güzelleştirmek, HTML sayfalarınızı Geocities gibi görünmekten başka bir şeye benzemek için kullandığınız şeydir. Bu tek başına onu öğrenilecek en iyi programlama dili için bir yarışmacı yapar.

Artık Flash veya Shockwave kullanmadığımız için öğeleri canlandırmak için kullandığınız CSS'dir. Onları Hatırla? Hatıralar. Öğeleri hareket ettirmek, istiflemek, şekillendirmek için CSS kullanıyoruz (evet, CSS'yi her türlü tuhaf şekli yapmak için kullanabilirsiniz) ve web sitenizin istediğiniz çemberlerden atlamasını sağlıyoruz.

CSS ile ilgili özel olan şey, HTML ile aynı hizada kullanılabilirken (sadece

style=""

bir öğeye etiket), olmamalıdır. Sayfa, etiketin her örneğini ayrı ayrı oluşturacak ve bu da sayfanızı önemli ölçüde yavaşlatacaktır.

Stil sayfasını girin. custom.css adlı küçük bir şeye aşina olabilirsiniz. Tüm stilleri tek bir konumdan çağırmak için ayrı bir dosya kullanmak, yalnızca bir kez yüklenmesi anlamına gelir. Bir öğenin bir sınıfa mı yoksa bir kimliğe mi ihtiyacı olduğuna siz karar verirsiniz (bir sınıf, stie boyunca birden çok kez kullanılacaktır, bir kimlik ise daha özel dikkat gerektiren bir şey içindir).

JavaScript ile yukarıda bahsettiğimiz nesneler veya PHP'deki işlevler gibi düşünün. Kodu çoğaltmak istemiyorsunuz ve sunucu isteklerinizi minimumda tutmak istiyorsunuz. Stil sayfaları, sunucuyu bir kez aramanıza ve birden çok kez uygulamanıza izin verir.

CSS Örnek Kodu

Çalıştığım her yeni siteye kişisel olarak kopyaladığım/yapıştırdığım bir iskelet custom.css dosyası tutuyorum. Tabii ki, her seferinde bolca düzenlerim, ancak temel bir şablona sahip olmak, her site için aynı öğeleri şekillendirirken çok zaman kazandırır. Bu daha başlangıç, bu yüzden neden bahsettiğimi anlayabilirsiniz.

 
body {
    font-family: "Roboto", arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
}
 
h1, h2, h3, h4, h5, h6 {
    color:  #fff;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
}
 
h1 {
    font-size: 2.75rem;
    margin: 40px 0px;
    font-weight: 400;
}
 
h2 {
    font-size: 32px;
    line-height: 35px;
}
 
h3 {
    font-size: 24px;
    line-height: 32px;
}
 
h4 {
    font-size: 24px;
    line-height: 28px;
}
 
h5 {
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
}
 
h6 {
}
 
.widgettitle {
    text-align: center;
}

HTML gibi, CSS'yi bilmenin bir yolu yoktur. Ayrıyken, tatlı patates ve jalapeno gibi bir araya geliyorlar (bana inanmıyorsanız deneyin).

Peki öğrenilecek en iyi programlama dili hangisi?

Şimdi ne öğreneceğini biliyorsun, ama nereden başlamalısın? Bir programlama dili öğrenmeniz için kaynak sıkıntısı yok, ancak aşağıdaki üçüne gerçekten kısmi katılıyorum. Serbest çalışmaya başlamaya karar verdiğimde bu üç siteyi birincil araçlarım olarak kullandım.

• Codecademy – Tonlarca programlama dili için ücretsiz, uygulamalı kurslar. Tarayıcı içi düzenleyicileri, adım adım bilmeniz gereken her şeyde size yol gösterir.
• CodeSchool – Codecademy gibi ücretsiz, uygulamalı kurslar, seçtiğiniz dilde size rehberlik eder. Derslerini ilgi çekici kılmak için zombiler gibi şeyler etrafında şekillendirmeye eğilimlidirler.
• Team Treehouse – Diğer ikisi gibi özgür olmayan Team Treehouse, diğerlerinden daha çok çevrimiçi bir okul gibidir. Seçtiğiniz programlama dilinin belirli bir konusu hakkında bir sınıfta konuşuyormuşsunuz gibi hissettiren parçalar kullanırlar.
• Zarif Temalar Blogu – Biz bir programlama blogu değiliz, ancak burada bağladığım gibi programlamayı öğrenmek için kullanabileceğiniz en iyi kaynaklara bakan tonlarca makale var. Sublime Text ve Notepad++ gibi farklı metin editörlerini tartışanlara şahsen bayılıyorum. Sadece yeni metin editörlerini denemeyi seviyorum.

Bu diller tek seçeneğiniz değil, WordPress'in üzerine kurulduğu temellerdir. Öyleyse, öğrenilecek en iyi programlama dilini arıyorsanız, kendinize bir iyilik yapın ve onu bunlardan biri yapın, mmmkay?

Fernandodiass / Shutterstock.com'dan makale küçük resmi