{"id":10323,"date":"2017-08-18T09:48:09","date_gmt":"2017-08-18T07:48:09","guid":{"rendered":"https:\/\/ihs.com.tr\/blog\/?p=10323"},"modified":"2019-01-04T09:24:26","modified_gmt":"2019-01-04T07:24:26","slug":"wordpress-kullanicilari-icin-en-iyi-programlama-dilleri","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/wordpress-kullanicilari-icin-en-iyi-programlama-dilleri\/","title":{"rendered":"WordPress Kullan\u0131c\u0131lar\u0131 \u0130\u00e7in En \u0130yi Programlama Dilleri"},"content":{"rendered":"

WordPress’e daha fazla h\u00e2kim olabilmek i\u00e7in \u00f6\u011frenmeniz gereken en iyi programlama dili hangisidir? Bu sorunun cevab\u0131 de\u011fi\u015fkenlik g\u00f6sterir. WordPress’i kullanmak olduk\u00e7a kolayd\u0131r. Fakat WordPress’i harika bir \u015fekilde kullanmak, \u00f6\u011frenmeniz gereken ekstra \u015feyler gerektirir. WordPress \u00fczerinde harika bir deneyim ya\u015famak istiyorsan\u0131z muhtemelen en iyi programlama dillerinden bir tanesini hatta iki tanesini \u00f6\u011frenmek \u00e7ok iyi bir ba\u015flang\u0131\u00e7 olacakt\u0131r. Ancak kullanabilece\u011finiz \u00e7ok fazla dil se\u00e7ene\u011fi mevcut, bu y\u00fczden nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 bulman\u0131z korkutucu g\u00f6z\u00fckebilir. Fakat endi\u015fe etmeyin, biz en \u00f6nemlilerini sizin i\u00e7in inceledik:<\/span><\/p>\n

PHP<\/strong><\/span><\/p>\n

PHP, WordPress’in temel programlama dilidir ve internetin %80’inden fazlas\u0131n\u0131n belkemi\u011fidir. Bu 2 ger\u00e7ek bile PHP \u00f6\u011frenmeniz i\u00e7in ba\u015fl\u0131 ba\u015f\u0131na yeterli olmal\u0131d\u0131r.<\/span><\/p>\n

\u0130lk kullanaca\u011f\u0131n\u0131z programlama dili PHP ise biraz korkutucu g\u00f6z\u00fck\u00fcyor olabilir. \u0130\u015fin asl\u0131 olduk\u00e7a basittir. \u00d6rnek bir ‘single.php’ \u00a0dosyas\u0131na bakabilir ve bunu g\u00f6rebilirsiniz.<\/span><\/p>\n

<?php
\nget_header();
\n$is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() );
\n?><\/div>\n

Kod, sayfay\u0131 olu\u015fturan ki\u015finin header kullan\u0131p kullanmad\u0131\u011f\u0131na bakar ve sonra atayan ki\u015fiyi ve i\u00e7eri\u011fi yakalar. Bu kod, sizin taraf\u0131n\u0131zdan ayr\u0131 ayr\u0131 belirlenmesi gereken y\u00fczlerce hatta binlerce HTML sayfas\u0131 yerine, veritaban\u0131ndan i\u00e7eri\u011fi yakalayan tek bir dosyad\u0131r.<\/span><\/p>\n

PHP olduk\u00e7a i\u015flevseldir ve dinamik web sitelerine izin veren ilk y\u00f6ntemlerden bir tanesidir. PHP kodunu ayr\u0131\u015ft\u0131rmak i\u00e7in ve baz\u0131 durumlardaki belirli eylemleri yapabilmek i\u00e7in bir uzman kullan\u0131l\u0131r. En temel anlam\u0131yla PHP, WordPress’i WordPress yapan \u015feydir.<\/strong><\/span><\/p>\n

Herhangi bir \u00f6zelle\u015ftirmeyi yapabilmeniz i\u00e7in WordPress’in derinlerine inmelisiniz, bunun i\u00e7in de PHP’ye ihtiyac\u0131n\u0131z var. WordPress’e ekleyebilece\u011finiz herhangi bir fonksiyon PHP ile yaz\u0131lm\u0131\u015ft\u0131r.<\/strong> Akl\u0131n\u0131za ne gelirse. Mesela eklentiler mi? Elbette PHP.<\/span><\/p>\n

Dilin son s\u00fcr\u00fcm\u00fcne y\u00f6nelik ele\u015ftiriler en ba\u015fta i\u00e7 karart\u0131c\u0131 olsa da dil son s\u00fcr\u00fcm\u00fc ile birlikte daha verimli ve kullan\u0131c\u0131 dostu olmu\u015ftur. 2014 y\u0131l\u0131na kadar eski bir kodu d\u00fczenlemek ve bir bug’u bulmak samanl\u0131kta i\u011fne aramak gibiydi. Ancak g\u00fcn\u00fcm\u00fczde PHP t\u00fcm bunlar\u0131 \u00e7ocuk oyunca\u011f\u0131 haline getirdi.<\/span><\/p>\n

PHP’ye ne kadar \u00e7ok g\u00fcncelleme gelirse, kullan\u0131m\u0131 o kadar kolay olur ve daha az korkutucu olur. WordPress konusunda uzman olmak istiyorsan\u0131z, PHP’nin en iyi programlama dili oldu\u011funu kabul etmeli ve \u00f6\u011frenmelisiniz.<\/span><\/p>\n

\u00d6rnek PHP Kodu<\/strong><\/span><\/p>\n

WordPress Codex<\/a>‘e ve Developer Resources<\/a>‘e bakarak PHP’nin WordPress \u00fczerinde nerede kullan\u0131ld\u0131\u011f\u0131n\u0131 anlayabilirsiniz. \u00d6rne\u011fin bir post’un i\u00e7eri\u011fini g\u00f6steren kod a\u015fa\u011f\u0131daki gibidir. HTML ile PHP’nin bir kombinasyonu oldu\u011funa dikkat edin:<\/span><\/p>\n

function the_content( $more_link_text = null, $strip_teaser = false) {
\n$content = get_the_content( $more_link_text, $strip_teaser );
\n\/**
\n* Filters the post content.
\n*
\n* @since 0.71
\n*
\n* @param string $content Content of the current post.
\n*\/<\/p>\n

$content = apply_filters( ‘the_content’, $content );
\n$content = str_replace( ‘]]>’, ‘]]&gt;’, $content );
\necho $content;<\/p>\n

}
\n
\nY\u00fcklemelerinizi birden fazla siteye yapmak istiyorsan\u0131z, tek yapman\u0131z gereken wp-config.php dosyan\u0131za eklemek. Bellek s\u0131n\u0131r\u0131n\u0131z\u0131 varsay\u0131landan daha y\u00fcksek bir seviyeye \u00e7\u0131karmak i\u00e7in de a\u015fa\u011f\u0131daki kodu wp-config.php’nin i\u00e7ine koymal\u0131s\u0131n\u0131z:<\/span><\/p>\n

define(\u00a0‘WP_MEMORY_LIMIT’,\u00a0‘512M’\u00a0);<\/p>\n

JavaScript<\/strong><\/span><\/p>\n

JavaScript ilgin\u00e7 bir programlama dilidir. En ba\u015fta kullan\u0131c\u0131 etkile\u015fimi i\u00e7in ve front-end developerlar i\u00e7in yarat\u0131lm\u0131\u015f olan JavaScript, son y\u0131llarda farkl\u0131 bir g\u00f6rev \u00fcstlenmi\u015ftir. \u015eu anda JavaScript tam anlam\u0131yla bir dil olmu\u015ftur. JavaScript, internet \u00fczerindeki en h\u0131zl\u0131 b\u00fcy\u00fcyen programlama dilidir.<\/strong><\/span><\/p>\n

Ember.js, Node.js, React ve AngularJS gibi platformlar ile birlikte, JavaScript ile PHP aras\u0131ndaki fark gittik\u00e7e k\u00fc\u00e7\u00fclecek.<\/span><\/p>\n

WordPress’e komple h\u00e2kim olmak istiyorsan\u0131z, g\u00f6sterdi\u011fi bu b\u00fcy\u00fcmeden dolay\u0131 JavaScript’i tercih edebilirsiniz. WordPress, her ne kadar PHP \u00fczerine kurulu olsa da \u00e7ekirdek kodunun yakla\u015f\u0131k %27’si(\u015fimdilik) JavaScript taraf\u0131ndan yaz\u0131lm\u0131\u015ft\u0131r.<\/strong> Bu oran yap\u0131lacak olan katk\u0131lar ve g\u00fcncellemeler ile birlikte daha da artacakt\u0131r.<\/span><\/p>\n

JavaScript, nesne e\u011filimli bir programlama dilidir. Yani nesneler ger\u00e7ek d\u00fcnyadaki \u015feylere modellenerek programlar\u0131m\u0131zda kullan\u0131l\u0131yor. K\u0131sacas\u0131 JavaScript, sizi kendinizi tekrarlayan kodlar yazmaktan al\u0131koyar, i\u015finizi daha \u00e7abuk yapman\u0131z\u0131 sa\u011flar ve hayat\u0131n\u0131z kolayla\u015ft\u0131r\u0131r.<\/strong><\/span><\/p>\n

\u00d6\u011frenmek isteyebilece\u011finiz en iyi programlama dili JavaScript midir? Olabilir. E\u011fer JavaScript’i \u00f6\u011frenmeye karar verirseniz, WordPress \u00fczerindeki beklentileriniz ve i\u015f g\u00fcvenli\u011finiz artacakt\u0131r. E\u011fer WordPress \u00fczerinde muazzam ba\u015far\u0131lar hedefliyorsan\u0131z, JavaScript \u00f6\u011frenmelisiniz. Ayr\u0131ca bir de PHP biliyorsan\u0131z rekabet ko\u015fullar\u0131n\u0131 da g\u00f6z \u00f6n\u00fcne al\u0131rsak son derece ba\u015far\u0131l\u0131 olabilirsiniz.<\/span><\/p>\n

WordPress i\u00e7in \u00f6rnek JavaScript Kodu<\/strong><\/span><\/p>\n

PHP’nin ve JavaScript’in \u00e7ekirdek g\u00fcncellemeleri \u00fczerinde nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6rmeniz i\u00e7in Make WordPress<\/a> olduk\u00e7a iyi bir kaynakt\u0131r. \u00d6zellikle PHP ve JavaScript aras\u0131nda payla\u015f\u0131lan standartlar bak\u0131m\u0131ndan kodunuzun tam olarak neye benzeyece\u011fini g\u00f6steren harika bir \u00f6rnektir.
\n<\/span>
\nvar i;
\nif ( condition ) {
\ndoSomething( ‘with a string’ );
\n} else if ( otherCondition ) {
\notherThing({
\nkey: value,
\notherKey: otherValue
\n});
\n} else {
\nsomethingElse( true );
\n}
\n\/\/ Unlike jQuery, WordPress prefers a space after the ! negation operator.
\n\/\/ This is also done to conform to our PHP standards.
\nwhile ( ! condition ) {
\niterating++;
\n}
\nfor ( i = 0; i < 100; i++ ) {
\nobject[ array[ i ] ] = someFn( i );
\n$( ‘.container’ ).val( array[ i ] );
\n}<\/p>\n

try {
\n\/\/ Expressions
\n} catch ( e ) {
\n\/\/ Expressions<\/p>\n


\nTeknik olarak HTML bir programlama dili de\u011fildir. HTML bir bi\u00e7imlendirme (markup) dilidir. HTML’nin a\u00e7\u0131l\u0131m\u0131 Hypertext Markup Language’tir.(T\u00fcrk\u00e7esi: Hiper Metin \u0130\u015faretleme Dili). Bir programlama dili de\u011fildir \u00e7\u00fcnk\u00fc programlama dilleri; i\u015flevlere, nesnelere, otomasyona ve etkile\u015fime dayal\u0131d\u0131r. Bi\u00e7imlendirme, kullan\u0131c\u0131lar\u0131n kendi yapt\u0131klar\u0131na bakarak bunlar\u0131 bi\u00e7imlendirmeleri ile ilgilidir. Tablolar olu\u015fturmak, resimler eklemek ve textleri bi\u00e7imlendirmek i\u00e7in kod alabilirsiniz. Ayr\u0131ca HTML, bir zamanlar Geocities ve MySpace sayfalar\u0131n\u0131 \u00e7ok iyi bir g\u00f6r\u00fcn\u00fcme kavu\u015fturmu\u015ftu(!).
\n<\/span>
\nHTML<\/strong><\/span><\/p>\n

HTML tek ba\u015f\u0131na oldu\u011fu zaman statiktir. Fakat HTML5 bir tak\u0131m yeni ve dinamik yap\u0131lar getirdi. WordPress \u00fczerinde HTML ile \u00e7al\u0131\u015fmak istiyorsan\u0131z, HTML’nin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131na dair baz\u0131 bilgiler edinmelisiniz. Her ne kadar WordPress \u00fczerinde i\u00e7eri\u011fin, temalar\u0131n ve stillerin g\u00f6rsel olarak d\u00fczenlenmesine ge\u00e7ilmi\u015f olsa da HTML konusunda bilgili olmak her zaman gerekli olacakt\u0131r.<\/span><\/p>\n

HTML olduk\u00e7a basittir. Ba\u011flant\u0131lar ekleyebilir ve metin g\u00f6r\u00fcnt\u00fcleyebilirsiniz. Paragraflay\u0131 ayr\u0131\u015ft\u0131rabilir, tablolar olu\u015fturabilir ve resimler ekleyebilirsiniz.<\/strong> Asl\u0131nda HTML, internet \u00fczerindeki her sayfan\u0131n iskeletini olu\u015fturuyor. Genel kan\u0131ya g\u00f6re HTML, en iyi programlama dilidir.<\/span><\/p>\n

\u00d6rnek HTML Kodu<\/strong><\/span><\/p>\n

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

\"HTML-code\"<\/a><\/p>\n

CSS<\/strong><\/span><\/p>\n

Bu g\u00fcnlerde sadece HTML becerilerine sahip olmak yeterli de\u011fildir. Ayn\u0131 zamanda CSS konusunda da becerikli olman\u0131z gerekiyor.<\/strong> \u00c7\u00fcnk\u00fc sene art\u0131k 1997 de\u011fil ve bir Geocities sitesi olu\u015fturmuyorsunuz. Yap\u0131lmas\u0131 gereken her \u015feyi yapabilmek i\u00e7in bu iki bi\u00e7imlendirme(markup) dilini de kullanmal\u0131s\u0131n\u0131z.<\/span><\/p>\n

Cascading Style Sheets’in k\u0131saltmas\u0131 olan CSS’in T\u00fcrk\u00e7e kar\u015f\u0131l\u0131\u011f\u0131 Basamakl\u0131 Stil Sayfas\u0131d\u0131r. Tahmin edece\u011finiz \u00fczere CSS, i\u015fleri daha g\u00fczel g\u00f6stermek i\u00e7in kullan\u0131l\u0131r<\/strong> ve HTML sayfalar\u0131n\u0131z\u0131 Geocities gibi g\u00f6r\u00fcnmekten kurtar\u0131r. Tek ba\u015f\u0131na bu \u00f6zelli\u011fiyle bile CSS, en iyi programlama dilleri aras\u0131nda iddial\u0131 bir konuma geliyor.<\/span><\/p>\n

\u00d6\u011feleri canland\u0131rmak ad\u0131na art\u0131k Flash ya da Shockwave kullanmad\u0131\u011f\u0131m\u0131z i\u00e7in CSS kullan\u0131yoruz. \u00c7e\u015fitli \u00f6\u011feleri hareket ettirmek, y\u0131\u011f\u0131nlamak, \u015fekillendirmek ve web sitenizi istedi\u011finiz g\u00f6r\u00fcn\u00fcme b\u00fcr\u00fcnd\u00fcrmek i\u00e7in CSS’i kullanabilirsiniz.<\/strong><\/span><\/p>\n

CSS ile ilgili en \u00f6zel \u015fey, HTML ile ayn\u0131 sat\u0131rda kullan\u0131labiliyor olmas\u0131d\u0131r.<\/strong> A\u015fa\u011f\u0131daki kod olmazsa sayfa etiketin her \u00f6rne\u011fini ayr\u0131 ayr\u0131 i\u015fleyecek ve sayfan\u0131z\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde yava\u015flatacakt\u0131r:<\/span><\/p>\n

style=””<\/p>\n

Stil sayfan\u0131za girin. Orada muhtemelen daha \u00f6nce de g\u00f6rd\u00fc\u011f\u00fcn\u00fcz custom.css isimli k\u00fc\u00e7\u00fck bir \u015fey var. T\u00fcm stilleri tek bir yerden \u00e7a\u011f\u0131r\u0131rken ayr\u0131 dosyalar\u0131 kullanmak, tek bir kez y\u00fckleme yapmak anlam\u0131na gelir. Ard\u0131ndan bir \u00f6\u011fenin bir s\u0131n\u0131fa m\u0131 yoksa bir ID’ye mi ihtiyac\u0131 oldu\u011funa karar verirsiniz. (S\u0131n\u0131f site boyunca bir kez kullan\u0131l\u0131r, ID ise daha spesifik bir dikkat gerektiren \u015feyler i\u00e7in kullan\u0131l\u0131r.)<\/span><\/p>\n

Bunu JavaScript’te ya da PHP’nin i\u015flevlerinde de\u011findi\u011fimiz nesneler gibi d\u00fc\u015f\u00fcn\u00fcn. Kodu \u00e7o\u011faltmak istemiyorsunuz ve sunucunuzun isteklerini minimum seviyede tutmak istiyorsunuz. Stil sayfalar\u0131, sunucuyu bir kez \u00e7a\u011f\u0131rman\u0131z\u0131 ve birka\u00e7 kez i\u015flem yapman\u0131z\u0131 sa\u011flar.<\/span><\/p>\n

\u00d6rnek CSS Kodu<\/strong><\/span><\/p>\n

A\u015fa\u011f\u0131da bir geli\u015ftiricinin \u00fczerinde \u00e7al\u0131\u015ft\u0131\u011f\u0131, her yeni sitesine kopyalay\u0131p yap\u0131\u015ft\u0131rd\u0131\u011f\u0131 bir iskelet custom.css dosyas\u0131 var. Tabii ki her seferinde \u00fczerinde tekrar \u00e7al\u0131\u015f\u0131p \u00e7e\u015fitli d\u00fczenlemeler yap\u0131yor. Temel bir \u015fablona sahip olmak, sizi her site i\u00e7in \u00f6\u011feleri tekrar \u015fekillendirmekten kurtar\u0131r ve b\u00fcy\u00fck zaman tasarrufu sa\u011flar.<\/strong><\/span><\/p>\n


\nbody {
\nfont-family: “Roboto”, arial, sans-serif;
\nfont-size: 18px;
\nline-height: 28px;
\ncolor: #ffffff;
\n}
\nh1, h2, h3, h4, h5, h6 {
\ncolor: #fff;
\nfont-family: ‘Exo’, sans-serif;
\nfont-weight: 700;
\n}
\nh1 {
\nfont-size: 2.75rem;
\nmargin: 40px 0px;
\nfont-weight: 400;
\n}
\nh2 {
\nfont-size: 32px;
\nline-height: 35px;
\n}
\nh3 {
\nfont-size: 24px;
\nline-height: 32px;
\n}
\nh4 {
\nfont-size: 24px;
\nline-height: 28px;
\n}
\nh5 {
\nfont-size: 10px;
\nfont-weight: normal;
\nline-height: 16px;
\n}
\nh6 {
\n}
\n.widgettitle {
\ntext-align: center;
\n}<\/p>\n

HTML’de oldu\u011fu gibi CSS’te de bilgi sahibi olmadan kullanmak m\u00fcmk\u00fcn de\u011fildir. Ve ikisinden bir tanesini kullanmaya ba\u015flad\u0131\u011f\u0131n\u0131zda bir \u015fekilde di\u011feri de olaya dahil olur.<\/span><\/p>\n

\u00d6\u011frenmeniz i\u00e7in en iyi programlama dili hangisidir?<\/strong><\/span><\/p>\n

Art\u0131k ne \u00f6\u011frenmeniz gerekti\u011fini biliyorsunuz. Fakat nereden ba\u015flayaca\u011f\u0131n\u0131z\u0131 bilmiyorsunuz. Bir programlama dilini \u00f6\u011frenmek i\u00e7in bol bol kaynak vard\u0131r. Fakat a\u015fa\u011f\u0131daki 3 kayna\u011fa \u00f6zellikle dikkat edin:<\/span><\/p>\n