{"id":2801,"date":"2024-11-03T07:00:14","date_gmt":"2024-11-03T04:00:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/"},"modified":"2024-11-03T07:00:14","modified_gmt":"2024-11-03T04:00:14","slug":"html-css-ve-javascript-ile-resim-slayt-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/","title":{"rendered":"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma"},"content":{"rendered":"

HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma<\/p>\n

Merhaba! Bu makalede, web sitenize interaktif bir resim slayt eklemek i\u00e7in HTML, CSS ve JavaScript kullanarak ad\u0131m ad\u0131m nas\u0131l bir resim slayt olu\u015fturabilece\u011finizi g\u00f6sterece\u011fim. Resim slaytlar, web sitenize hareket katmak ve ziyaret\u00e7ilerinizin ilgisini \u00e7ekmek i\u00e7in harika bir yoldur.<\/p>\n

## Temel HTML Yap\u0131s\u0131<\/p>\n

\u0130lk olarak, HTML yap\u0131m\u0131z\u0131 olu\u015ftural\u0131m. Bu basit bir HTML yap\u0131s\u0131, i\u00e7erisinde slayt g\u00f6sterece\u011fimiz bir div ve slaytlar\u0131 bar\u0131nd\u0131racak bir div olu\u015fturulur.<\/p>\n

“`html
\n
\n
\n
\n Resim Slayt<\/title>\n <link rel=\"stylesheet\" href=\"style.css\">\n<\/head><br \/>\n<body><\/p>\n<div class=\"slider\">\n<div class=\"slides\">\n <img decoding=\"async\" src=\"image1.jpg\" alt=\"Resim 1\"><br \/>\n <img decoding=\"async\" src=\"image2.jpg\" alt=\"Resim 2\"><br \/>\n <img decoding=\"async\" src=\"image3.jpg\" alt=\"Resim 3\">\n <\/div>\n<\/p><\/div>\n<p> <script src=\"script.js\"><\/script><br \/>\n<\/body><br \/>\n<\/html><br \/>\n“`<\/p>\n<p>Burada:<\/p>\n<p>– `slider` s\u0131n\u0131f\u0131, slaytlar\u0131n bulundu\u011fu d\u0131\u015f kapsay\u0131c\u0131y\u0131 tan\u0131mlar.<br \/>\n– `slides` s\u0131n\u0131f\u0131, i\u00e7erisinde resim slaytlar\u0131n\u0131n yer ald\u0131\u011f\u0131 div’i temsil eder.<br \/>\n– Slayt olarak kullan\u0131lacak her bir resim `img` etiketiyle belirtilmi\u015f ve `src` \u00f6zniteli\u011fiyle resim dosyas\u0131na y\u00f6nlendirilir. `alt` \u00f6zniteli\u011fi ise resmin g\u00f6rsel olmayan kullan\u0131c\u0131lar i\u00e7in a\u00e7\u0131klay\u0131c\u0131 bir metin i\u00e7erir.<\/p>\n<p>## CSS ile Slayt Stilleme<\/p>\n<p>\u015eimdi, slayt\u0131m\u0131z\u0131n nas\u0131l g\u00f6r\u00fcnece\u011fini belirlemek i\u00e7in CSS kodunu yazal\u0131m. `style.css` dosyan\u0131za a\u015fa\u011f\u0131daki CSS kodunu ekleyin:<\/p>\n<p>“`css<br \/>\n.slider {<br \/>\n width: 500px;<br \/>\n height: 300px;<br \/>\n margin: 50px auto;<br \/>\n overflow: hidden;<br \/>\n position: relative;<br \/>\n}<\/p>\n<p>.slides {<br \/>\n display: flex;<br \/>\n transition: transform 0.5s ease-in-out;<br \/>\n}<\/p>\n<p>.slides img {<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n}<br \/>\n“`<\/p>\n<p>Burada:<\/p>\n<p>– `.slider` s\u0131n\u0131f\u0131na geni\u015flik, y\u00fckseklik, marjin ve `overflow: hidden` \u00f6zelli\u011fi ekleyerek slayt\u0131n d\u0131\u015f \u00e7er\u00e7evesini ayarl\u0131yoruz.<br \/>\n– `.slides` s\u0131n\u0131f\u0131na `display: flex` \u00f6zelli\u011fini ekleyerek resimlerin yatay olarak dizilmesini sa\u011fl\u0131yoruz. `transition` \u00f6zelli\u011fi ise slayt ge\u00e7i\u015flerinin yumu\u015fak olmas\u0131n\u0131 sa\u011flamak i\u00e7in kullan\u0131l\u0131yor.<br \/>\n– `.slides img` se\u00e7ici ile, her bir resmin geni\u015flik ve y\u00fckseklik ayarlar\u0131n\u0131 yaparak slayt alan\u0131na s\u0131\u011fmas\u0131n\u0131 sa\u011fl\u0131yoruz.<\/p>\n<p>## JavaScript ile Slayt Fonksiyonu<\/p>\n<p>Son olarak, JavaScript kullanarak slayt fonksiyonunu yazal\u0131m. `script.js` dosyan\u0131za a\u015fa\u011f\u0131daki JavaScript kodunu ekleyin:<\/p>\n<p>“`javascript<br \/>\nconst slides = document.querySelector(‘.slides’);<br \/>\nlet currentIndex = 0;<\/p>\n<p>function nextSlide() {<br \/>\n currentIndex = (currentIndex + 1) % slides.children.length;<br \/>\n slides.style.transform = `translateX(-${currentIndex * 100}%)`;<br \/>\n}<\/p>\n<p>function previousSlide() {<br \/>\n currentIndex = (currentIndex – 1 + slides.children.length) % slides.children.length;<br \/>\n slides.style.transform = `translateX(-${currentIndex * 100}%)`;<br \/>\n}<\/p>\n<p>setInterval(nextSlide, 3000); \/\/ Slaytlar\u0131 3 saniyede bir de\u011fi\u015ftir<br \/>\n“`<\/p>\n<p>Burada:<\/p>\n<p>– `slides` de\u011fi\u015fkeni, `.slides` s\u0131n\u0131f\u0131na sahip div’i temsil eder.<br \/>\n– `currentIndex` de\u011fi\u015fkeni, \u015fu anda g\u00f6sterilen slayt\u0131n indeksini tutar.<br \/>\n– `nextSlide()` fonksiyonu, bir sonraki slayda ge\u00e7er. Bu fonksiyon, `currentIndex` de\u011ferini art\u0131r\u0131r ve `slides` div’inin `transform` \u00f6zelli\u011fini g\u00fcnceller.<br \/>\n– `previousSlide()` fonksiyonu, \u00f6nceki slayda ge\u00e7er. Bu fonksiyon, `currentIndex` de\u011ferini azalt\u0131r ve `slides` div’inin `transform` \u00f6zelli\u011fini g\u00fcnceller.<br \/>\n– `setInterval()` fonksiyonu, `nextSlide()` fonksiyonunu 3 saniyede bir \u00e7a\u011f\u0131rarak slaytlar\u0131n otomatik olarak d\u00f6nmesini sa\u011flar.<\/p>\n<p>## Sonu\u00e7<\/p>\n<p>Art\u0131k basit bir resim slayt olu\u015fturduk! Bu kodu kullanarak kendi slayt\u0131n\u0131z\u0131 olu\u015fturabilir ve istedi\u011finiz gibi \u00f6zelle\u015ftirebilirsiniz. <\/p>\n<p>## Geli\u015ftirmeler<\/p>\n<p>Bu temel \u00f6rnekte, slaytlar\u0131 otomatik olarak d\u00f6nd\u00fcren basit bir JavaScript fonksiyonu kulland\u0131k. Ancak, \u015funlar\u0131 ekleyerek slayt\u0131n\u0131z\u0131 daha interaktif hale getirebilirsiniz:<\/p>\n<p>– **Slayt kontrolleri ekleme:** Kullan\u0131c\u0131lar\u0131n slaytlar\u0131 manuel olarak ileri ve geri hareket ettirebilmesi i\u00e7in d\u00fc\u011fmeler veya ok tu\u015flar\u0131 ekleyebilirsiniz.<br \/>\n– **G\u00f6sterge ekleme:** Hangi slayt\u0131n g\u00f6sterildi\u011fini g\u00f6stermek i\u00e7in k\u00fc\u00e7\u00fck g\u00f6stergeler veya noktalar ekleyebilirsiniz.<br \/>\n– **Otomatik oynatma kontrol\u00fc:** Kullan\u0131c\u0131lar\u0131n otomatik oynatmay\u0131 durdurup ba\u015flatabilmesi i\u00e7in bir d\u00fc\u011fme ekleyebilirsiniz.<br \/>\n– **Slayt animasyonlar\u0131 ekleme:** Slayt ge\u00e7i\u015flerini daha ilgi \u00e7ekici hale getirmek i\u00e7in animasyonlar ekleyebilirsiniz.<\/p>\n<p>## Faydal\u0131 Kaynaklar<\/p>\n<p>– [W3Schools HTML Dersleri](https:\/\/www.w3schools.com\/html\/default.asp)<br \/>\n– [W3Schools CSS Dersleri](https:\/\/www.w3schools.com\/css\/default.asp)<br \/>\n– [W3Schools JavaScript Dersleri](https:\/\/www.w3schools.com\/js\/default.asp)<br \/>\n– [Fatih Soysal Blog](https:\/\/fatihsoysal.com) – Web geli\u015ftirme ile ilgili ipu\u00e7lar\u0131 ve bilgiler i\u00e7in.<\/p>\n<p>## Etiketler<\/p>\n<p>#ResimSlayt #HTML #CSS #JavaScript #WebGeli\u015ftirme #FatihSoysal <\/p>\n","protected":false},"excerpt":{"rendered":"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma Merhaba! Bu makalede, web sitenize interaktif bir resim slayt eklemek…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-2801","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma<\/title>\n<meta name=\"description\" content=\"Hi\u00e7bir etiketi bulunamad\u0131.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma\" \/>\n<meta property=\"og:description\" content=\"Hi\u00e7bir etiketi bulunamad\u0131.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-03T04:00:14+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma\",\"datePublished\":\"2024-11-03T04:00:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/\"},\"wordCount\":682,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/\",\"name\":\"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-03T04:00:14+00:00\",\"description\":\"Hi\u00e7bir etiketi bulunamad\u0131.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma","description":"Hi\u00e7bir etiketi bulunamad\u0131.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/","og_locale":"tr_TR","og_type":"article","og_title":"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma","og_description":"Hi\u00e7bir etiketi bulunamad\u0131.","og_url":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-03T04:00:14+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma","datePublished":"2024-11-03T04:00:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/"},"wordCount":682,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/","url":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/","name":"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-03T04:00:14+00:00","description":"Hi\u00e7bir etiketi bulunamad\u0131.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-resim-slayt-olusturma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML, CSS ve JavaScript ile Resim Slayt Olu\u015fturma"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/2801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=2801"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/2801\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=2801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=2801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=2801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}