<\/span><\/h3>\nTeoriyi prati\u011fe d\u00f6kelim:<\/p>\n
YouTube Videosu G\u00f6mme<\/h4>\n
\u0130zledi\u011finiz bir YouTube videosunun taray\u0131c\u0131daki URL’sini (\u00f6rn: https:\/\/www.youtube.com\/watch?v=ornekVideoID<\/code>) kopyalay\u0131n ve do\u011frudan WordPress edit\u00f6r\u00fcndeki yeni bir sat\u0131ra yap\u0131\u015ft\u0131r\u0131n. Video oynat\u0131c\u0131s\u0131 an\u0131nda belirecektir.<\/p>\nTwitter G\u00f6nderisi (Tweet) G\u00f6mme<\/h4>\n
G\u00f6r\u00fcnt\u00fclemek istedi\u011finiz tweet’in sa\u011f alt k\u00f6\u015fesindeki payla\u015f ikonuna t\u0131klay\u0131n ve “Tweet’in ba\u011flant\u0131s\u0131n\u0131 kopyala” se\u00e7ene\u011fini se\u00e7in. Bu URL’yi edit\u00f6re yap\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda, tweet’in tamam\u0131 interaktif bir kart olarak g\u00f6r\u00fcnecektir.<\/p>\n
Spotify \u015eark\u0131s\u0131 veya Podcast’i G\u00f6mme<\/h4>\n
Spotify’da bir \u015fark\u0131 veya podcast b\u00f6l\u00fcm\u00fcn\u00fcn yan\u0131ndaki \u00fc\u00e7 noktaya (…) t\u0131klay\u0131n, “Payla\u015f” men\u00fcs\u00fcne gelin ve “\u015eark\u0131\/B\u00f6l\u00fcm Ba\u011flant\u0131s\u0131n\u0131 Kopyala”y\u0131 se\u00e7in. Bu linki WordPress’e yap\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda, kullan\u0131c\u0131lar\u0131n sitenizden ayr\u0131lmadan m\u00fczi\u011fi veya podcast’i dinleyebilece\u011fi bir Spotify oynat\u0131c\u0131s\u0131 olu\u015fur.<\/p>\n
Vimeo Videosu G\u00f6mme<\/h4>\n
T\u0131pk\u0131 YouTube gibi, Vimeo’daki bir videonun adres \u00e7ubu\u011fundaki URL’sini kopyalay\u0131p WordPress edit\u00f6r\u00fcne yap\u0131\u015ft\u0131rman\u0131z, videoyu sitenize g\u00f6mmek i\u00e7in yeterlidir.<\/p>\n
<\/span>oEmbed ile \u0130lgili S\u0131k Kar\u015f\u0131la\u015f\u0131lan Sorunlar ve \u00c7\u00f6z\u00fcmleri<\/span><\/h2>\noEmbed teknolojisi genellikle sorunsuz \u00e7al\u0131\u015fsa da, zaman zaman kullan\u0131c\u0131lar\u0131n can\u0131n\u0131 s\u0131kan baz\u0131 problemler ortaya \u00e7\u0131kabilir. G\u00f6m\u00fclen i\u00e7eri\u011fin g\u00f6r\u00fcnmemesi veya URL’nin basit bir metin olarak kalmas\u0131 gibi durumlar, genellikle basit yap\u0131land\u0131rma hatalar\u0131ndan veya \u00e7ak\u0131\u015fmalardan kaynaklan\u0131r. \u0130\u015fte en s\u0131k kar\u015f\u0131la\u015f\u0131lan oEmbed sorunlar\u0131 ve pratik \u00e7\u00f6z\u00fcm yollar\u0131.<\/p>\n
<\/span>G\u00f6m\u00fclen \u0130\u00e7eri\u011fin G\u00f6z\u00fckmemesi Sorunu<\/span><\/h3>\nURL’yi yap\u0131\u015ft\u0131rd\u0131n\u0131z ancak yerine bo\u015f bir alan veya bir hata mesaj\u0131 m\u0131 g\u00f6r\u00fcyorsunuz? Bunun birka\u00e7 nedeni olabilir:<\/p>\n
\n- Desteklenmeyen Servis:<\/b> G\u00f6mme yapmaya \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131z web sitesi, WordPress’in oEmbed taraf\u0131ndan desteklenen g\u00fcvenilir servisler listesinde olmayabilir.<\/li>\n
- Ge\u00e7ersiz URL:<\/b> Kopyalad\u0131\u011f\u0131n\u0131z URL’nin eksik veya hatal\u0131 olmad\u0131\u011f\u0131ndan emin olun. \u00d6zellikle “\u00f6zel” veya “liste d\u0131\u015f\u0131” olarak ayarlanm\u0131\u015f i\u00e7erikler bazen g\u00f6mme sorunlar\u0131 ya\u015fatabilir.<\/li>\n
- API Sorunlar\u0131:<\/b> \u0130\u00e7erik sa\u011flay\u0131c\u0131n\u0131n (\u00f6rne\u011fin Twitter’\u0131n) sunucular\u0131nda anl\u0131k bir sorun olabilir. Birka\u00e7 dakika bekleyip sayfay\u0131 yenilemeyi deneyin.<\/li>\n<\/ul>\n
<\/span>URL’nin Metin Olarak Kalmas\u0131 ve D\u00f6n\u00fc\u015fmemesi<\/span><\/h3>\nEn yayg\u0131n sorunlardan biri, yap\u0131\u015ft\u0131r\u0131lan URL’nin bir medya oynat\u0131c\u0131s\u0131na d\u00f6n\u00fc\u015fmek yerine t\u0131klanabilir bir link veya d\u00fcz metin olarak kalmas\u0131d\u0131r.<\/p>\n
\n- Ayr\u0131 Sat\u0131r Kural\u0131:<\/b> URL’nin edit\u00f6rde mutlaka kendi sat\u0131r\u0131nda tek ba\u015f\u0131na olmas\u0131 gerekir. \u00d6ncesinde veya sonras\u0131nda herhangi bir harf, bo\u015fluk veya karakter olmamal\u0131d\u0131r.<\/li>\n
- Hiperlink Hatas\u0131:<\/b> Bazen kullan\u0131c\u0131lar fark\u0131nda olmadan URL’yi yap\u0131\u015ft\u0131rd\u0131ktan sonra onu bir hiperlink’e d\u00f6n\u00fc\u015ft\u00fcr\u00fcrler (yani metin mavidir ve alt\u0131 \u00e7izilidir). E\u011fer URL bir
<a href=\"...\"><\/code> etiketi i\u00e7ine al\u0131nm\u0131\u015fsa, oEmbed \u00e7al\u0131\u015fmaz. Linki kald\u0131r\u0131p URL’yi d\u00fcz metin olarak yeniden yap\u0131\u015ft\u0131rmay\u0131 deneyin.<\/li>\n- Blok Edit\u00f6r Sorunlar\u0131:<\/b> Gutenberg’de URL’yi bir “Paragraf” veya ilgili “G\u00f6mme” blo\u011funa yap\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zdan emin olun. Bazen “Kod” veya “HTML” gibi farkl\u0131 bir blok t\u00fcr\u00fc kullanmak bu soruna yol a\u00e7abilir.<\/li>\n<\/ul>\n
<\/span>Tema veya Eklenti \u00c7ak\u0131\u015fmalar\u0131n\u0131n Etkisi<\/span><\/h3>\nBazen sorun WordPress \u00e7ekirde\u011finde veya sizin hatan\u0131zda de\u011fil, kulland\u0131\u011f\u0131n\u0131z tema veya eklentilerdedir.<\/p>\n
\n- Eklenti \u00c7ak\u0131\u015fmas\u0131:<\/b> \u00d6zellikle g\u00fcvenlik, \u00f6nbellekleme (caching) veya i\u00e7erik optimizasyon eklentileri, harici sunucularla olan ileti\u015fimi (HTTP isteklerini) engelleyerek oEmbed’in \u00e7al\u0131\u015fmas\u0131n\u0131 \u00f6nleyebilir. Sorunu te\u015fhis etmek i\u00e7in eklentilerinizi ge\u00e7ici olarak tek tek devre d\u0131\u015f\u0131 b\u0131rakmay\u0131 deneyin.<\/li>\n
- Tema Sorunlar\u0131:<\/b> K\u00f6t\u00fc kodlanm\u0131\u015f bir tema, g\u00f6m\u00fclen i\u00e7eriklerin g\u00f6r\u00fcnt\u00fclenmesini sa\u011flayan JavaScript dosyalar\u0131n\u0131 veya stilleri bozabilir. Sorunun temadan kaynaklan\u0131p kaynaklanmad\u0131\u011f\u0131n\u0131 anlamak i\u00e7in ge\u00e7ici olarak WordPress’in varsay\u0131lan temalar\u0131ndan birine (\u00f6rn. Twenty Twenty-Three) ge\u00e7i\u015f yapabilirsiniz.<\/li>\n<\/ul>\n
<\/span>G\u00f6m\u00fclen \u0130\u00e7eri\u011fin Boyutlar\u0131n\u0131 ve Hizalamas\u0131n\u0131 Ayarlama<\/span><\/h3>\nG\u00f6m\u00fclen video veya i\u00e7erik bekledi\u011finizden daha b\u00fcy\u00fck, daha k\u00fc\u00e7\u00fck veya yanl\u0131\u015f hizalanm\u0131\u015f olabilir.<\/p>\n
\n- Gutenberg Blok Ayarlar\u0131:<\/b> Blok edit\u00f6r\u00fcn\u00fc kullan\u0131yorsan\u0131z, g\u00f6mme blo\u011funu se\u00e7ti\u011finizde \u00fcst ara\u00e7 \u00e7ubu\u011funda hizalama se\u00e7enekleri (sola, ortaya, sa\u011fa, geni\u015f en, tam en) belirir. Bu ayarlar\u0131 kullanarak i\u00e7eri\u011finizi kolayca konumland\u0131rabilirsiniz.<\/li>\n
- CSS Kodlar\u0131:<\/b> E\u011fer teman\u0131z\u0131n ayarlar\u0131 yetersiz kal\u0131yorsa, teman\u0131z\u0131n “Ek CSS” b\u00f6l\u00fcm\u00fcne \u00f6zel CSS kodlar\u0131 ekleyerek g\u00f6m\u00fcl\u00fc \u00f6\u011felerin (genellikle
<iframe><\/code> veya .wp-block-embed<\/code> gibi s\u0131n\u0131flara sahip olurlar) maksimum geni\u015fli\u011fini veya en-boy oran\u0131n\u0131 ayarlayabilirsiniz.<\/li>\n- Wrapper Div Kullan\u0131m\u0131:<\/b> Baz\u0131 temalar, duyarl\u0131l\u0131\u011f\u0131 sa\u011flamak i\u00e7in g\u00f6m\u00fcl\u00fc i\u00e7erikleri otomatik olarak bir
<div><\/code> etiketi i\u00e7ine al\u0131r. Bu etiketin stilleri, i\u00e7eri\u011finizin boyutunu etkileyebilir. Bu durumu, taray\u0131c\u0131n\u0131z\u0131n “\u0130ncele” (Inspect) arac\u0131n\u0131 kullanarak kontrol edebilirsiniz.<\/li>\n<\/ul>\n<\/span>Geli\u015fmi\u015f oEmbed Teknikleri ve \u00d6zelle\u015ftirmeler<\/span><\/h2>\nWordPress’in temel oEmbed \u00f6zellikleri \u00e7o\u011fu kullan\u0131c\u0131 i\u00e7in yeterli olsa da, bazen daha fazla kontrol ve esneklik gerekebilir. Desteklenmeyen bir servisi eklemek, performans\u0131 art\u0131rmak i\u00e7in \u00f6nbelle\u011fi y\u00f6netmek veya eklentilerle yeni yetenekler kazanmak, oEmbed deneyiminizi bir \u00fcst seviyeye ta\u015f\u0131yabilir. Bu b\u00f6l\u00fcmde, WordPress’te oEmbed’i daha verimli kullanman\u0131z\u0131 sa\u011flayacak geli\u015fmi\u015f tekniklere odaklanaca\u011f\u0131z.<\/p>\n
<\/span>WordPress’in Varsay\u0131lan Olarak Destekledi\u011fi Servisler Listesi<\/span><\/h3>\nWordPress, g\u00fcvenlik ve g\u00fcvenilirlik nedeniyle her web sitesinden i\u00e7erik g\u00f6m\u00fclmesine izin vermez. \u00c7ekirde\u011finde, \u00f6nceden onaylanm\u0131\u015f ve g\u00fcvenilir kabul edilen servislerin bir “beyaz listesi” (whitelist) bulunur. Bu liste zamanla g\u00fcncellenir. Ba\u015fl\u0131ca desteklenen servisler aras\u0131nda \u015funlar yer al\u0131r:<\/p>\n
\n- Video:<\/b> YouTube, Vimeo, Dailymotion, TED, Hulu<\/li>\n
- Sosyal Medya:<\/b> Twitter, Facebook, Instagram, Tumblr<\/li>\n
- M\u00fczik ve Ses:<\/b> Spotify, SoundCloud, Mixcloud<\/li>\n
- G\u00f6rsel ve Sunum:<\/b> Flickr, Imgur, SlideShare, Issuu<\/li>\n<\/ul>\n
Bu liste d\u0131\u015f\u0131ndaki bir siteden i\u00e7erik g\u00f6mmeye \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zda, URL genellikle d\u00fcz bir metin link olarak kalacakt\u0131r.<\/p>\n
<\/span>Desteklenmeyen Bir Servisi oEmbed Listesine Ekleme<\/span><\/h3>\nE\u011fer s\u0131k\u00e7a kulland\u0131\u011f\u0131n\u0131z ancak WordPress’in varsay\u0131lan listesinde olmayan bir servisten i\u00e7erik g\u00f6mmek isterseniz, bu servisi manuel olarak ekleyebilirsiniz. Bu i\u015flem, teman\u0131z\u0131n `functions.php` dosyas\u0131na k\u00fc\u00e7\u00fck bir kod eklemeyi gerektirir ve teknik bilgiye sahip kullan\u0131c\u0131lar i\u00e7in uygundur. `wp_oembed_add_provider()` fonksiyonu bu i\u015f i\u00e7in kullan\u0131l\u0131r.<\/p>\n
\u00d6rne\u011fin, “OrnekServis” ad\u0131nda bir platformu eklemek istedi\u011finizi varsayal\u0131m. Kodu \u015fu \u015fekilde olacakt\u0131r:<\/p>\n
\nfunction add_custom_oembed_provider() {
\n wp_oembed_add_provider( 'https:\/\/orneksite.com\/video\/*', 'https:\/\/orneksite.com\/api\/oembed\/' );
\n}
\nadd_action( 'init', 'add_custom_oembed_provider' );
\n<\/code><\/p>\nBu kodu eklemeden \u00f6nce sitenizin yede\u011fini alman\u0131z ve bir Child Theme (alt tema) kullanman\u0131z \u015fiddetle tavsiye edilir.<\/p>\n
<\/span>Eklentiler Arac\u0131l\u0131\u011f\u0131yla oEmbed Yeteneklerini Geni\u015fletme<\/span><\/h3>\nKodla u\u011fra\u015fmak istemiyorsan\u0131z, oEmbed yeteneklerini geni\u015fletmek i\u00e7in tasarlanm\u0131\u015f bir\u00e7ok eklenti mevcuttur. Bu eklentiler genellikle \u015fu i\u015flevleri sunar:<\/p>\n
\n- Daha Fazla Sa\u011flay\u0131c\u0131:<\/b> WordPress’in varsay\u0131lan listesine onlarca, hatta y\u00fczlerce yeni servis eklerler.<\/li>\n
- Duyarl\u0131l\u0131k Kontrol\u00fc:<\/b> G\u00f6m\u00fclen i\u00e7eriklerin t\u00fcm cihazlarda m\u00fckemmel g\u00f6r\u00fcnmesini sa\u011flamak i\u00e7in geli\u015fmi\u015f duyarl\u0131l\u0131k kontrolleri sunarlar.<\/li>\n
- Lazy Loading:<\/b> G\u00f6m\u00fclen videolar\u0131n veya i\u00e7eriklerin, kullan\u0131c\u0131 sayfay\u0131 a\u015fa\u011f\u0131 kayd\u0131r\u0131p o b\u00f6l\u00fcme gelene kadar y\u00fcklenmemesini sa\u011flayarak sayfa a\u00e7\u0131l\u0131\u015f h\u0131z\u0131n\u0131 art\u0131r\u0131rlar.<\/li>\n
- \u00d6zelle\u015ftirme Se\u00e7enekleri:<\/b> Video oynat\u0131c\u0131lar\u0131n kontrollerini, renklerini veya ba\u015flang\u0131\u00e7\/biti\u015f zamanlar\u0131n\u0131 ayarlama gibi ek se\u00e7enekler sunabilirler.<\/li>\n<\/ul>\n
WordPress eklenti deposunda “oEmbed” veya “embed” gibi anahtar kelimelerle arama yaparak pop\u00fcler \u00e7\u00f6z\u00fcmlere ula\u015fabilirsiniz.<\/p>\n
<\/span>oEmbed \u00d6nbelle\u011fini (Cache) Temizleme ve Y\u00f6netme<\/span><\/h3>\nPerformans\u0131 art\u0131rmak i\u00e7in WordPress, bir i\u00e7eri\u011fi ilk kez g\u00f6md\u00fc\u011f\u00fcnde ald\u0131\u011f\u0131 oEmbed verilerini (HTML kodunu) veritaban\u0131nda bir \u00f6nbelle\u011fe kaydeder. Bu sayede, ayn\u0131 i\u00e7erik her g\u00f6r\u00fcnt\u00fclendi\u011finde kaynak siteye tekrar tekrar istek g\u00f6nderilmez. Bu \u00f6nbellek, `postmeta` tablosunda `_oembed_` ile ba\u015flayan anahtarlarla saklan\u0131r.<\/p>\n
Ancak bazen, \u00f6rne\u011fin bir YouTube videosunun ba\u015fl\u0131k g\u00f6rseli (thumbnail) de\u011fi\u015fti\u011finde, sitenizdeki eski versiyon g\u00f6sterilmeye devam edebilir. Bu durumda oEmbed \u00f6nbelle\u011fini temizlemeniz gerekir. Bunu yapmak i\u00e7in:<\/p>\n
\n- Eklenti Kullan\u0131m\u0131:<\/b> “Cache” veya “oEmbed” y\u00f6netimi ile ilgili eklentiler genellikle bu \u00f6nbelle\u011fi temizlemek i\u00e7in bir d\u00fc\u011fme sunar.<\/li>\n
- WP-CLI Kullan\u0131m\u0131:<\/b> E\u011fer sunucunuza komut sat\u0131r\u0131 eri\u015fiminiz varsa, `wp cache flush` gibi komutlarla bu verileri temizleyebilirsiniz.<\/li>\n