Web geli\u015ftirme d\u00fcnyas\u0131nda, \u00f6zellikle de WordPress gibi i\u00e7erik y\u00f6netim sistemleriyle \u00e7al\u0131\u015f\u0131rken, kodunuzun belirli noktalarda devreye girmesini sa\u011flamak kritik \u00f6neme sahiptir. \u0130\u015fte tam bu noktada “enqueue hooks” dedi\u011fimiz yap\u0131lar devreye giriyor. Peki, bu kancalar ne i\u015fe yarar, neden bu kadar \u00e7e\u015fitlidir ve en \u00f6nemlisi, bunlar\u0131 birbirine kar\u0131\u015ft\u0131rmadan nas\u0131l do\u011fru \u015fekilde kullan\u0131r\u0131z? Bu makalede, d\u00f6rt ana enqueue hook’unu, farkl\u0131 kullan\u0131m alanlar\u0131n\u0131 ve her birini ne zaman tercih etmeniz gerekti\u011fini ad\u0131m ad\u0131m inceleyece\u011fiz. Amac\u0131m\u0131z, bu g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131 daha bilin\u00e7li kullanman\u0131z\u0131 sa\u011flayarak, web sitenizin performans\u0131n\u0131 ve y\u00f6netilebilirli\u011fini art\u0131rman\u0131za yard\u0131mc\u0131 olmak.<\/p>\n
Modern web siteleri, sadece HTML, CSS ve JavaScript’ten ibaret de\u011fildir. Dinamik i\u00e7erikler, etkile\u015fimli kullan\u0131c\u0131 aray\u00fczleri ve karma\u015f\u0131k i\u015flevsellikler i\u00e7in bu temel teknolojilere ek olarak bir\u00e7ok k\u00fct\u00fcphane, framework ve \u00f6zel betik (script) kullan\u0131l\u0131r. Bu harici kaynaklar\u0131 veya kendi \u00f6zel betiklerimizi web sayfalar\u0131m\u0131za eklerken, onlar\u0131 do\u011fru zamanda, do\u011fru s\u0131rayla ve do\u011fru \u015fekilde y\u00fcklemek hayati \u00f6nem ta\u015f\u0131r. Yanl\u0131\u015f yap\u0131lan bir y\u00fckleme, sitenizin yava\u015flamas\u0131na, hatalar vermesine, hatta hi\u00e7 \u00e7al\u0131\u015fmamas\u0131na neden olabilir. \u0130\u015fte “enqueue” (s\u0131raya alma, kuyru\u011fa ekleme) mekanizmas\u0131 ve onunla ili\u015fkili hook’lar, bu s\u00fcreci d\u00fczenli ve g\u00fcvenli hale getirir.<\/p>\n
WordPress gibi pop\u00fcler sistemlerde, tema ve eklentiler arac\u0131l\u0131\u011f\u0131yla eklenen stil (CSS) ve betik (JavaScript) dosyalar\u0131n\u0131n y\u00f6netimi olduk\u00e7a \u00f6nemlidir. Bu sistemler, geli\u015ftiricilere kodlar\u0131n\u0131 do\u011frudan ana dosyalarla kar\u0131\u015ft\u0131rmak yerine, belirli noktalarda bu kaynaklar\u0131 “enqueue” etme imkan\u0131 sunar. Bu sayede, kodlar daha mod\u00fcler hale gelir, g\u00fcncellemeler kolayla\u015f\u0131r ve farkl\u0131 eklentilerin veya temalar\u0131n \u00e7ak\u0131\u015fma olas\u0131l\u0131\u011f\u0131 azal\u0131r. Enqueue hook’lar\u0131 ise, bu “enqueue” i\u015fleminin ne zaman ve nerede ger\u00e7ekle\u015fece\u011fini belirlememizi sa\u011flayan tetikleyicilerdir. Bu hook’lar\u0131 do\u011fru anlamak, web sitenizin temelini olu\u015fturan kaynaklar\u0131 optimize etmenin anahtar\u0131d\u0131r.<\/p>\n
D\u00fc\u015f\u00fcn\u00fcn ki bir e-ticaret sitesi kuruyorsunuz. Bu sitede hem \u00fcr\u00fcn listeleme sayfalar\u0131 i\u00e7in \u00f6zel bir g\u00f6rsel kayd\u0131rma (slider) beti\u011fi kullanmak istiyorsunuz, hem de \u00f6deme sayfas\u0131nda ge\u00e7erlilik kontrol\u00fc yapan bir form do\u011frulama beti\u011fi. Bu betikleri sadece ana \u015fablona eklemek, her sayfada gereksiz yere y\u00fcklenmelerine yol a\u00e7acakt\u0131r. Oysa enqueue mekanizmas\u0131 sayesinde, g\u00f6rsel kayd\u0131rma beti\u011fini sadece \u00fcr\u00fcn listeleme sayfalar\u0131nda, form do\u011frulama beti\u011fini ise sadece \u00f6deme sayfas\u0131nda y\u00fckleyebilirsiniz. Bu optimizasyon, sitenizin genel y\u00fcklenme s\u00fcresini \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r ve kullan\u0131c\u0131 deneyimini iyile\u015ftirir. \u0130\u015fte bu se\u00e7ici y\u00fcklemeyi sa\u011flayan temel mekanizma enqueue hook’lar\u0131d\u0131r.<\/p>\n
WordPress’te stil ve betik dosyalar\u0131n\u0131 y\u00f6netmek i\u00e7in kullan\u0131lan ana fonksiyonlar WordPress’in eylem (action) ve filtre (filter) hook’lar\u0131, geli\u015ftiricilere \u00e7ekirdek WordPress i\u015flevselli\u011fini geni\u015fletme veya de\u011fi\u015ftirme imkan\u0131 sunar. Enqueue hook’lar\u0131 da bu eylem hook’lar\u0131 kategorisine girer. Belirli bir eylem ger\u00e7ekle\u015fti\u011finde (\u00f6rne\u011fin, sayfa y\u00fcklenirken), bu hook’lar arac\u0131l\u0131\u011f\u0131yla kendi fonksiyonlar\u0131m\u0131z\u0131 \u00e7al\u0131\u015ft\u0131rabiliriz. Bu fonksiyonlar da Bu mekanizman\u0131n temel mant\u0131\u011f\u0131 \u015fudur: WordPress, sayfa olu\u015fturma s\u00fcrecinin belirli a\u015famalar\u0131nda “ben \u015fimdi stil y\u00fckleyece\u011fim” veya “ben \u015fimdi betik y\u00fckleyece\u011fim” gibi i\u015faretler verir. Bu i\u015faretler hook’lard\u0131r. Biz de bu i\u015faretleri yakalay\u0131p, kendi y\u00fckleme fonksiyonlar\u0131m\u0131z\u0131 bu i\u015faretlerin tetikledi\u011fi anda \u00e7al\u0131\u015facak \u015fekilde kaydederiz. Bu, kodunuzun daha temiz, daha organize ve daha az hataya a\u00e7\u0131k olmas\u0131n\u0131 sa\u011flar. Ayr\u0131ca, WordPress’in kendisi taraf\u0131ndan sa\u011flanan bu standartla\u015ft\u0131r\u0131lm\u0131\u015f y\u00f6ntem, tema ve eklentiler aras\u0131nda uyumlulu\u011fu da art\u0131r\u0131r.<\/p>\n \u00d6rne\u011fin, bir eklenti geli\u015ftirirken, eklentinizin \u00f6zel bir JavaScript dosyas\u0131na ihtiyac\u0131 oldu\u011funu varsayal\u0131m. Bu JavaScript dosyas\u0131n\u0131 do\u011frudan tema dosyalar\u0131na eklemek yerine, eklentinizin ana PHP dosyas\u0131nda WordPress’te stil ve betik y\u00fcklemek i\u00e7in kullan\u0131lan d\u00f6rt temel hook vard\u0131r. Bunlar, sayfan\u0131n hangi a\u015famas\u0131nda ve hangi ba\u011flamda kaynak eklemek istedi\u011fimize g\u00f6re farkl\u0131l\u0131k g\u00f6sterir. Her birinin kendine \u00f6zg\u00fc bir amac\u0131 ve kullan\u0131m senaryosu bulunur. Bu d\u00f6rtl\u00fcye yak\u0131ndan bakal\u0131m:<\/p>\n Bu hook, en s\u0131k kullan\u0131lan ve en genel ama\u00e7l\u0131 olan\u0131d\u0131r. WordPress sitenizin \u00f6n y\u00fcz\u00fcnde (frontend), yani ziyaret\u00e7ilerin g\u00f6rd\u00fc\u011f\u00fc sayfalarda stil ve betik dosyalar\u0131n\u0131 y\u00fcklemek i\u00e7in kullan\u0131l\u0131r. Bu hook, sayfan\u0131n HTML \u00e7\u0131kt\u0131s\u0131 olu\u015fturulmaya ba\u015fland\u0131ktan sonra ve genellikle Ger\u00e7ek D\u00fcnya Senaryosu:<\/strong> Bir foto\u011fraf\u00e7\u0131 teman\u0131z var ve her galeri sayfas\u0131 i\u00e7in \u00f6zel bir g\u00f6rsel efekt k\u00fct\u00fcphanesi (\u00f6rne\u011fin, Lightbox benzeri bir efekt) kullanmak istiyorsunuz. Bu k\u00fct\u00fcphanenin CSS ve JavaScript dosyalar\u0131n\u0131 sadece galeri sayfalar\u0131nda y\u00fcklemek istersiniz. Kod \u00f6rne\u011fi olarak, teman\u0131z\u0131n Burada Bu hook, ad\u0131ndan da anla\u015f\u0131laca\u011f\u0131 gibi, WordPress y\u00f6netici paneli (backend) i\u00e7in stil ve betik dosyalar\u0131n\u0131 y\u00fcklemek amac\u0131yla kullan\u0131l\u0131r. E\u011fer y\u00f6netici panelinde \u00f6zel bir g\u00f6r\u00fcn\u00fcm sa\u011flamak, yeni bir ayar sayfas\u0131 eklemek veya mevcut bir ayar sayfas\u0131n\u0131 daha i\u015flevsel hale getirmek istiyorsan\u0131z, bu hook’u kullanmal\u0131s\u0131n\u0131z. Bu hook da genellikle tema veya eklenti dosyalar\u0131n\u0131zda tan\u0131mlan\u0131r. Ancak bu kez, fonksiyonunuzu Ger\u00e7ek D\u00fcnya Senaryosu:<\/strong> Bir e-ticaret eklentisi geli\u015ftiriyorsunuz ve \u00fcr\u00fcn d\u00fczenleme sayfas\u0131nda, \u00fcr\u00fcn varyantlar\u0131 i\u00e7in daha geli\u015fmi\u015f bir renk se\u00e7ici (color picker) aray\u00fcz\u00fc eklemek istiyorsunuz. Bu renk se\u00e7ici i\u00e7in \u00f6zel bir JavaScript k\u00fct\u00fcphanesi ve CSS dosyas\u0131 gereklidir. Bu dosyalar\u0131 sadece \u00fcr\u00fcn d\u00fczenleme sayfas\u0131nda y\u00fcklemek, y\u00f6netici panelinin genel performans\u0131n\u0131 olumlu etkiler. \u00d6rnek bir kullan\u0131m:<\/p>\n Burada WordPress’in giri\u015f (login) sayfas\u0131, genellikle Bu hook, genellikle tema veya eklenti taraf\u0131ndan sa\u011flan\u0131r ve y\u00f6netici paneli hook’undan daha spesifik bir alana odaklan\u0131r. Giri\u015f sayfas\u0131n\u0131n standart g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc de\u011fi\u015ftirmek veya \u00fczerine ek i\u015flevsellikler katmak istedi\u011finizde kullan\u0131\u015fl\u0131d\u0131r. \u00d6rne\u011fin, giri\u015f formuna \u00f6zel bir arka plan g\u00f6rseli eklemek veya “\u015eifremi Unuttum” ba\u011flant\u0131s\u0131n\u0131 farkl\u0131 bir yere ta\u015f\u0131mak gibi i\u015flemler bu hook ile yap\u0131labilir.<\/p>\n Ger\u00e7ek D\u00fcnya Senaryosu:<\/strong> Bir ajans olarak, m\u00fc\u015fterileriniz i\u00e7in WordPress siteleri kuruyorsunuz. Her m\u00fc\u015fterinin kendi kurumsal kimli\u011fi var ve giri\u015f sayfas\u0131n\u0131n da bu kimli\u011fe uygun olmas\u0131n\u0131 istiyorsunuz. M\u00fc\u015fterinin logosunu ve renklerini i\u00e7eren \u00f6zel bir CSS dosyas\u0131 olu\u015fturup, bu dosyay\u0131 \u00d6rnek kullan\u0131m:<\/p>\n Bu kod, tema dizinindeki Yukar\u0131da bahsedilen \u00fc\u00e7 hook, genellikle kaynaklar\u0131 s\u0131raya almak (enqueue) i\u00e7in kullan\u0131l\u0131r. Ancak bazen, \u00f6zellikle daha karma\u015f\u0131k senaryolarda veya belirli bir nedenden dolay\u0131 kaynaklar\u0131 do\u011frudan yazd\u0131rmak (print) isteyebilirsiniz. \u0130\u015fte bu noktada Bu hook’lar\u0131 kullanmak, kaynaklar\u0131 s\u0131raya almak yerine do\u011frudan Ger\u00e7ek D\u00fcnya Senaryosu:<\/strong> Bir plugin geli\u015ftiriyorsunuz ve bu plugin’in \u00e7al\u0131\u015fmas\u0131 i\u00e7in baz\u0131 temel ayarlar\u0131n veya de\u011fi\u015fkenlerin JavaScript ile tan\u0131mlanmas\u0131 gerekiyor. Bu de\u011fi\u015fkenler, plugin’in frontend’de nas\u0131l davranaca\u011f\u0131n\u0131 belirleyebilir. \u00d6rnek kullan\u0131m:<\/p>\nwp_enqueue_style()<\/code> ve wp_enqueue_script()<\/code>‘tir. Bu fonksiyonlar, bir dosyan\u0131n URL’sini, ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131 (yani bu dosyan\u0131n \u00e7al\u0131\u015fmas\u0131 i\u00e7in gereken di\u011fer dosyalar), s\u00fcr\u00fcm numaras\u0131n\u0131 ve dosyan\u0131n footer’da m\u0131 yoksa header’da m\u0131 y\u00fcklenece\u011fini belirtmemizi sa\u011flar. Bu fonksiyonlar\u0131n kendileri bir i\u015fe yaramaz; onlar\u0131 \u00e7a\u011f\u0131rmam\u0131z gerekir. \u0130\u015fte tam bu noktada hook’lar devreye girer.<\/p>\nwp_enqueue_style()<\/code> ve wp_enqueue_script()<\/code> gibi fonksiyonlar\u0131 \u00e7a\u011f\u0131rarak istedi\u011fimiz kaynaklar\u0131 sayfaya ekler.<\/p>\nwp_enqueue_script()<\/code> fonksiyonunu kullanarak bu dosyay\u0131 s\u0131raya al\u0131rs\u0131n\u0131z. Ancak bu fonksiyonu nerede \u00e7a\u011f\u0131racaks\u0131n\u0131z? \u0130\u015fte burada bir hook’a ihtiyac\u0131n\u0131z var. Bu hook, WordPress’in betikleri y\u00fcklemeye haz\u0131r oldu\u011fu bir an\u0131 temsil eder. Bu an\u0131 yakalay\u0131p kendi fonksiyonunuzu \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda, WordPress sizin i\u00e7in bu beti\u011fi do\u011fru zamanda ve do\u011fru yere ekleyecektir. Bu, kodunuzun WordPress’in genel yap\u0131s\u0131yla uyumlu olmas\u0131n\u0131 sa\u011flar.<\/p>\nD\u00f6rt Ana Enqueue Hook’u ve Kullan\u0131m Alanlar\u0131<\/h2>\n
1.
wp_enqueue_scripts<\/code>: Genel Ama\u00e7l\u0131 Frontend Y\u00fcklemeler<\/h3>\n<head><\/code> b\u00f6l\u00fcm\u00fc tamamlanmadan hemen \u00f6nce tetiklenir. Bu nedenle, \u00e7o\u011fu durumda stil dosyalar\u0131n\u0131z i\u00e7in idealdir \u00e7\u00fcnk\u00fc CSS’in sayfa yap\u0131s\u0131 olu\u015fturulmadan \u00f6nce y\u00fcklenmesi, “Flickering” (titreme) olarak adland\u0131r\u0131lan, i\u00e7eri\u011fin ge\u00e7 y\u00fcklenip g\u00f6r\u00fcn\u00fcr hale gelmesi sorununu \u00f6nler.<\/p>\nwp_enqueue_scripts<\/code> hook’unu kullan\u0131rken, genellikle functions.php<\/code> dosyan\u0131zda veya \u00f6zel bir eklentinizin ana dosyas\u0131nda bir fonksiyon tan\u0131mlars\u0131n\u0131z. Bu fonksiyon i\u00e7inde wp_enqueue_style()<\/code> ve wp_enqueue_script()<\/code> fonksiyonlar\u0131n\u0131 \u00e7a\u011f\u0131r\u0131rs\u0131n\u0131z. \u00d6rne\u011fin, teman\u0131z\u0131n \u00f6zel bir ana men\u00fc animasyonu i\u00e7in bir JavaScript dosyas\u0131 varsa veya bir blog yaz\u0131s\u0131 i\u00e7in \u00f6zel bir yorumlar formu stil dosyas\u0131 eklemek istiyorsan\u0131z, bu hook tam size g\u00f6re.<\/p>\nwp_enqueue_scripts<\/code> hook’unu kullanarak, bir ko\u015ful blo\u011fu (\u00f6rne\u011fin, is_page_template('gallery.php')<\/code>) i\u00e7ine bu dosyalar\u0131 s\u0131raya alabilirsiniz. B\u00f6ylece, ziyaret\u00e7i ana sayfay\u0131 veya ileti\u015fim sayfas\u0131n\u0131 gezdi\u011finde bu gereksiz dosyalar y\u00fcklenmez, siteniz daha h\u0131zl\u0131 a\u00e7\u0131l\u0131r.<\/p>\nfunctions.php<\/code> dosyas\u0131na \u015funlar\u0131 ekleyebilirsiniz:<\/p>\n\n function my_custom_scripts() {\n \/\/ \u00d6zel CSS dosyas\u0131n\u0131 y\u00fckle\n wp_enqueue_style( 'my-custom-styles', get_template_directory_uri() . '\/css\/custom-styles.css' );\n\n \/\/ \u00d6zel JS dosyas\u0131n\u0131 y\u00fckle (footer'da y\u00fcklenmesi \u00f6nerilir)\n wp_enqueue_script( 'my-custom-scripts', get_template_directory_uri() . '\/js\/custom-scripts.js', array('jquery'), '1.0', true );\n }\n add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );\n <\/code><\/pre>\narray('jquery')<\/code>, \u00f6zel JavaScript dosyam\u0131z\u0131n jQuery k\u00fct\u00fcphanesine ba\u011f\u0131ml\u0131 oldu\u011funu belirtir. Son parametre olan true<\/code> ise beti\u011fin footer’da y\u00fcklenmesini sa\u011flar, bu da sayfan\u0131n daha h\u0131zl\u0131 render edilmesine yard\u0131mc\u0131 olur.<\/p>\n2.
admin_enqueue_scripts<\/code>: Y\u00f6netici Paneli \u00d6zelle\u015ftirmeleri<\/h3>\nwp_enqueue_scripts<\/code> frontend i\u00e7in ne kadar \u00f6nemliyse, admin_enqueue_scripts<\/code> de backend i\u00e7in o kadar \u00f6nemlidir.<\/p>\nadmin_enqueue_scripts<\/code> eylemine ba\u011flars\u0131n\u0131z. Bu hook’un bir \u00f6zelli\u011fi, hangi sayfa veya post t\u00fcr\u00fc i\u00e7in betik y\u00fcklemek istedi\u011finizi belirtebilmenizdir. Bu, y\u00f6netici panelinin gereksiz yere yava\u015flamas\u0131n\u0131 \u00f6nler. \u00d6rne\u011fin, sadece “Yaz\u0131lar” sayfas\u0131nda \u00e7al\u0131\u015fan \u00f6zel bir JavaScript kodunuz varsa, bunu sadece o sayfada y\u00fckleyebilirsiniz.<\/p>\nadmin_enqueue_scripts<\/code> hook’unu kullanarak, $hook_suffix<\/code> parametresini kontrol edip, sadece ilgili sayfada bu kaynaklar\u0131 s\u0131raya alabilirsiniz.<\/p>\n\n function my_admin_scripts( $hook_suffix ) {\n \/\/ Sadece \u00fcr\u00fcn d\u00fczenleme sayfas\u0131nda (post.php?post_type=product)\n if ( 'post.php' === $hook_suffix && 'product' === get_post_type() ) {\n wp_enqueue_style( 'product-admin-styles', plugins_url( '\/css\/product-admin.css', __FILE__ ) );\n wp_enqueue_script( 'product-admin-scripts', plugins_url( '\/js\/product-admin.js', __FILE__ ), array('wp-color-picker'), '1.0', true );\n }\n }\n add_action( 'admin_enqueue_scripts', 'my_admin_scripts' );\n <\/code><\/pre>\n$hook_suffix<\/code>, mevcut y\u00f6netici sayfas\u0131n\u0131n benzersiz tan\u0131mlay\u0131c\u0131s\u0131n\u0131 i\u00e7erir. Biz de bu tan\u0131mlay\u0131c\u0131y\u0131 kontrol ederek betiklerimizi sadece do\u011fru sayfada y\u00fckl\u00fcyoruz. wp-color-picker<\/code> ise WordPress’in kendi renk se\u00e7ici beti\u011fine olan ba\u011f\u0131ml\u0131l\u0131\u011f\u0131 belirtir.<\/p>\n3.
login_enqueue_scripts<\/code>: Giri\u015f Sayfas\u0131 \u00d6zelle\u015ftirmeleri<\/h3>\nwp-login.php<\/code> adresiyle eri\u015filen, kullan\u0131c\u0131lar\u0131n sisteme giri\u015f yapt\u0131\u011f\u0131 \u00f6zel bir sayfad\u0131r. Bu sayfan\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc \u00f6zelle\u015ftirmek, marka kimli\u011finizi yans\u0131tmak veya ek g\u00fcvenlik uyar\u0131lar\u0131 gibi bilgiler eklemek isteyebilirsiniz. \u0130\u015fte tam bu noktada login_enqueue_scripts<\/code> hook’u devreye girer. Bu hook, sadece giri\u015f sayfas\u0131 y\u00fcklendi\u011finde tetiklenir ve bu sayfan\u0131n <head><\/code> b\u00f6l\u00fcm\u00fcne stil ve betik eklemenize olanak tan\u0131r.<\/p>\nlogin_enqueue_scripts<\/code> hook’u arac\u0131l\u0131\u011f\u0131yla giri\u015f sayfas\u0131na ekleyebilirsiniz. Bu, m\u00fc\u015fteriye profesyonel bir hizmet sundu\u011funuzu g\u00f6sterir.<\/p>\n\n function my_login_styles() {\n wp_enqueue_style( 'custom-login-styles', get_stylesheet_directory_uri() . '\/css\/login-styles.css' );\n }\n add_action( 'login_enqueue_scripts', 'my_login_styles' );\n <\/code><\/pre>\ncss\/login-styles.css<\/code> dosyas\u0131n\u0131 giri\u015f sayfas\u0131na ekleyecektir. Bu CSS dosyas\u0131 i\u00e7inde, body<\/code>, #loginform<\/code> gibi se\u00e7icileri kullanarak giri\u015f sayfas\u0131n\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc istedi\u011finiz gibi de\u011fi\u015ftirebilirsiniz.<\/p>\n4.
wp_print_scripts<\/code> ve wp_print_styles<\/code>: Daha D\u00fc\u015f\u00fck Seviyeli Kontrol<\/h3>\nwp_print_scripts<\/code> ve wp_print_styles<\/code> hook’lar\u0131 devreye girer. Bu hook’lar, WordPress’in zaten s\u0131raya ald\u0131\u011f\u0131 (enqueued) betik ve stil dosyalar\u0131n\u0131 yazd\u0131rmas\u0131ndan hemen \u00f6nce tetiklenir.<\/p>\n<script><\/code> veya <link rel=\"stylesheet\"><\/code> etiketlerini HTML’e eklemenizi sa\u011flar. Bu, daha az esneklik sunar ve genellikle \u00f6nerilen y\u00f6ntem de\u011fildir. Ancak, baz\u0131 durumlarda, \u00f6rne\u011fin betiklerinize veya stillerinize \u00f6zel inline (sat\u0131r i\u00e7i) JavaScript kodlar\u0131 veya CSS kurallar\u0131 eklemek istedi\u011finizde kullan\u0131\u015fl\u0131 olabilir. Bu hook’lar, wp_head<\/code> ve wp_footer<\/code> hook’lar\u0131na daha yak\u0131nd\u0131r.<\/p>\nwp_print_scripts<\/code> hook’unu kullanarak, bu de\u011fi\u015fkenleri <script><\/code> etiketleri aras\u0131na inline olarak yazd\u0131rabilirsiniz. \u00d6rne\u011fin, bir harita plugin’i i\u00e7in API anahtar\u0131n\u0131 veya ba\u015flang\u0131\u00e7 koordinatlar\u0131n\u0131 bu \u015fekilde tan\u0131mlayabilirsiniz.<\/p>\n\n function my_inline_scripts() {\n \/\/ Sadece belirli bir sayfada \u00e7al\u0131\u015facak inline script\n if ( is_page('contact') ) {\n ?>\n