{"id":11461,"date":"2018-04-11T12:52:26","date_gmt":"2018-04-11T10:52:26","guid":{"rendered":"https:\/\/ihs.com.tr\/blog\/?p=11461"},"modified":"2019-01-04T09:23:26","modified_gmt":"2019-01-04T07:23:26","slug":"wordpress-kodlama-standartlari-kilavuzu","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/wordpress-kodlama-standartlari-kilavuzu\/","title":{"rendered":"WordPress Kodlama Standartlar\u0131 K\u0131lavuzu"},"content":{"rendered":"

WordPress<\/a>‘in en g\u00fczel yan\u0131 a\u00e7\u0131k kaynak(open-source) bir platform olmas\u0131d\u0131r. Bu sayede WordPress’e katk\u0131da bulunabilir ve WordPress’i daha da m\u00fckemmel yapabilirsiniz. Evet yanl\u0131\u015f duymad\u0131n\u0131z. Siz de yapabilirsiniz.<\/span><\/p>\n

A\u00e7\u0131k kaynakl\u0131 yaz\u0131l\u0131mlar\u0131n tabii ki bir business taraf\u0131 var, fakat bunun yan\u0131ndaki as\u0131l ama\u00e7 bellidir: “Haydi birlikte bir \u015feyler yapal\u0131m!”<\/em> Bu ama\u00e7la WordPress’in Kodlama Standartlar\u0131<\/a> olabildi\u011fince temiz ve i\u015flevsel olmas\u0131 i\u00e7in bir dizi HTML, CSS, JavaScript ve PHP derlemesiyle yaz\u0131lm\u0131\u015ft\u0131r.<\/span><\/p>\n

WordPress Kodlama Standartlar\u0131na Neden \u0130htiya\u00e7 Duyar\u0131z?<\/strong><\/span><\/p>\n

G\u00fcndelik ya\u015fant\u0131m\u0131zda hepimiz farkl\u0131y\u0131z. Bu durum kod i\u00e7in de ge\u00e7erli, yani herkesin yaz\u0131m tarz\u0131 da farkl\u0131. HTML ile gayet ba\u015far\u0131l\u0131 i\u015f \u00e7\u0131kartabilen bir ki\u015finin javascript \u00e7al\u0131\u015fmalar\u0131 g\u00f6zleri kanatabilir. Bu durum her ne kadar kurall\u0131 kod s\u00f6zdizimine ayk\u0131r\u0131 g\u00f6z\u00fckse de WordPress’te yaz\u0131lan her sat\u0131r birbirinden biraz farkl\u0131 olabilir.<\/span><\/p>\n

Bu farkl\u0131l\u0131klardan dolay\u0131 ve WordPress Kodlama Standartlar\u0131ndan dolay\u0131 sizden sonra gelenler sizin katk\u0131da bulundu\u011funuz kodlar\u0131 anlayamayacakt\u0131r ve \u00fczerine kendi kodlar\u0131n\u0131 sorunsuzca ekleyebilecektir.<\/span><\/p>\n

Katk\u0131da Bulunurken Bilmeniz Gerekenler<\/strong><\/span><\/p>\n

Standartlara ilk bakt\u0131\u011f\u0131n\u0131z zaman biraz s\u0131n\u0131rlay\u0131c\u0131 g\u00f6r\u00fcnebilirler. Do\u011frusunu s\u00f6ylemek gerekirse biraz k\u0131s\u0131tlay\u0131c\u0131lar ger\u00e7ekten. E\u011fer \u015fu ankinden daha hafif kurallar olsayd\u0131 WordPress kodu ve i\u015fler biraz karma\u015f\u0131kla\u015fabilirdi.<\/span><\/p>\n

Standartlar ger\u00e7ekten olduk\u00e7a kapsaml\u0131, bu y\u00fczden t\u00fcm detaylara k\u00f6r\u00fc k\u00f6r\u00fcne h\u00e2kim olman\u0131z gerekmiyor. Sadece ihtiyac\u0131n\u0131z olan b\u00f6l\u00fcmlere bak\u0131yor olman\u0131z yeterlidir.<\/span><\/p>\n

WordPress Kodlama Standartlar\u0131 \u00d6rnekleri<\/strong><\/span><\/p>\n

WordPress’in temelini olu\u015fturan her dil i\u00e7in ayr\u0131 ayr\u0131 standartlar mevcut: PHP i\u00e7in, JavaScript i\u00e7in, HTML i\u00e7in ve CSS i\u00e7in.<\/span><\/p>\n

HTML \u00d6rnekleri<\/strong><\/span><\/p>\n

Bir web sitesinin kaynak kodunu a\u00e7t\u0131\u011f\u0131n\u0131z zaman hi\u00e7 “Nas\u0131l olur da bunun daha iyisi yaz\u0131lmaz?” diye d\u00fc\u015f\u00fcnd\u00fcn\u00fcz m\u00fc? Eminiz d\u00fc\u015f\u00fcnd\u00fcn\u00fcz. \u0130\u015fte bu y\u00fczden HTML standartlar\u0131 var. Biraz parmaklar\u0131n\u0131z\u0131 yorman\u0131za neden olacak W3C (World Wide Web Consortium) standartlar\u0131n\u0131 g\u00f6rmek i\u00e7in buraya<\/a> t\u0131klay\u0131n\u0131z.<\/span><\/p>\n

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

Parantezin yan\u0131nda en \u00e7ok tart\u0131\u015f\u0131lan unsurlardan biri de \u00e7entiklerdir. Fakat WordPress Codex, sekmelerin kullanmas\u0131 gerekti\u011fi i\u00e7in ve bayraklar\u0131n s\u0131raya girmesini sa\u011flad\u0131\u011f\u0131 i\u00e7in \u00e7entiklerin kullan\u0131lmas\u0131 gerekti\u011fini s\u00f6yl\u00fcyor.<\/span><\/p>\n

\u0130yi \u00f6rnek:<\/strong><\/span><\/p>\n

<h1>Selam, Dunya!<\/h1><\/span><\/p>\n

\u00a0\u00a0\u00a0 <div><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <p>Hey, WordPress Milleti!<\/p><\/span><\/p>\n

\u00a0\u00a0\u00a0 <\/div><\/span><\/p>\n

<h2>Baybay, Dunya!<\/h2><\/span><\/p>\n

K\u00f6t\u00fc \u00f6rnek:<\/strong><\/span><\/p>\n

<h1> Selam, Dunya!<\/h1><\/span><\/p>\n

<div><\/span><\/p>\n

<p> Hey, WordPress Milleti!<\/p><\/span><\/p>\n

<\/div><\/span><\/p>\n

<h2> Baybay, Dunya!<\/h2><\/span><\/p>\n

T\u0131rnak \u0130\u015fareti<\/strong><\/span><\/p>\n

T\u0131rnak i\u015faretlerini kullan\u0131n. \u00c7ift ya da tek olmas\u0131 size kalm\u0131\u015f. Fakat \u00f6yle ya da b\u00f6yle mutlaka kullanman\u0131z gerekiyor.<\/span><\/p>\n

\u0130yi \u00f6rnek:<\/strong><\/span><\/p>\n

<form><\/span><\/p>\n

E-mail Adresiniz: <br \/><\/span><\/p>\n

<input type=’text’ name=’email’><br \/><\/span><\/p>\n

<input type=’submit’ value=’Submit’><\/span><\/p>\n

<\/form><\/span><\/p>\n

K\u00f6t\u00fc \u00f6rnek:<\/strong><\/span><\/p>\n

<form><\/span><\/p>\n

E-mail Adresiniz: <br \/><\/span><\/p>\n

<input type=text name=email><br \/><\/span><\/p>\n

<input type=submit value=Submit><\/span><\/p>\n

<\/form><\/span><\/p>\n

Yani k\u0131saca t\u0131rnaklar\u0131 kullan\u0131nca iyi, kullanmay\u0131nca k\u00f6t\u00fc.<\/span><\/p>\n

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

CSS s\u00f6z konusuysa standartlar\u0131n \u00e7o\u011funun okunabilirlikle ilgili olmas\u0131 muhtemeldir. WordPress’te bir\u00e7ok s\u0131n\u0131f ve ids mevcut. Bu y\u00fczden kodumuzu haz\u0131rlarken dikkatli olmazsak stil sayfalar\u0131 can s\u0131k\u0131c\u0131 olabilir.<\/span><\/p>\n

Yap\u0131<\/strong><\/span><\/p>\n

WordPress Kodlama Standartlar\u0131na g\u00f6re CSS’in her bir \u00f6\u011fesi kendi sat\u0131r\u0131nda olmal\u0131 ve kendi parantezinde olmal\u0131. Bunlar\u0131n yan\u0131nda ek olarak ba\u015fkalar\u0131n\u0131n da takip edebilmesi i\u00e7in \u00f6\u011felerinize belirli isimler vermelisiniz.<\/span><\/p>\n

\u0130yi \u00f6rnek:<\/span><\/p>\n

#email-div-about,<\/span><\/p>\n

#email-div-blog {<\/span><\/p>\n

\u00a0\u00a0\u00a0 text-align: center;<\/span><\/p>\n

\u00a0\u00a0\u00a0 display:block;<\/span><\/p>\n

\u00a0\u00a0\u00a0 margin: auto;<\/span><\/p>\n

}<\/span><\/p>\n

K\u00f6t\u00fc \u00f6rnek:<\/strong><\/span><\/p>\n

.awesome-emails, .amazing-something { text-align: center; display:block; margin: auto; }<\/span><\/p>\n

Hatta:<\/span><\/strong><\/span><\/p>\n

.awesome-emails,#amazing-stuff {<\/span><\/p>\n

\u00a0\u00a0\u00a0 text-align: center;<\/span><\/p>\n

\u00a0\u00a0\u00a0 display:block;<\/span><\/p>\n

\u00a0\u00a0\u00a0 margin: auto;<\/span><\/p>\n

}<\/span><\/p>\n

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

Di\u011fer bir\u00e7ok de\u011fi\u015fken gibi \u00f6zelliklerin de m\u00fcmk\u00fcn oldu\u011funca \u00f6zelle\u015ftirilmi\u015f ve spesifik olmas\u0131 gerekiyor. Bu durum kullan\u0131c\u0131lar i\u00e7in hayat\u0131 kolayla\u015ft\u0131rsa da kodun genel boyunu biraz b\u00fcy\u00fct\u00fcr.<\/span><\/p>\n

\u0130yi \u00f6rnek:<\/strong><\/span><\/p>\n

#form-submit-btn {<\/span><\/p>\n

\u00a0\u00a0\u00a0 display: block;<\/span><\/p>\n

\u00a0\u00a0\u00a0 background: #000;<\/span><\/p>\n

\u00a0\u00a0\u00a0 color: #fff;<\/span><\/p>\n

\u00a0\u00a0\u00a0 margin: 20px;<\/span><\/p>\n

}<\/span><\/p>\n

K\u00f6t\u00fc \u00f6rnek:<\/strong><\/span><\/p>\n

#bjs-awesome-button {<\/span><\/p>\n

\u00a0\u00a0\u00a0 background: WHITE;<\/span><\/p>\n

\u00a0\u00a0\u00a0 color: #FFFFFF;<\/span><\/p>\n

\u00a0\u00a0\u00a0 border: 35PX;<\/span><\/p>\n

\u00a0\u00a0\u00a0 Margin-right: 30;<\/span><\/p>\n

}<\/span><\/p>\n

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

JavaScript konusunda \u00e7ok say\u0131da WordPress Kodlama Standart\u0131 var. Standart JavaScript uygulamalar\u0131ndan \u00e7ok da farkl\u0131 olmad\u0131klar\u0131 i\u00e7in muhtemelen standartlar\u0131n \u00e7o\u011funa a\u015finas\u0131n\u0131z.<\/span><\/p>\n

\u0130yi \u00f6rnek:<\/strong><\/span><\/p>\n

var b, j, k, awesome,<\/span><\/p>\n

\u00a0\u00a0\u00a0 \/\/ Buraya sekmeleri girmeniz gerekiyor!<\/span><\/p>\n

\u00a0\u00a0\u00a0 value = \u2018Bir \u015fey\u2019;<\/span><\/p>\n

K\u00f6t\u00fc \u00f6rnek:<\/strong><\/span><\/p>\n

var b = true;<\/span><\/p>\n

var j = false; \/\/ Bu k\u00f6t\u00fc bir \u00f6rnek oldu\u011fu i\u00e7in yanl\u0131\u015f \u015feyler yap\u0131ld\u0131!<\/span><\/p>\n

var k = b + j;<\/span><\/p>\n

var awesome = true;<\/span><\/p>\n

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

Yorumlar asl\u0131nda JavaScript kodunun temel par\u00e7alar\u0131ndan biri de\u011fil. Ama bir\u00e7o\u011fumuz i\u00e7in olduk\u00e7a \u00f6nemli ve kabul edelim ki iyi belgelenmi\u015f kodlar sanat eseri niteli\u011fi ta\u015f\u0131yor. The Core ekibinin yazd\u0131\u011f\u0131 baz\u0131 kodlar \u015f\u00f6yle:<\/span><\/p>\n

Tek sat\u0131r:<\/strong><\/span><\/p>\n

function bjk();<\/span><\/p>\n

\/\/Bir sonraki sat\u0131r\u0131 a\u00e7\u0131klay\u0131n<\/span><\/p>\n

$( \u2018beej\u2019 ).beAwesome();<\/span><\/p>\n

\u00c7oklu Sat\u0131r:<\/strong><\/span><\/p>\n

\/*<\/span><\/p>\n

\u00a0* Birden fazla sat\u0131ra yorum yazarken<\/span><\/p>\n

\u00a0* t\u0131pk\u0131 burada oldu\u011fu gibi<\/span><\/p>\n

\u00a0* y\u0131ld\u0131z i\u015faretlerini kulland\u0131\u011f\u0131n\u0131zdan emin olun.<\/span><\/p>\n

\u00a0*\/<\/span><\/p>\n

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

WordPress bir PHP yaz\u0131l\u0131m\u0131d\u0131r. Geli\u015ftiriciler tabii ki \u00fczerine JavaScript’ten bir \u015feyler kat\u0131yor fakat yine de yaz\u0131l\u0131m\u0131n b\u00fcy\u00fck k\u0131sm\u0131 PHP altyap\u0131l\u0131.<\/span><\/p>\n

PHP Tag’leri<\/strong><\/span><\/p>\n

Php etiketleri kendi sat\u0131rlar\u0131nda olmal\u0131d\u0131r ve k\u0131salt\u0131lmamal\u0131d\u0131r.<\/span><\/p>\n

\u0130yi \u00f6rnek:<\/strong><\/span><\/p>\n

<div><\/span><\/p>\n

\u00a0\u00a0\u00a0 <?php<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 echo \u2018Selam Dunya!\u2019;<\/span><\/p>\n

\u00a0\u00a0\u00a0 ?><\/span><\/p>\n

<\/div><\/span><\/p>\n

Ya da:<\/strong><\/span><\/p>\n

<div><\/span><\/p>\n

\u00a0\u00a0\u00a0 <?php echo \u2018Selam Dunya!\u2019; ?><\/span><\/p>\n

<\/div><\/span><\/p>\n

K\u00f6t\u00fc \u00f6rnek: <\/strong><\/span><\/p>\n

<div><\/span><\/p>\n

\u00a0\u00a0\u00a0 <?<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 echo \u2018Selam Dunya!\u2019;<\/span><\/p>\n

\u00a0\u00a0\u00a0 ?><\/span><\/p>\n

<\/div><\/span><\/p>\n

Adland\u0131rma<\/strong><\/span><\/p>\n

PHP ile bir\u00e7ok \u015feyi yapmak m\u00fcmk\u00fcn. Bu kadar imk\u00e2n biraz karma\u015f\u0131kl\u0131\u011f\u0131 da beraberinde getiriyor. WordPress’in kodlama standartlar\u0131 do\u011frultusunda PHP’nin uzun kodlar\u0131na bula\u015ft\u0131ysan\u0131z baz\u0131 adland\u0131rma i\u015flemleriyle karga\u015fay\u0131 \u00f6nleyebilirsiniz.<\/span><\/p>\n

Nas\u0131l Katk\u0131da Bulunabilirsiniz?<\/strong><\/span><\/p>\n

Temel standartlar\u0131 biliyor olman\u0131z katk\u0131da bulunmak i\u00e7in yeterlidir. Bunun i\u00e7in de en iyi yer make.wordpress.org<\/a>‘dur. \u00c7\u00fcnk\u00fc WordPress’in yap\u0131ld\u0131\u011f\u0131 yer buras\u0131.<\/span><\/p>\n

Belgelerden \u00e7ekirde\u011fe kadar, destekten her t\u00fcrl\u00fc kodlama dillerine kadar her \u015feyin konu\u015fuldu\u011fu Slack toplant\u0131lar\u0131na kat\u0131labilirsiniz. Ayr\u0131ca d\u00fczenli olarak yap\u0131lan WordCamp panellerine de kat\u0131labilirsiniz.<\/span><\/p>\n

Sizde hemen WordPress’e \u00f6zel olu\u015fturdu\u011fumuz IHS Worpress paketlerimizden<\/a> birini sat\u0131n al\u0131p hemen websitenizi geli\u015ftirmeye ba\u015flayabilirsiniz.<\/p>\n","protected":false},"excerpt":{"rendered":"

WordPress‘in en g\u00fczel yan\u0131 a\u00e7\u0131k kaynak(open-source) bir platform olmas\u0131d\u0131r. Bu sayede WordPress’e katk\u0131da bulunabilir ve WordPress’i daha da m\u00fckemmel yapabilirsiniz. Evet yanl\u0131\u015f…<\/p>\n","protected":false},"author":3,"featured_media":11559,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,397],"tags":[],"class_list":["post-11461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-haberler","category-wordpress"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=11461"}],"version-history":[{"count":4,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11461\/revisions"}],"predecessor-version":[{"id":11561,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11461\/revisions\/11561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media\/11559"}],"wp:attachment":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=11461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=11461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=11461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}