{"id":5218,"date":"2019-12-05T21:10:00","date_gmt":"2019-12-05T18:10:00","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=5218"},"modified":"2019-12-27T11:51:15","modified_gmt":"2019-12-27T08:51:15","slug":"8-3-tema-degerlendirme-kurallari-tavsiye-edilen-ozellikler","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/8-3-tema-degerlendirme-kurallari-tavsiye-edilen-ozellikler\/","title":{"rendered":"8.3 Tema De\u011ferlendirme Kurallar\u0131 &#8211; Tavsiye Edilen \u00d6zellikler"},"content":{"rendered":"<div id=\"toc_container\" class=\"toc_transparent no_bullets\"><p class=\"toc_title\">BU DERS\u0130N BA\u015eLIKLARI<\/p><ul class=\"toc_list\"><li><a href=\"#Cekirdek_Bilesenleri_Kaldirabilme_Ozelligi\"><span class=\"toc_number toc_depth_1\">1<\/span> \u00c7ekirdek Bile\u015fenleri Kald\u0131rabilme \u00d6zelli\u011fi<\/a><\/li><li><a href=\"#Cekirdek_Ozellikler\"><span class=\"toc_number toc_depth_1\">2<\/span> \u00c7ekirdek \u00d6zellikler<\/a><\/li><li><a href=\"#Tema_Dizayni\"><span class=\"toc_number toc_depth_1\">3<\/span> Tema Dizayn\u0131<\/a><ul><li><a href=\"#Tipografi\"><span class=\"toc_number toc_depth_2\">3.1<\/span> Tipografi<\/a><\/li><li><a href=\"#Renk\"><span class=\"toc_number toc_depth_2\">3.2<\/span> Renk<\/a><\/li><li><a href=\"#Dizayn_Detaylari\"><span class=\"toc_number toc_depth_2\">3.3<\/span> Dizayn Detaylar\u0131<\/a><\/li><li><a href=\"#Tavsiyeler\"><span class=\"toc_number toc_depth_2\">3.4<\/span> Tavsiyeler<\/a><\/li><\/ul><\/li><li><a href=\"#Tema_Dokumantasyonu_Icin_Tavsiyeler\"><span class=\"toc_number toc_depth_1\">4<\/span> Tema Dok\u00fcmantasyonu \u0130\u00e7in Tavsiyeler<\/a><\/li><li><a href=\"#Ucuncu_Parti_Stil_ve_Scriptler\"><span class=\"toc_number toc_depth_1\">5<\/span> \u00dc\u00e7\u00fcnc\u00fc Parti Stil ve Scriptler<\/a><\/li><li><a href=\"#Ozel_Sablonlar\"><span class=\"toc_number toc_depth_1\">6<\/span> \u00d6zel \u015eablonlar<\/a><\/li><\/ul><\/div>\n\n<p>Tavsiye edilen \u00f6zellikler, teman\u0131z\u0131n WordPress.org sitesinde yay\u0131nlanmas\u0131 i\u00e7in zorunlu olan \u00f6zellikler aras\u0131nda de\u011fildir fakat teman\u0131z\u0131 daha de\u011ferli hale getirecek \u00f6zelliklerdir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Cekirdek_Bilesenleri_Kaldirabilme_Ozelligi\">\u00c7ekirdek Bile\u015fenleri Kald\u0131rabilme \u00d6zelli\u011fi<\/span><\/h2>\n\n\n\n<p>Bile\u015fenlerin say\u0131s\u0131 artt\u0131k\u00e7a, y\u00f6netim panelinde, <strong>G\u00f6r\u00fcn\u00fcm->Bile\u015fenler<\/strong> sayfas\u0131 daha karma\u015f\u0131k hale gelmektedir. Bu karma\u015fan\u0131n \u00f6n\u00fcne ge\u00e7ebilmek i\u00e7in, teman\u0131za, WordPress kurulumu ile birlikte gelen baz\u0131 bile\u015fenleri kald\u0131rma \u00f6zelli\u011fi ekleyebilirsiniz.<\/p>\n\n\n\n<p><code>functions.php<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u00c7ekirdek WP Bile\u015fenlerini Kald\u0131r\u0131r\n\nfunction unregister_default_wp_widgets() {\n\n\tunregister_widget('WP_Widget_Pages');\n\n\tunregister_widget('WP_Widget_Calendar');\n\n\tunregister_widget('WP_Widget_Archives');\n\n\tunregister_widget('WP_Widget_Links');\n\n\tunregister_widget('WP_Widget_Meta');\n\n\tunregister_widget('WP_Widget_Search');\n\n\tunregister_widget('WP_Widget_Text');\n\n\tunregister_widget('WP_Widget_Categories');\n\n\tunregister_widget('WP_Widget_Recent_Posts');\n\n\tunregister_widget('WP_Widget_Recent_Comments');\n\n\tunregister_widget('WP_Widget_RSS');\n\n\tunregister_widget('WP_Widget_Tag_Cloud');\n\n}\n\nadd_action('widgets_init', 'unregister_default_wp_widgets', 1);<\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki kodu do\u011frudan kulland\u0131\u011f\u0131n\u0131zda, <code>unregister_default_wp_widgets()<\/code> fonksiyonunda belirtilen b\u00fct\u00fcn bile\u015fenler kald\u0131r\u0131lacakt\u0131r. Bu y\u00fczden, bile\u015fenleri do\u011frudan de\u011fil de, kullan\u0131c\u0131 tercihine b\u0131rakarak se\u00e7meli bir \u015fekilde kullanmak daha do\u011fru olabilir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Cekirdek_Ozellikler\">\u00c7ekirdek \u00d6zellikler<\/span><\/h2>\n\n\n\n<p>Teman\u0131zda a\u015fa\u011f\u0131daki formlar\u0131, WordPress&#8217;in sundu\u011fu \u00f6zellikleri kullanarak kodlaman\u0131z tavsiye edilir.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00dcyelik sistemi ve \u00fcye giri\u015fi<\/li><li>Arama formu<\/li><\/ul>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Tema_Dizayni\">Tema Dizayn\u0131<\/span><\/h2>\n\n\n\n<p>Tema dizayn\u0131 ile ilgili a\u015fa\u011f\u0131da verdi\u011fimiz tavsiyeleri uygulayarak g\u00f6rmenizi tavsiye ederiz. Teman\u0131zda, bahsedece\u011fimiz tavsiyeleri uygulamada g\u00f6rmek i\u00e7in ise&nbsp;<a href=\"https:\/\/wpcom-themes.svn.automattic.com\/demo\/theme-unit-test-data.xml\">theme_unit_test data<\/a>&nbsp;ile teman\u0131za ge\u00e7ici i\u00e7erikler y\u00fcklemenizi tavsiye ederiz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Tipografi\">Tipografi<\/span><\/h3>\n\n\n\n<p>Daha rahat bir okuma deneyimi i\u00e7in teman\u0131z\u0131n g\u00f6vde (body) metni, 14px ve \u00fczerinde olmal\u0131d\u0131r. Metinlerinizin b\u00fcy\u00fckl\u00fc\u011f\u00fcn\u00fc ayarlarken, \u00e7ok c\u00f6mert davranman\u0131z da tavsiye edilmez.<\/p>\n\n\n\n<p>Paragraflar\u0131n\u0131zda, rahat bir okuma deneyimi i\u00e7in <code>line-height<\/code> de\u011ferinin 1.4 civar\u0131nda olmas\u0131 tavsiye edilir. Bu de\u011fer, ba\u015fl\u0131klar\u0131n\u0131z i\u00e7in 1.3-1.4 aras\u0131, paragraflar\u0131n\u0131z i\u00e7in ise 1.4-1.6 aras\u0131 olarak ayarlanmal\u0131d\u0131r.( <code>line-height: 1.4;<\/code> )<\/p>\n\n\n\n<p>Yine rahat bir okuma deneyimi i\u00e7in, yaz\u0131lar\u0131n\u0131z\u0131n her bir sat\u0131r\u0131ndaki karakter say\u0131s\u0131 45-75 aras\u0131 olmal\u0131d\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Renk\">Renk<\/span><\/h3>\n\n\n\n<p>Bir web sayfas\u0131nda, okunakl\u0131 olmas\u0131 i\u00e7in, yaz\u0131 rengi ile arka plan rengi aras\u0131ndaki kontrast oran\u0131 en az 4.5:1 olmal\u0131d\u0131r. 24 pixel yaz\u0131larda veya 19 pixel ve kal\u0131n yaz\u0131lm\u0131\u015f yaz\u0131larda bu oran, 3:1 oran\u0131na kadar d\u00fc\u015febilir.<\/p>\n\n\n\n<p>Sayfalar\u0131n\u0131zda kulland\u0131\u011f\u0131n\u0131z \u00f6n ve arka plan renkleri aras\u0131ndaki kontrast oran\u0131n\u0131 g\u00f6rmek i\u00e7in,&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.joedolson.com\/tools\/color-contrast.php\" target=\"_blank\">renkler aras\u0131 kontrast oran\u0131 testi<\/a>&nbsp;yapabilirsiniz.<\/p>\n\n\n\n<p>\u0130nternet kullan\u0131c\u0131lar\u0131n\u0131n yakla\u015f\u0131k %10\u2019u ve \u00f6zellikle renk k\u00f6r\u00fc olanlar, renkleri g\u00f6rmekle ilgili sorunlar ya\u015famaktad\u0131r. Renk k\u00f6rleri, \u00f6zellikle k\u0131rm\u0131z\u0131 ve ye\u015fil renkleri birbirinden ay\u0131rmakta zorluk ya\u015famaktad\u0131r.<\/p>\n\n\n\n<p>Mesela,&nbsp;<em>Protanopia<\/em>&nbsp;ve&nbsp;<em>Deuteranopia<\/em>&nbsp;hastalar\u0131, neredeyse b\u00fct\u00fcn renkleri sar\u0131 ve mavinin tonlar\u0131 olarak g\u00f6rmektedir. Dolay\u0131s\u0131yla, sar\u0131 ve mavi d\u0131\u015f\u0131ndaki renkler ile olu\u015fturdu\u011fumuz tonlama farklar\u0131, bu t\u00fcr hastalar\u0131n g\u00f6z\u00fcnde ayn\u0131 g\u00f6r\u00fcnecektir.<\/p>\n\n\n\n<p>Web sayfalar\u0131n\u0131z\u0131n, renk k\u00f6r\u00fc hastalar\u0131n\u0131n g\u00f6z\u00fcnde nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc merak ediyorsan\u0131z, sayfan\u0131z\u0131n bir ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc al\u0131p, bir&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.color-blindness.com\/coblis-color-blindness-simulator\/\" target=\"_blank\">renk k\u00f6rl\u00fc\u011f\u00fc sim\u00fclat\u00f6r\u00fc<\/a>&nbsp;yard\u0131m\u0131 ile sayfan\u0131za renk k\u00f6rlerinin g\u00f6z\u00fcnden bakabilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Dizayn_Detaylari\">Dizayn Detaylar\u0131<\/span><\/h3>\n\n\n\n<p>Genel ama\u00e7l\u0131 ya da \u00e7ok ama\u00e7l\u0131 temalar\u0131n, kullan\u0131c\u0131lar taraf\u0131ndan kurulmas\u0131 zor olmaktad\u0131r. Bu y\u00fczden, teman\u0131z\u0131n hizmet edece\u011fi sekt\u00f6r\u00fc daha belirgin se\u00e7meniz \u00f6nerilir.<\/p>\n\n\n\n<p>Teman\u0131z mobil uyumlu olmal\u0131d\u0131r.<\/p>\n\n\n\n<p>G\u00f6lgeler ve gradyanlar gibi detaylar, dikkat da\u011f\u0131t\u0131c\u0131 olmamal\u0131d\u0131r.<\/p>\n\n\n\n<p>Teman\u0131zda <em>svg<\/em> ya da font ikonlar bar\u0131nd\u0131rman\u0131z tavsiye edilir.<\/p>\n\n\n\n<p>Animasyonlar, en \u00f6nemli i\u00e7eriklerinize dikkat \u00e7ekmek amac\u0131yla kullan\u0131lmal\u0131d\u0131r, dekorafit ama\u00e7l\u0131 de\u011fil.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Tavsiyeler\">Tavsiyeler<\/span><\/h3>\n\n\n\n<p>Tema dizayn\u0131 hakk\u0131nda daha fazla bilgi ve tavsiye i\u00e7in WordCamp.tv yay\u0131nlar\u0131ndan sizin se\u00e7tiklerimize g\u00f6z atabilirsiniz (Ba\u011flant\u0131lar \u0130ngilizcedir):<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/wordpress.tv\/2012\/08\/26\/sara-cannon-designing-for-the-modern-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sara Cannon: Designing for the Modern Web<\/a><\/li><li><a href=\"http:\/\/wordpress.tv\/2014\/09\/05\/david-hickox-designing-for-content\/\" target=\"_blank\" rel=\"noreferrer noopener\">David Hickox: Designing for Content<\/a><\/li><li><a href=\"http:\/\/wordpress.tv\/2014\/11\/02\/michael-arestad-visual-hierarchy\/\" target=\"_blank\" rel=\"noreferrer noopener\">Michael Arestad: Visual Hierarchy<\/a><\/li><li><a href=\"http:\/\/wordpress.tv\/2014\/02\/06\/michelle-schulp-a-website-is-not-a-poster-designing-successfully-for-the-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">Michelle Schulp: A Website Is Not A Poster: Designing Successfully For The Web<\/a><\/li><li><a href=\"http:\/\/wordpress.tv\/2014\/07\/01\/aaron-jorbin-color-theory-for-web-developers\/\" target=\"_blank\" rel=\"noreferrer noopener\">Aaron Jorbin: Color Theory for Web Developers<\/a><\/li><li><a href=\"http:\/\/wordpress.tv\/2014\/11\/01\/sara-cannon-typography-and-user-experience\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sara Cannon: Typography and User Experience<\/a><\/li><\/ul>\n\n\n\n<p>Tema dizayn\u0131 hakk\u0131nda daha fazla bilgi ve tavsiye i\u00e7in a\u015fa\u011f\u0131daki makalelere de g\u00f6z atabilirsiniz (Ba\u011flant\u0131lar \u0130ngilizcedir):<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/www.elliotjaystocks.com\/blog\/responsive-web-typography\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ellot Jay Stocks: Responsive Web Typography<\/a><\/li><li><a href=\"http:\/\/themeshaper.com\/2015\/02\/27\/theme-design-for-devs\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mel Choyce: What Developers Need to Know About Theme Design<\/a><\/li><li><a href=\"https:\/\/design.blog\/\">Design.blog<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Tema_Dokumantasyonu_Icin_Tavsiyeler\">Tema Dok\u00fcmantasyonu \u0130\u00e7in Tavsiyeler<\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Tema dizininde bir <code>readme.txt<\/code> dosyas\u0131<\/li><li>Teman\u0131z\u0131n g\u00fcncelleme ve de\u011fi\u015fiklik ge\u00e7mi\u015fi i\u00e7in <code>changelog.txt<\/code> dosyas\u0131<\/li><li>WordPress&#8217;in genel \u015fablonlar\u0131 haricinde bir \u015fablon olu\u015fturdu\u011funuzda, bu \u015fablon i\u00e7in bir dok\u00fcmantasyon (a\u00e7\u0131klama) haz\u0131rlay\u0131n.<\/li><li>Teman\u0131z\u0131, hedefledi\u011finiz b\u00fct\u00fcn kullan\u0131c\u0131 kitlesinin kullanabilece\u011finden emin olun.<\/li><li>Teman\u0131zda, ayriyeten ekledi\u011finiz her \u015fey i\u00e7in bir dok\u00fcmantasyon haz\u0131rlay\u0131n.<\/li><li>\u015eablonlar\u0131n\u0131zda veya stillerinizde yapt\u0131\u011f\u0131n\u0131z b\u00fct\u00fcn de\u011fi\u015fiklikler i\u00e7in, anla\u015f\u0131l\u0131r bir a\u00e7\u0131klama ekleyin.<\/li><li>Kullan\u0131c\u0131lar\u0131n\u0131z\u0131n, teman\u0131z ile ilgili bir yard\u0131ma ihtiya\u00e7 duyduklar\u0131nda bu yard\u0131ma nas\u0131l ula\u015fabileceklerini bilmeleri iyi olacakt\u0131r.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Ucuncu_Parti_Stil_ve_Scriptler\">\u00dc\u00e7\u00fcnc\u00fc Parti Stil ve Scriptler<\/span><\/h2>\n\n\n\n<p>Teman\u0131za ait olmayan \u00fc\u00e7\u00fcnc\u00fc parti stil ve scriptleri adland\u0131r\u0131rken:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Kelimeleri tire (-) i\u015fareti ile ay\u0131r\u0131n.<\/li><li>K\u00fc\u00e7\u00fck harfler kullan\u0131n.<\/li><li>Adland\u0131r\u0131rken \u00f6n ek (<code>benim-temam<\/code>) kullanmay\u0131n.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Ozel_Sablonlar\">\u00d6zel \u015eablonlar<\/span><\/h2>\n\n\n\n<p>Kendinize ait <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/3-2-sayfa-sablonlari\/#Genel_Sablonlar_Hazirlama\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\u015fablonlar (yeni sekmede a\u00e7\u0131l\u0131r)\">\u015fablonlar<\/a> kullan\u0131rken, bu \u015fablonlar\u0131 ne i\u00e7in \u00fcretti\u011finize dair bir a\u00e7\u0131klama yap\u0131n.<\/p>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n","protected":false},"excerpt":{"rendered":"<p>WordPress temalar\u0131 i\u00e7in zorunlu olmayan fakat, bir WordPress temas\u0131n\u0131 di\u011fer temalara g\u00f6re daha \u00fcst\u00fcn yapan baz\u0131 tavsiyelerde bulunulmu\u015ftur.<\/p>\n","protected":false},"author":1,"featured_media":25,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[238],"class_list":["post-5218","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tema-yapimi","tag-wordpress-temalarinda-tavsiye-edilen-ozellikler"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/5218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/comments?post=5218"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/5218\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media\/25"}],"wp:attachment":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media?parent=5218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=5218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=5218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}