{"id":57,"date":"2019-03-31T15:04:25","date_gmt":"2019-03-31T12:04:25","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=57"},"modified":"2019-07-21T23:04:33","modified_gmt":"2019-07-21T20:04:33","slug":"2-2-temel-stil-dosyasi-style-css","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-2-temel-stil-dosyasi-style-css\/","title":{"rendered":"2.2 Temel Stil Dosyas\u0131 (style.css)"},"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=\"#Yerlesimi\"><span class=\"toc_number toc_depth_1\">1<\/span> Yerle\u015fimi<\/a><\/li><li><a href=\"#Temel_Yapisi\"><span class=\"toc_number toc_depth_1\">2<\/span> Temel Yap\u0131s\u0131<\/a><\/li><li><a href=\"#Ornek\"><span class=\"toc_number toc_depth_1\">3<\/span> \u00d6rnek:<\/a><\/li><li><a href=\"#Bir_Yavru_Tema_Icin_stylecss\"><span class=\"toc_number toc_depth_1\">4<\/span> Bir Yavru Tema \u0130\u00e7in style.css<\/a><\/li><\/ul><\/div>\n\n<p><code>style.css<\/code> dosyas\u0131, her WordPress temas\u0131nda bulunmas\u0131 zorunlu olan iki dosyadan biridir. Bu dosya, teman\u0131n CSS kodlar\u0131n\u0131 bar\u0131nd\u0131r\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Yerlesimi\">Yerle\u015fimi<\/span><\/h2>\n\n\n\n<p><code>style.css<\/code> dosyas\u0131n\u0131n, teman\u0131z\u0131n ana dizininde olmas\u0131 ve <code>functions.php<\/code> dosyas\u0131nda tan\u0131t\u0131lmas\u0131\/eklenmesi gerekmektedir. Teman\u0131za, stil dosyalar\u0131n\u0131 eklemeyi \u00f6\u011frenmek i\u00e7in, <a rel=\"noreferrer noopener\" aria-label=\"CSS ve JavaScript Dosyalar\u0131n\u0131 Ekleme (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-12-css-ve-javascript-dosyalarini-ekleme\/\" target=\"_blank\">CSS ve JavaScript Dosyalar\u0131n\u0131 Ekleme<\/a> dersimizi okuyabilirisiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Temel_Yapisi\">Temel Yap\u0131s\u0131<\/span><\/h2>\n\n\n\n<p>WordPress, <code>style.css<\/code> dosyan\u0131z\u0131n \u00fcst k\u0131sm\u0131nda, \u00e7ok sat\u0131rl\u0131 bir PHP yorumu \u015feklinde olu\u015fturdu\u011funuz bilgilere bakarak, teman\u0131z hakk\u0131nda bilgi sahibi olur. Bu bilgiler, PHP dilinin kulland\u0131\u011f\u0131, \u00e7ok sat\u0131rl\u0131 yorum format\u0131 i\u00e7inde olmal\u0131d\u0131r. Burada verdi\u011finiz bilgiler, teman\u0131z\u0131n tan\u0131t\u0131m\u0131 i\u00e7in de kullan\u0131l\u0131r. Bunu anlamak i\u00e7in, buraya girdi\u011finiz bilgiler ile, <strong>Y\u00f6netim Paneli:G\u00f6r\u00fcn\u00fcm-&gt;Temalar<\/strong> sayfas\u0131nda, teman\u0131z i\u00e7in verilen bilgileri kar\u015f\u0131la\u015ft\u0131rabilirsiniz.<\/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\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Ornek\">\u00d6rnek:<\/span><\/h2>\n\n\n\n<p>A\u015fa\u011f\u0131da, bir teman\u0131n <code>style.css<\/code> dosyas\u0131n\u0131n \u00fcst k\u0131sm\u0131nda bulunmas\u0131 gereken yorum k\u0131sm\u0131n\u0131n yap\u0131s\u0131 g\u00f6sterilmi\u015ftir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*\nTheme Name: Benim Temam\nTheme URI: https:\/\/benimsitem.org\/themes\/benimtemam\/\nAuthor: Ad\u0131m SOYADIM\nAuthor URI: https:\/\/kendimitanitiyorum.org\/\nDescription: Teman\u0131z\u0131n tan\u0131t\u0131m\u0131n\u0131 burada yap\u0131yorsunuz... \nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nText Domain: tercume_anahtarim\nTags: Teman\u0131za uygun etiketleri burada, aralar\u0131na vig\u00fcller koyarak yaz\u0131yorsunuz.\nEklemek istedi\u011finiz bi\u015feyler varsa, \"teman\u0131n tad\u0131n\u0131 \u00e7\u0131kar\u0131n\" falan gibi, buraya yaz\u0131yorsunuz\n*\/<\/code><\/pre>\n\n\n\n<p>Yukar\u0131da, \u00e7ok sat\u0131rl\u0131 bir PHP yorumu \u015feklinde verilen bilgilerin ne anlama geldi\u011fini \u015f\u00f6yle a\u00e7\u0131klayabiliriz:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Theme Name<\/strong>: <em>(*)<\/em>. Teman\u0131n ad\u0131 buraya yaz\u0131l\u0131r.<\/li><li><strong>Theme URI<\/strong>: Kullan\u0131c\u0131lar\u0131n\u0131z\u0131n, teman\u0131z hakk\u0131nda, detayl\u0131 bilgiler bulabilece\u011fi adrestir.<\/li><li><strong>Author<\/strong>: <em>(*)<\/em>. Temay\u0131 geli\u015ftiren ki\u015finin veya grubun ad\u0131d\u0131r. Temay\u0131 geli\u015ftiren ki\u015finin, <em>wordpress.org<\/em> sitesindeki kay\u0131tl\u0131 ismini kullanmas\u0131 tavsiye edilir.<\/li><li><strong>Author URI<\/strong>: Temay\u0131 geli\u015ftiren ki\u015fi ya da grubun <em>URL<\/em> adresidir.<\/li><li><strong>Description<\/strong>: <em>(*)<\/em>. Teman\u0131z\u0131n m\u00fcmk\u00fcn oldu\u011funca k\u0131sa a\u00e7\u0131klamas\u0131d\u0131r.<\/li><li><strong>Version<\/strong>: <em>(*)<\/em>. Teman\u0131z\u0131n, <code>X.X<\/code> veya <code>X.X.X<\/code> format\u0131nda yaz\u0131lm\u0131\u015f versiyon bilgisidir. Teman\u0131z ba\u015fkalar\u0131 taraf\u0131ndan da kullan\u0131l\u0131yorsa ve teman\u0131zda yapt\u0131\u011f\u0131n\u0131z bir g\u00fcncellemeyi bu kullan\u0131c\u0131lara da iletmek istiyorsan\u0131z, bunun i\u00e7in, burada verdi\u011finiz versiyon numaras\u0131n\u0131 y\u00fckseltmeniz yeterli olacakt\u0131r. Bunu yapt\u0131\u011f\u0131n\u0131zda, WordPress bir g\u00fcncelleme geldi\u011fini anlar ve teman\u0131z\u0131 kullanan herkese bu g\u00fcncellemeyi bildirir.<\/li><li><strong>License<\/strong>: <em>(*)<\/em>. Teman\u0131n lisans t\u00fcr\u00fcd\u00fcr.<\/li><li><strong>License URI<\/strong>: <em>(*)<\/em>. Teman\u0131n lisans bilgisine giden <em>URL<\/em> adresidir.<\/li><li><strong>Text Domain<\/strong>: <em>(*)<\/em>. Teman\u0131z\u0131n ba\u015fka dillere terc\u00fcme edilebilmesi i\u00e7in gerekli anahtar kelimedir.<\/li><li><strong>Tags<\/strong>: Teman\u0131z\u0131 tan\u0131tan kelime ya da k\u0131sa ifadelerden olu\u015fan etiketlerdir. Bu etiketler sayesinde, tema arayan kullan\u0131c\u0131lar sizin teman\u0131z\u0131 bulabilecektir. WordPress, <a rel=\"noreferrer noopener\" aria-label=\"kullanabilece\u011fimiz etiketleri (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/make.wordpress.org\/themes\/handbook\/review\/required\/theme-tags\/\" target=\"_blank\">kullanabilece\u011fimiz tema etiketlerini<\/a> ve hangi anlamlara geldi\u011fini de belirlemi\u015ftir.<\/li><li><strong>Domain Path<\/strong>: Tema devre d\u0131\u015f\u0131 iken, WordPress&#8217;e, dil dosyalar\u0131n\u0131n hangi klas\u00f6rde oldu\u011funu s\u00f6yler. Varsay\u0131lan olarak, teman\u0131z\u0131n ana dizininde yer alan <code>\/languages<\/code> klas\u00f6r\u00fc ayarlanm\u0131\u015ft\u0131r.<\/li><\/ul>\n\n\n\n<p>(*) \u0130\u015fareti bulunan alanlar teman\u0131z\u0131, WordPress&#8217;in tema ar\u015fivinde yay\u0131nlamak istiyorsan\u0131z gereklidir. Bunun d\u0131\u015f\u0131nda, bu yorum alan\u0131ndaki hi\u00e7 bir bilgi zorunlu de\u011fildir. Hatta yorum alan\u0131n\u0131 tamamen de kald\u0131rabilirsiniz. Bu durumda, WordPress, teman\u0131z\u0131n ad\u0131 olarak, tema klas\u00f6r\u00fcn\u00fcz\u00fcn ad\u0131n\u0131 kullan\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Bir_Yavru_Tema_Icin_stylecss\">Bir Yavru Tema \u0130\u00e7in style.css<\/span><\/h2>\n\n\n\n<p>E\u011fer bir yavru tema (Child Theme) olu\u015fturuyorsan\u0131z, <code>style.css<\/code> dosyan\u0131z\u0131n yorum k\u0131sm\u0131nda bulunmas\u0131 gereken iki zorunlu alan \u015funlard\u0131r:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*\nTheme Name: Benim Temam\u0131n Yavrusu\nTemplate: benim-temam\n*\/<\/code><\/pre>\n\n\n\n<p>Yavru temalar hakk\u0131nda detayl\u0131 bilgi ilerleyen yaz\u0131lar\u0131m\u0131zda verilecektir.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Her Wordpress temas\u0131nda bulunmas\u0131 gereken bir temel dosya olan style.css dosyas\u0131 hakk\u0131nda bir yaz\u0131d\u0131r.<\/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":[21,20],"class_list":["post-57","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tema-yapimi","tag-stil-dosyasi","tag-style-css"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/57","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=57"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/57\/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=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}