G\u00fcn\u00fcm\u00fcz\u00fcn h\u0131zla de\u011fi\u015fen dijital d\u00fcnyas\u0131nda, i\u015fletmelerin yaz\u0131l\u0131m ihtiya\u00e7lar\u0131 da s\u00fcrekli evriliyor. Mevcut bir \u00fcr\u00fcn\u00fcn temel kaynak kodunu de\u011fi\u015ftirmeden, \u00f6zelle\u015ftirilmi\u015f \u00e7\u00f6z\u00fcmler geli\u015ftirmek, hem maliyet etkinli\u011fi hem de s\u00fcrd\u00fcr\u00fclebilirlik a\u00e7\u0131s\u0131ndan kritik bir \u00f6neme sahiptir. Bu makale, temel \u00fcr\u00fcn koduna m\u00fcdahale etmeden esnek \u00f6zelle\u015ftirmeler yapman\u0131n \u00e7e\u015fitli yollar\u0131n\u0131 ve en iyi uygulamalar\u0131n\u0131 derinlemesine inceleyecektir.<\/p>\n
Modern i\u015f d\u00fcnyas\u0131nda, \u015firketler genellikle haz\u0131r yaz\u0131l\u0131m \u00fcr\u00fcnlerini (ERP, CRM, E-ticaret platformlar\u0131 vb.) kullanmay\u0131 tercih ederler. Bu \u00fcr\u00fcnler, geni\u015f bir yelpazedeki standart ihtiya\u00e7lar\u0131 kar\u015f\u0131larken, her i\u015fletmenin kendine \u00f6zg\u00fc i\u015f s\u00fcre\u00e7leri ve gereksinimleri farkl\u0131l\u0131k g\u00f6sterebilir. \u0130\u015fte bu noktada \u00f6zelle\u015ftirme ihtiyac\u0131 do\u011far. Ancak, temel \u00fcr\u00fcn\u00fcn kaynak kodunda do\u011frudan de\u011fi\u015fiklik yapmak, uzun vadede ciddi sorunlara yol a\u00e7abilir. \u00d6ncelikle, yaz\u0131l\u0131m sa\u011flay\u0131c\u0131s\u0131 taraf\u0131ndan sunulan g\u00fcncellemeleri ve yamalar\u0131 uygulamak son derece zorla\u015f\u0131r. Her g\u00fcncellemede, sizin yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fikliklerle yeni kodlar aras\u0131nda \u00e7ak\u0131\u015fmalar (merge conflict) ya\u015fanabilir ve bu da g\u00fcncelleme s\u00fcrecini uzun, maliyetli ve hata potansiyeli y\u00fcksek bir hale getirir. Ayr\u0131ca, temel \u00fcr\u00fcn kodunda yap\u0131lan de\u011fi\u015fiklikler, \u00fcr\u00fcn\u00fcn garantisini ge\u00e7ersiz k\u0131labilir veya teknik destek alman\u0131z\u0131 engelleyebilir. G\u00fcvenlik a\u00e7\u0131klar\u0131 veya performans d\u00fc\u015f\u00fc\u015fleri gibi beklenmedik yan etkiler de ortaya \u00e7\u0131kabilir. Bu nedenle, yaz\u0131l\u0131m\u0131n \u00e7ekirdek yap\u0131s\u0131n\u0131 bozmadan, eklentiler, API entegrasyonlar\u0131, konfig\u00fcrasyon ayarlar\u0131 veya d\u0131\u015f katmanlar arac\u0131l\u0131\u011f\u0131yla \u00f6zelle\u015ftirmeler yapmak, hem daha g\u00fcvenli hem de daha s\u00fcrd\u00fcr\u00fclebilir bir yakla\u015f\u0131md\u0131r. Bu y\u00f6ntemler sayesinde i\u015fletmeler, ihtiya\u00e7 duyduklar\u0131 esnekli\u011fi ve i\u015flevselli\u011fi elde ederken, ayn\u0131 zamanda \u00fcr\u00fcn\u00fcn bak\u0131m kolayl\u0131\u011f\u0131n\u0131, g\u00fcncel kalmas\u0131n\u0131 ve performans\u0131n\u0131 da koruyabilirler. K\u0131sacas\u0131, temel kodu de\u011fi\u015ftirmemek, yaz\u0131l\u0131m yat\u0131r\u0131m\u0131n\u0131z\u0131n \u00f6mr\u00fcn\u00fc uzat\u0131r ve gelecekteki olas\u0131 sorunlar\u0131n \u00f6n\u00fcne ge\u00e7er.<\/p>\n
Di\u011fer yandan, temel \u00fcr\u00fcn kodunu de\u011fi\u015ftirmeden yap\u0131lan \u00f6zelle\u015ftirmeler, geli\u015ftirme s\u00fcrecini de h\u0131zland\u0131r\u0131r. Geli\u015ftiriciler, mevcut bir kod taban\u0131n\u0131 ba\u015ftan sona anlamaya \u00e7al\u0131\u015fmak yerine, belirli bir API dok\u00fcmantasyonuna veya eklenti mimarisine odaklanabilirler. Bu, \u00f6zellikle b\u00fcy\u00fck ve karma\u015f\u0131k kurumsal yaz\u0131l\u0131mlarla \u00e7al\u0131\u015f\u0131rken \u00f6nemli bir avantaj sa\u011flar. Ek olarak, bu t\u00fcr \u00f6zelle\u015ftirmeler, farkl\u0131 ekiplerin veya \u00fc\u00e7\u00fcnc\u00fc taraf geli\u015ftiricilerin, ana \u00fcr\u00fcn\u00fcn entegre bir par\u00e7as\u0131 gibi \u00e7al\u0131\u015fan kendi \u00e7\u00f6z\u00fcmlerini g\u00fcvenli bir \u015fekilde olu\u015fturmas\u0131na olanak tan\u0131r. B\u00f6ylece, hem i\u00e7 kaynaklar optimize edilir hem de d\u0131\u015f uzmanl\u0131ktan faydalanma kap\u0131s\u0131 a\u00e7\u0131l\u0131r. Bu da i\u015fletmelerin dinamik pazar ko\u015fullar\u0131na daha h\u0131zl\u0131 adapte olabilmesini ve rekabet avantaj\u0131 elde etmesini sa\u011flar. \u00d6zellikle h\u0131zl\u0131 prototipleme ve A\/B testi gibi senaryolarda, ana kodu etkilemeden yap\u0131lan de\u011fi\u015fiklikler, deneme yan\u0131lma s\u00fcrecini kolayla\u015ft\u0131r\u0131r ve inovasyonu te\u015fvik eder.<\/p>\n
\u00dcr\u00fcn \u00f6zelle\u015ftirmesi kavram\u0131na yabanc\u0131ysan\u0131z, baz\u0131 temel terimleri ve yakla\u015f\u0131mlar\u0131 anlamak \u00f6nemlidir. Bu b\u00f6l\u00fcm, temel \u00fcr\u00fcn koduna dokunmadan \u00f6zelle\u015ftirme yapman\u0131n ard\u0131ndaki mant\u0131\u011f\u0131 ve farkl\u0131 y\u00f6ntemleri a\u00e7\u0131klayacakt\u0131r.<\/p>\n
Kaynak kodunu do\u011frudan de\u011fi\u015ftirmek cazip g\u00f6r\u00fcnebilir \u00e7\u00fcnk\u00fc an\u0131nda istedi\u011finiz i\u015flevi eklemenize olanak tan\u0131r. Ancak, bu yakla\u015f\u0131m beraberinde bir dizi risk ve maliyet getirir:<\/p>\n
Bu nedenlerden \u00f6t\u00fcr\u00fc, m\u00fcmk\u00fcn oldu\u011funca temel \u00fcr\u00fcn koduna dokunmaktan ka\u00e7\u0131nmak ve bunun yerine \u00fcr\u00fcn\u00fcn sundu\u011fu resmi \u00f6zelle\u015ftirme mekanizmalar\u0131n\u0131 kullanmak en iyi uygulamad\u0131r. Bu, uzun vadede daha az ba\u015f a\u011fr\u0131s\u0131, daha d\u00fc\u015f\u00fck maliyet ve daha g\u00fcvenli bir operasyon anlam\u0131na gelir.<\/p>\n
Kaynak koduna dokunmadan \u00f6zelle\u015ftirme yapman\u0131n farkl\u0131 yollar\u0131 vard\u0131r. Bunlar genellikle platformun sundu\u011fu esnekli\u011fe g\u00f6re de\u011fi\u015fir:<\/p>\n
Bu y\u00f6ntemlerin her biri, farkl\u0131 d\u00fczeylerde esneklik ve karma\u015f\u0131kl\u0131k sunar. Se\u00e7iminiz, projenizin gereksinimlerine, mevcut platformun yeteneklerine ve teknik uzmanl\u0131\u011f\u0131n\u0131za ba\u011fl\u0131 olacakt\u0131r.<\/p>\n
\u015eimdiye kadar teorik altyap\u0131y\u0131 inceledik. Bu b\u00f6l\u00fcmde ise pratik yakla\u015f\u0131mlara ve kod \u00f6rneklerine odaklanarak, temel \u00fcr\u00fcn kodunu de\u011fi\u015ftirmeden \u00f6zelle\u015ftirme yapman\u0131n en yayg\u0131n ve etkili yollar\u0131n\u0131 ele alaca\u011f\u0131z. Her bir yakla\u015f\u0131m, belirli senaryolar i\u00e7in en uygun \u00e7\u00f6z\u00fcm\u00fc sunar.<\/p>\n
Bir\u00e7ok modern yaz\u0131l\u0131m platformu, “\u00e7ekirdek” koduna dokunmadan i\u015flevsellik eklemenizi sa\u011flayan eklenti veya mod\u00fcl mimarileriyle tasarlanm\u0131\u015ft\u0131r. Bu mimariler, geli\u015ftiricilere belirli “hook” noktalar\u0131, olaylar (events) veya a\u00e7\u0131k API’ler (Application Programming Interfaces) arac\u0131l\u0131\u011f\u0131yla kendi kodlar\u0131n\u0131 \u00e7al\u0131\u015ft\u0131rma olana\u011f\u0131 sunar. Pop\u00fcler \u00f6rnekler aras\u0131nda WordPress (eklentiler), Magento (mod\u00fcller), Jira (uygulamalar), Salesforce (AppExchange) ve hatta VS Code (uzant\u0131lar) bulunur.<\/p>\n
Eklentiler, genellikle platformun tan\u0131mlad\u0131\u011f\u0131 bir yap\u0131ya (dosya ve klas\u00f6r d\u00fczeni) uymal\u0131 ve belirli aray\u00fczleri veya soyut s\u0131n\u0131flar\u0131 uygulamal\u0131d\u0131r. Bu sayede, eklenti kodu ana uygulama taraf\u0131ndan kolayca ke\u015ffedilir, y\u00fcklenir ve \u00e7al\u0131\u015ft\u0131r\u0131l\u0131r. Bir eklenti, yeni men\u00fc \u00f6\u011feleri ekleyebilir, mevcut formlara alanlar ekleyebilir, veritaban\u0131 i\u015flemlerini de\u011fi\u015ftirebilir veya harici sistemlerle entegrasyon sa\u011flayabilir.<\/p>\n
\u00d6rne\u011fin, bir WordPress eklentisi geli\u015ftiriyorsan\u0131z, ana i\u00e7erik veya sayfa y\u00fckleme gibi belirli olaylar i\u00e7in tan\u0131mlanm\u0131\u015f “action” veya “filter” hook’lar\u0131na kendi fonksiyonlar\u0131n\u0131z\u0131 ba\u011flayabilirsiniz. Bu sayede, temel WordPress kodunu hi\u00e7 de\u011fi\u015ftirmeden web sitenizin davran\u0131\u015f\u0131n\u0131 veya \u00e7\u0131kt\u0131s\u0131n\u0131 de\u011fi\u015ftirebilirsiniz.<\/p>\n
A\u015fa\u011f\u0131da, bir WordPress sitesindeki makale i\u00e7eri\u011fine \u00f6zel bir not ekleyen basit bir PHP filtresi \u00f6rne\u011fi bulunmaktad\u0131r:<\/p>\n
\n\n Bilgi:<\/strong> Bu i\u00e7erik, web sitemizin \u00f6zel geli\u015ftirilmi\u015f eklentisi taraf\u0131ndan zenginle\u015ftirilmi\u015ftir.<\/p>\n<\/div>\n';\n return $modified_content;\n}\n?>\n <\/pre>\n<\/code><\/p>\n
Bu \u00f6rnekte, add_filter<\/code> fonksiyonu, the_content<\/code> ad\u0131ndaki filtre kancas\u0131na my_custom_content_filter<\/code> fonksiyonunu ba\u011flar. Herhangi bir g\u00f6nderi veya sayfan\u0131n i\u00e7eri\u011fi g\u00f6r\u00fcnt\u00fclenmeden \u00f6nce, my_custom_content_filter<\/code> fonksiyonu \u00e7al\u0131\u015facak ve i\u00e7eri\u011fi de\u011fi\u015ftirecektir. Bu sayede, ana WordPress kaynak koduna dokunmadan sitenizin \u00e7\u0131kt\u0131s\u0131n\u0131 kolayca manip\u00fcle edebilirsiniz.<\/p>\nEklenti mimarilerinin sundu\u011fu en b\u00fcy\u00fck avantajlardan biri, temel \u00fcr\u00fcn g\u00fcncellemelerinden etkilenmemeleridir (genellikle). Eklentiniz, \u00fcr\u00fcn\u00fcn API'sini veya hook'lar\u0131n\u0131 kulland\u0131\u011f\u0131 s\u00fcrece, temel \u00fcr\u00fcn g\u00fcncellendi\u011finde bile \u00e7al\u0131\u015fmaya devam etmelidir. Bu, bak\u0131m ve y\u00fckseltme maliyetlerini \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r.<\/p>\n
API ve Webhook Entegrasyonlar\u0131 ile Esnek Geli\u015fim Nas\u0131l Sa\u011flan\u0131r?<\/h3>\n
API'ler (Application Programming Interfaces) ve Webhook'lar, farkl\u0131 yaz\u0131l\u0131m sistemlerinin birbirleriyle g\u00fcvenli ve programl\u0131 bir \u015fekilde ileti\u015fim kurmas\u0131n\u0131 sa\u011flayan temel mekanizmalard\u0131r. Temel \u00fcr\u00fcn\u00fcn kaynak koduna eri\u015fiminiz olmasa bile, bu ara\u00e7lar arac\u0131l\u0131\u011f\u0131yla harici sistemlerle entegrasyon kurarak veya mevcut i\u015flevselli\u011fi geni\u015fleterek kapsaml\u0131 \u00f6zelle\u015ftirmeler yapabilirsiniz. Bu y\u00f6ntem, \u00f6zellikle SaaS (Software as a Service) \u00fcr\u00fcnleri veya kapal\u0131 kaynakl\u0131 sistemlerle \u00e7al\u0131\u015f\u0131rken vazge\u00e7ilmezdir.<\/p>\n
API'ler<\/strong> genellikle \"istek-cevap\" (request-response) modeline dayan\u0131r. Bir sistem (istemci), di\u011fer sisteme (sunucu) belirli bir veri veya eylem talebinde bulunur ve sunucu bu talebi i\u015fleyerek bir cevap d\u00f6ner. RESTful API'ler, GraphQL veya SOAP gibi farkl\u0131 standartlarda olabilirler. API'ler sayesinde, \u00f6rne\u011fin bir e-ticaret sitenizdeki sipari\u015f bilgilerini al\u0131p kendi muhasebe yaz\u0131l\u0131m\u0131n\u0131za aktarabilir, m\u00fc\u015fteri verilerini CRM sisteminizle senkronize edebilir veya harici bir \u00f6deme ge\u00e7idi entegre edebilirsiniz.<\/p>\nA\u015fa\u011f\u0131da, bir Python beti\u011fi kullanarak harici bir API'den veri \u00e7eken basit bir \u00f6rnek verilmi\u015ftir:<\/p>\n
\nimport requests\nimport json\n\napi_url = \"https:\/\/jsonplaceholder.typicode.com\/posts\" # \u00d6rnek bir herkese a\u00e7\u0131k API\nheaders = {\"Content-Type\": \"application\/json\"} # Genellikle JSON veri g\u00f6nderip al\u0131n\u0131r\n\ntry:\n # API'den t\u00fcm postlar\u0131 getir\n response = requests.get(api_url, headers=headers)\n response.raise_for_status() # HTTP hatalar\u0131 (4xx veya 5xx) i\u00e7in istisna f\u0131rlat\u0131r\n\n posts = response.json()\n print(\"API'den al\u0131nan ilk 3 post:\")\n for i, post in enumerate(posts[:3]):\n print(f\" Post ID: {post['id']}, Ba\u015fl\u0131k: {post['title'][:50]}...\")\n\n # Yeni bir post olu\u015fturma (POST iste\u011fi)\n new_post_data = {\n \"title\": \"API ile Eklenen Yeni Ba\u015fl\u0131k\",\n \"body\": \"Bu, harici bir betik arac\u0131l\u0131\u011f\u0131yla API'ye g\u00f6nderilen \u00f6rnek bir post i\u00e7eri\u011fidir.\",\n \"userId\": 1\n }\n post_response = requests.post(api_url, headers=headers, data=json.dumps(new_post_data))\n post_response.raise_for_status()\n created_post = post_response.json()\n print(\"\\nAPI'ye g\u00f6nderilen yeni post:\")\n print(f\" ID: {created_post['id']}, Ba\u015fl\u0131k: {created_post['title']}\")\n\nexcept requests.exceptions.RequestException as e:\n print(f\"API iste\u011fi s\u0131ras\u0131nda bir hata olu\u015ftu: {e}\")\nexcept json.JSONDecodeError as e:\n print(f\"API yan\u0131t\u0131 JSON olarak \u00e7\u00f6z\u00fcmlenemedi: {e}\")\n <\/pre>\n<\/code><\/p>\n
Bu kod par\u00e7as\u0131, bir d\u0131\u015f servise GET ve POST istekleri g\u00f6ndererek veri al\u0131p g\u00f6ndermeyi g\u00f6sterir. Bu mant\u0131\u011f\u0131 kullanarak, ana \u00fcr\u00fcn\u00fcn verilerini okuyabilir, de\u011fi\u015ftirebilir veya yeni veriler olu\u015fturarak \u00f6zelle\u015ftirilmi\u015f i\u015f ak\u0131\u015flar\u0131 tasarlayabilirsiniz.<\/p>\n
Webhook'lar<\/strong> ise \"olay tabanl\u0131\" (event-driven) bir ileti\u015fim mekanizmas\u0131d\u0131r. Bir sistemde belirli bir olay (\u00f6rne\u011fin, yeni bir kullan\u0131c\u0131 kayd\u0131, bir sipari\u015fin durumu de\u011fi\u015fti) meydana geldi\u011finde, bu sistem \u00f6nceden belirlenmi\u015f bir URL'e (webhook URL) otomatik olarak bir HTTP POST iste\u011fi g\u00f6nderir. Bu istek genellikle olay\u0131n detaylar\u0131n\u0131 i\u00e7eren bir JSON y\u00fck\u00fc ta\u015f\u0131r. Webhook'lar, sistemler aras\u0131nda ger\u00e7ek zamanl\u0131 veya near real-time entegrasyonlar kurmak i\u00e7in idealdir.<\/p>\n\u00d6rne\u011fin, bir e-ticaret platformunda bir sipari\u015fin durumu \"Kargoya Verildi\" olarak de\u011fi\u015fti\u011finde, platform kendi tan\u0131mlad\u0131\u011f\u0131n\u0131z bir webhook URL'ine bu bilgiyi g\u00f6nderebilir. Sizin sunucunuzdaki bu URL'i dinleyen bir uygulama, bu olay\u0131 yakalayarak m\u00fc\u015fteri SMS'i g\u00f6nderme, stoklar\u0131 g\u00fcncelleme veya muhasebe sistemine kay\u0131t ge\u00e7me gibi \u00f6zel i\u015flevleri tetikleyebilir. Bu sayede, ana \u00fcr\u00fcn\u00fcn kaynak koduna m\u00fcdahale etmeden, i\u015f ak\u0131\u015flar\u0131n\u0131z\u0131 otomatikle\u015ftirmi\u015f ve geni\u015fletmi\u015f olursunuz.<\/p>\n
API ve Webhook entegrasyonlar\u0131, \u00f6zellikle mikroservis mimarileri veya serverless fonksiyonlar ile birle\u015ftirildi\u011finde muazzam bir esneklik sunar. Her bir entegrasyon, ana \u00fcr\u00fcnden ba\u011f\u0131ms\u0131z olarak geli\u015ftirilebilir, da\u011f\u0131t\u0131labilir ve bak\u0131m\u0131 yap\u0131labilir, bu da gelecekteki g\u00fcncellemeleri ve de\u011fi\u015fiklikleri \u00e7ok daha y\u00f6netilebilir hale getirir.<\/p>\n
G\u00f6rsel ve Kullan\u0131c\u0131 Deneyimi \u00d6zelle\u015ftirmeleri: Temay\u0131 ve Aray\u00fcz\u00fc Nas\u0131l De\u011fi\u015ftirirsiniz?<\/h2>\n
Bir yaz\u0131l\u0131m \u00fcr\u00fcn\u00fcn\u00fc \u00f6zelle\u015ftirmenin sadece i\u015flevsellik eklemekle s\u0131n\u0131rl\u0131 olmad\u0131\u011f\u0131n\u0131 unutmamak gerekir. Kullan\u0131c\u0131 aray\u00fcz\u00fc (UI) ve kullan\u0131c\u0131 deneyimi (UX), markan\u0131z\u0131n kimli\u011fini yans\u0131tmak, kullan\u0131c\u0131 dostu bir ortam sa\u011flamak ve hatta d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131n\u0131 art\u0131rmak i\u00e7in hayati \u00f6neme sahiptir. Temel \u00fcr\u00fcn\u00fcn kaynak koduna dokunmadan, g\u00f6rsel ve etkile\u015fimli \u00f6\u011feleri de\u011fi\u015ftirmek de m\u00fcmk\u00fcnd\u00fcr. Bu genellikle CSS (Cascading Style Sheets) ve JavaScript'in g\u00fcc\u00fcn\u00fc kullanarak yap\u0131l\u0131r.<\/p>\n
\u00c7o\u011fu modern web tabanl\u0131 uygulama ve platform, kullan\u0131c\u0131lar\u0131n \u00f6zel CSS kurallar\u0131 ve JavaScript komut dosyalar\u0131 eklemesine izin veren mekanizmalara sahiptir. Bu mekanizmalar genellikle tema ayarlar\u0131, \u00f6zel CSS\/JS ekleme alanlar\u0131 veya bir eklenti\/mod\u00fcl arac\u0131l\u0131\u011f\u0131yla sunulur.<\/p>\n
\n- CSS Overriding (Stil Ge\u00e7ersiz K\u0131lma):<\/strong> Mevcut bir web uygulamas\u0131n\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc de\u011fi\u015ftirmek i\u00e7in en temel y\u00f6ntemdir. Uygulama taraf\u0131ndan y\u00fcklenen CSS dosyalar\u0131na ek olarak, kendi \u00f6zel CSS kodunuzu ekleyerek mevcut stilleri ge\u00e7ersiz k\u0131labilirsiniz. CSS'in \"Cascade\" (basamakl\u0131) \u00f6zelli\u011fi sayesinde, daha sonra y\u00fcklenen veya daha spesifik olan kurallar, \u00f6ncekileri ezer. B\u00f6ylece, renkleri, fontlar\u0131, bo\u015fluklar\u0131, element boyutlar\u0131n\u0131 ve hatta elementlerin konumlar\u0131n\u0131 de\u011fi\u015ftirebilirsiniz.<\/li>\n
- JavaScript Enjeksiyonu:<\/strong> Uygulaman\u0131n dinamik davran\u0131\u015f\u0131n\u0131 ve kullan\u0131c\u0131 etkile\u015fimini de\u011fi\u015ftirmek i\u00e7in JavaScript kullan\u0131l\u0131r. Bu, yeni interaktif \u00f6\u011feler eklemek, mevcut \u00f6\u011felerin davran\u0131\u015f\u0131n\u0131 de\u011fi\u015ftirmek, form alanlar\u0131n\u0131 do\u011frulamak, AJAX \u00e7a\u011fr\u0131lar\u0131 yapmak veya kullan\u0131c\u0131 eylemlerine (t\u0131klamalar, fare hareketleri) yan\u0131t vermek i\u00e7in kullan\u0131labilir. G\u00fcvenlik ve performans a\u00e7\u0131s\u0131ndan dikkatli kullan\u0131lmas\u0131 gereken g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r.<\/li>\n<\/ul>\n
\u00d6rne\u011fin, bir e-ticaret platformunun \"sepete ekle\" butonunun rengini ve boyutunu de\u011fi\u015ftirmek veya bir blog platformundaki yorum formuna \u00f6zel bir do\u011frulama eklemek isteyebilirsiniz. Bu t\u00fcr de\u011fi\u015fiklikler, genellikle platformun sundu\u011fu \"Custom CSS\" veya \"Custom JavaScript\" alanlar\u0131na kod eklenerek yap\u0131l\u0131r. E\u011fer b\u00f6yle bir alan yoksa, bir eklenti veya taray\u0131c\u0131 uzant\u0131s\u0131 arac\u0131l\u0131\u011f\u0131yla da bu kodlar\u0131 enjekte etmek m\u00fcmk\u00fcn olabilir (ancak bu, son kullan\u0131c\u0131n\u0131n taray\u0131c\u0131s\u0131na ba\u011fl\u0131 bir \u00e7\u00f6z\u00fcmd\u00fcr ve platform genelinde uygulanamaz).<\/p>\n
A\u015fa\u011f\u0131daki CSS \u00f6rne\u011fi, bir web sitesindeki genel d\u00fczeni farkl\u0131 ekran boyutlar\u0131na g\u00f6re nas\u0131l de\u011fi\u015ftirebilece\u011finizi g\u00f6sterir. Bu, mobil uyumlu ve duyarl\u0131 tasar\u0131m i\u00e7in temel bir yakla\u015f\u0131md\u0131r:<\/p>\n
\n