{"id":2458,"date":"2019-05-22T02:31:02","date_gmt":"2019-05-21T23:31:02","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=2458"},"modified":"2021-02-27T01:13:47","modified_gmt":"2021-02-26T22:13:47","slug":"4-4-temaya-logo-ekleme","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/4-4-temaya-logo-ekleme\/","title":{"rendered":"4.4 Temaya Logo Ekleme"},"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=\"#Logo_Eklemek_Ne_Demektir\"><span class=\"toc_number toc_depth_1\">1<\/span> Logo Eklemek Ne Demektir?<\/a><\/li><li><a href=\"#WordPress_Temasina_Bir_Logo_Ozelligi_Kazandirmak\"><span class=\"toc_number toc_depth_1\">2<\/span> WordPress Temas\u0131na Bir Logo \u00d6zelli\u011fi Kazand\u0131rmak<\/a><\/li><li><a href=\"#Logoyu_Temada_Gosterme\"><span class=\"toc_number toc_depth_1\">3<\/span> Logoyu Temada G\u00f6sterme<\/a><\/li><li><a href=\"#WordPress_Temasina_Logo_Ekleme_Ile_Ilgili_Sablon_Fonksiyonlari\"><span class=\"toc_number toc_depth_1\">4<\/span> WordPress Temas\u0131na Logo Ekleme \u0130le \u0130lgili \u015eablon Fonksiyonlar\u0131<\/a><\/li><\/ul><\/div>\n\n<p>Bir <strong>WordPress<\/strong> temas\u0131na <strong>logo eklemek<\/strong> i\u00e7in gereken PHP kodlar\u0131 ve bu kodlar\u0131n kullan\u0131m \u00f6rneklerini verdi\u011fimiz dersimize ho\u015f geldiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Logo_Eklemek_Ne_Demektir\">Logo Eklemek Ne Demektir?<\/span><\/h2>\n\n\n\n<p>Bir WordPress temas\u0131na logo eklemek demek, y\u00f6netim panelinden, <strong>G\u00f6r\u00fcn\u00fcm-&gt;\u00d6zelle\u015ftir-&gt;Site kimli\u011fi<\/strong> sayfas\u0131na giderek, &#8220;<strong>Logo se\u00e7<\/strong>&#8221; butonu ile bir resim y\u00fcklemek ve bu resmi, uygun <a aria-label=\"\u015fablon dosyalar\u0131nda (yeni sekmede a\u00e7\u0131l\u0131r)\" rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyalar\u0131nda<\/a> kullanmak demektir.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"208\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-temasina-logo-ekleme.png\" alt=\"WordPress Logo Ekleme\" class=\"wp-image-2461\"\/><figcaption>WordPress Temas\u0131na Bir Logo Alan\u0131 Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<p>Y\u00f6netim panelinden y\u00fcklenen logo resmini, temada kullanmak i\u00e7in ise, bu resmi, genellikle, <code>header.php<\/code> dosyas\u0131n\u0131n uygun bir yerine, <code>the_custom_logo()<\/code> fonksiyonu ile \u00e7a\u011f\u0131rmak gerekir. B\u00f6ylece temaya logo \u00f6zelli\u011fi kazand\u0131r\u0131lm\u0131\u015f olur. Detaylar i\u00e7in okumaya devam edin&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"WordPress_Temasina_Bir_Logo_Ozelligi_Kazandirmak\">WordPress Temas\u0131na Bir Logo \u00d6zelli\u011fi Kazand\u0131rmak<\/span><\/h2>\n\n\n\n<p>Bir WordPress temas\u0131na, logo \u00f6zelli\u011fi kazand\u0131rmak i\u00e7in, teman\u0131n <code>functions.php<\/code> dosyas\u0131na a\u015fa\u011f\u0131daki <a rel=\"noreferrer noopener\" aria-label=\"tema fonksiyonu (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-10-tema-fonksiyonlari\/\" target=\"_blank\">tema fonksiyonu<\/a> eklenir:<\/p>\n\n\n\n<p><code><em>functions.php<\/em><\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function ilktemam_logo_ozelligi() {\n     add_theme_support( 'custom-logo' );\n}\nadd_action( 'after_setup_theme', 'ilktemam_logo_ozelligi' );<\/code><\/pre>\n\n\n\n<p>Bu fonksiyon eklendi\u011finde, teman\u0131n y\u00f6netim panelinde, <strong>G\u00f6r\u00fcn\u00fcm-&gt;\u00d6zelle\u015ftir-&gt;Site kimli\u011fi<\/strong> sayfas\u0131na, resimde g\u00f6r\u00fcld\u00fc\u011f\u00fc gibi bir &#8220;<strong>Logo<\/strong>&#8221; alan\u0131 eklenir.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"208\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/05\/wordpress-temasina-logo-ekleme.png\" alt=\"WordPress Logo Ekleme\" class=\"wp-image-2461\"\/><figcaption>WordPress Temas\u0131na Bir Logo Alan\u0131 Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<p><code>add_theme_support('custom-logo')<\/code> fonksiyonuna, ikinci bir parametre daha ekleyerek, logo resmi i\u00e7in baz\u0131 varsay\u0131lan ayarlar ekleyebiliriz. A\u015fa\u011f\u0131da, bu fonksiyonun, ikinci parametresi ile birlikte, kullan\u0131m\u0131 verilmi\u015ftir:<\/p>\n\n\n\n<p><code><em>functions.php<\/em><\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function ilktemam_logo_ozelligi() {\n $varsayilanlar= array(\n 'height'      =&gt; 100, \/\/ Logo resminin y\u00fcksekli\u011fi\n 'width'       =&gt; 400, \/\/ Logo resminin geni\u015fli\u011fi\n 'flex-height' =&gt; true, \/\/ K\u0131rparken fare ile y\u00fckseklik de\u011fi\u015ftirilebilir\n 'flex-width'  =&gt; true, \/\/ K\u0131rparken fare ile geni\u015flik de\u011fi\u015ftirilebilir\n 'header-text' =&gt; array( 'site-title', 'site-description' ), \/\/ logo eklendi\u011finde, site ba\u015fl\u0131\u011f\u0131n\u0131 ve slogan\u0131n\u0131 sakla\n );\n add_theme_support( 'custom-logo', $varsayilanlar);\n}\nadd_action( 'after_setup_theme', 'ilktemam_logo_ozelligi' );<\/code><\/pre>\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=\"Logoyu_Temada_Gosterme\">Logoyu Temada G\u00f6sterme<\/span><\/h2>\n\n\n\n<p>Logo resmi, genellikle <code>header.php<\/code> dosyas\u0131nda \u00e7a\u011f\u0131r\u0131l\u0131r. Logo resmini \u00e7a\u011f\u0131rmak i\u00e7in kullan\u0131lan fonksiyonu \u015fudur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>the_custom_logo();<\/code><\/pre>\n\n\n\n<p>Bu fonksiyonu tan\u0131mayan daha eski WordPress versiyonlar\u0131na uyumluluk a\u00e7\u0131s\u0131ndan, fonksiyonun \u015fu \u015fekilde kullan\u0131lmas\u0131 tavsiye edilir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if ( function_exists( 'the_custom_logo' ) ) {\n the_custom_logo();\n}<\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki fonksiyon, teman\u0131zda, a\u015fa\u011f\u0131daki HTML kodunu \u00fcretir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"http:\/\/localhost\/benimsitem\/\" class=\"custom-logo-link\" rel=\"home\" itemprop=\"url\"&gt;\n  &lt;img src=\"http:\/\/localhost\/benimsitem\/wp-content\/uploads\/2019\/05\/logo.png\" class=\"custom-logo\" alt=\"WordPress Dersleri\" itemprop=\"logo\" srcset=\"http:\/\/localhost\/benimsitem\/wp-content\/uploads\/2019\/05\/logo.png 225w, http:\/\/localhost\/benimsitem\/wp-content\/uploads\/2019\/05\/logo-150x150.jpg 150w\" sizes=\"(max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" width=\"400\" height=\"100\"&gt;\n&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>E\u011fer, <code>the_custom_logo()<\/code> fonksiyonunun \u00fcretti\u011fi HTML ho\u015funuza gitmedi ise, logo i\u00e7in, kendi HTML&#8217;inizi \u00fcretebilirsiniz. A\u015fa\u011f\u0131da, kendi logo kodunuzu olu\u015fturmak i\u00e7in, size ilham verecek bir \u00f6rnek verilmi\u015ftir:<\/p>\n\n\n\n<p><code>header.php<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$logo_id = get_theme_mod( 'custom_logo' );\n$logo = wp_get_attachment_image_src( $logo_id , 'full' );\nif ( has_custom_logo() ) {\n        echo '&lt;img src=\"' . esc_url( $logo&#091;0] ) . '\" alt=\"' . get_bloginfo( 'name' ) . '\"&gt;';\n} else {\n        echo '&lt;h1 class=\"site-adi\"&gt;'. get_bloginfo( 'name' ) .'&lt;\/h1&gt;';\n        echo '&lt;p class=\"site-aciklamasi\"&gt;'. get_bloginfo( 'description' ) .'&lt;\/p&gt;';\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"WordPress_Temasina_Logo_Ekleme_Ile_Ilgili_Sablon_Fonksiyonlari\">WordPress Temas\u0131na Logo Ekleme \u0130le \u0130lgili \u015eablon Fonksiyonlar\u0131<\/span><\/h2>\n\n\n\n<p>\u015eablon dosyalar\u0131n\u0131zda, logo eklemek i\u00e7in kullanabilece\u011finiz <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-6-sablon-fonksiyonlari-template-tags\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\u015fablon fonksiyonlar\u0131 (yeni sekmede a\u00e7\u0131l\u0131r)\">\u015fablon fonksiyonlar\u0131<\/a> a\u015fa\u011f\u0131da verilmi\u015ftir:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code>get_custom_logo()&nbsp;-&nbsp;<\/code>Logoyu g\u00f6stermek i\u00e7in kullan\u0131lan HTML&#8217;i d\u00f6nd\u00fcr\u00fcr.<\/li><li><code>the_custom_logo()&nbsp;-&nbsp;<\/code>Logoyu g\u00f6stermek i\u00e7in kullan\u0131lan HTML&#8217;i ekrana bast\u0131r\u0131r. <\/li><li><code>has_custom_logo()&nbsp;-&nbsp;<\/code>Bir logo resmi se\u00e7ilip se\u00e7ilmedi\u011fini kontrol eder. Logo resmi se\u00e7ilip y\u00fcklendi ise <code>true<\/code>, y\u00fcklenmedi ise <code>false<\/code>, de\u011ferini d\u00f6nd\u00fcr\u00fcr.<\/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","protected":false},"excerpt":{"rendered":"<p>Her WordPress temas\u0131, logo deste\u011fi i\u00e7erir. Bir WordPress temas\u0131na, logo eklemeyi \u00f6\u011frenmek istiyorsan\u0131z bu dersi okuyun.<\/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":[106,105,104],"class_list":["post-2458","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tema-yapimi","tag-logo","tag-temaya-logo-ekleme","tag-wordpress-temasina-logo-ekleme"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/2458","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=2458"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/2458\/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=2458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=2458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=2458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}