{"id":2168,"date":"2022-07-11T14:22:22","date_gmt":"2022-07-11T11:22:22","guid":{"rendered":"https:\/\/bionluk.com\/blog\/?p=2168"},"modified":"2022-07-11T14:22:25","modified_gmt":"2022-07-11T11:22:25","slug":"uyumlu-web-tasarim-tarihi","status":"publish","type":"post","link":"https:\/\/bionluk.com\/blog\/grafik-tasarim\/uyumlu-web-tasarim-tarihi","title":{"rendered":"Responsive (Uyumlu) Tasar\u0131m\u0131n Tarihi"},"content":{"rendered":"\n

Web siteleri, g\u00fcn\u00fcm\u00fczde her ne kadar yeni ko\u015fullara kolayca uyarlanabiliyor olsa da, bu seviyeye gelmemiz biraz zaman ald\u0131. Modern tasar\u0131mc\u0131lar<\/a> i\u00e7in \u201cuyumluluk\u201d, iyi bir tasar\u0131m\u0131n en kayda de\u011fer etmenlerinin ba\u015f\u0131nda geliyor. Ne de olsa art\u0131k hepimiz, \u00e7ok \u00e7e\u015fitli ekran boyutlar\u0131na sahip mobil ve masa\u00fcst\u00fc cihazlar aras\u0131nda s\u0131k s\u0131k ge\u00e7i\u015f yap\u0131yoruz. Dolay\u0131s\u0131yla web sitelerinin de bunu takip etmesi gerekiyor.<\/p>\n\n\n\n

Bununla birlikte uyumlu web sitelerine ge\u00e7i\u015f, tabii ki de tek gecede olmad\u0131. Y\u0131llar i\u00e7inde, “uyumlu web tasar\u0131m\u0131”<\/a> kavram\u0131na inceden inceye ayarlar yaparak, nihayetinde bug\u00fcn bulundu\u011fumuz a\u015famaya ula\u015fmay\u0131 ba\u015fard\u0131k.<\/p>\n\n\n\n

Bu g\u00f6nderimizde ise uyumlu web tasar\u0131m\u0131 tarihini mercek alt\u0131na alarak, t\u00fcm hatlar\u0131yla anlat\u0131yoruz. Haz\u0131rsan ba\u015flayal\u0131m!<\/p>\n\n\n\n

Web Tasar\u0131m\u0131 “Nerede” Ba\u015flad\u0131?<\/h2>\n\n\n\n

Konuya ilk web sitelerinin olu\u015fturuldu\u011fu zamandan bahsederek giri\u015f yapal\u0131m: \u00d6ncelikle hi\u00e7 kimse, bir dizi ekrandaki \u201cuyumluluk\u201d hakk\u0131nda herhangi bir endi\u015fe duymuyordu. T\u00fcm siteler ayn\u0131 \u015fablonlara uyacak \u015fekilde tasarlan\u0131yor ve geli\u015ftiriciler tasar\u0131m, sayfa d\u00fczeni veya tipografi gibi fakt\u00f6rlere \u00e7ok fazla zaman harcama gere\u011finde bulunmuyordu. \u015eu an a\u015fina oldu\u011fumuz ve bir sitenin ba\u015far\u0131s\u0131 i\u00e7in vazge\u00e7ilmez olan kullan\u0131c\u0131 deneyimi veya aray\u00fcz\u00fc benzeri kavramlara yo\u011funla\u015fmak i\u00e7inse, biraz daha s\u00fcre ge\u00e7mesi gerekecekti<\/p>\n\n\n\n

Basamakl\u0131 Stil Sayfalar\u0131 olarak literat\u00fcr\u00fcm\u00fcze giren CSS (Cascading Style Sheets) teknolojisi daha geni\u015f \u00f6l\u00e7ekte benimsenmeye ba\u015flad\u0131\u011f\u0131nda bile, \u00e7o\u011fu geli\u015ftiricinin i\u00e7eri\u011fi farkl\u0131 ekran boyutlar\u0131na uyarlama konusunda kayg\u0131lanmas\u0131na pek de gerek yoktu.  Ancak yine de, farkl\u0131 monit\u00f6r ve taray\u0131c\u0131 boyutlar\u0131yla \u00e7al\u0131\u015fman\u0131n birka\u00e7 yolunu bulmu\u015flard\u0131.<\/p>\n\n\n\n

Ak\u0131\u015fkan Sayfa D\u00fczenleri<\/h2>\n\n\n\n

\u0130lk zamanlarda geli\u015ftiricilerin kullanabilece\u011fi iki temel se\u00e7enek<\/a> bulunuyordu: sabit geni\u015flikli (fixed-width) veya ak\u0131\u015fkan (liquid veya fluid) sayfa d\u00fczenleri.<\/p>\n\n\n\n

Sabit geni\u015flikli sayfa d\u00fczenlerinde, e\u011fer ki kulland\u0131\u011f\u0131n ekran ile sitenin olu\u015fturuldu\u011fu ekran ayn\u0131 \u00e7\u00f6z\u00fcn\u00fcrl\u00fckte de\u011filse, tasar\u0131m b\u00fcy\u00fck olas\u0131l\u0131kla d\u00fczg\u00fcn bir \u015fekilde \u00e7al\u0131\u015fmayacakt\u0131. Buradan, ilgili bir \u00f6rne\u011fi inceleyebilirsin.<\/a><\/p>\n\n\n\n

Buna alternatif olarak, Glenn Davis taraf\u0131ndan icat edilen ak\u0131\u015fkan sayfa d\u00fczenleri<\/a> ise, uyumlu web tasar\u0131m\u0131n\u0131n devrim niteli\u011findeki ilk \u00f6rneklerinden biri olarak kabul edildi.<\/p>\n\n\n\n

Ak\u0131\u015fkan d\u00fczenler, farkl\u0131 ekran \u00e7\u00f6z\u00fcn\u00fcrl\u00fcklerine ve taray\u0131c\u0131 boyutlar\u0131na uyum sa\u011flayabiliyorlar. Fakat bununla birlikte, web sitesindeki i\u00e7eriklerin sayfadan ta\u015fmas\u0131 veya metinlerin genellikle daha k\u00fc\u00e7\u00fck ekranlarda tasarlanandan farkl\u0131 g\u00f6r\u00fclmesi hala olas\u0131.<\/p>\n\n\n\n

\u00c7\u00f6z\u00fcn\u00fcrl\u00fc\u011fe Ba\u011fl\u0131 Sayfa D\u00fczenleri<\/h2>\n\n\n\n

2004 y\u0131l\u0131nda Cameron Adams taraf\u0131ndan kaleme al\u0131nan bir blog yaz\u0131s\u0131nda<\/a>, taray\u0131c\u0131 penceresi boyutuna ba\u011fl\u0131 olarak stil sayfalar\u0131n\u0131 de\u011fi\u015ftirmek i\u00e7in JavaScript’i kullanman\u0131n yeni bir y\u00f6ntemi tan\u0131t\u0131ld\u0131. \u015eimdilerde “\u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011fe ba\u011fl\u0131 sayfa d\u00fczenleri (resolution-dependent layouts)” olarak bilinen bu y\u00f6ntem, her ne kadar geli\u015ftiricilerin daha fazla \u00e7al\u0131\u015fmas\u0131n\u0131 gerektirse de web sitesi tasar\u0131mlar\u0131 \u00fczerinde daha ince ve hassas kontrollere izin vermekte.<\/p>\n\n\n\n

Temel olarak \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011fe ba\u011fl\u0131 sayfa d\u00fczenleri, CSS kesme noktalar\u0131n\u0131n (breakpoints) \u00fcnl\u00fc olmadan \u00f6nceki erken bir s\u00fcr\u00fcm\u00fc olarak i\u015flev g\u00f6r\u00fcyordu. Dezavantajlar\u0131 ise, geli\u015ftiricilerin her hedef \u00e7\u00f6z\u00fcn\u00fcrl\u00fck i\u00e7in farkl\u0131 stil sayfalar\u0131 olu\u015fturmas\u0131 ve t\u00fcm taray\u0131c\u0131larda JavaScript’in \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flama almas\u0131yd\u0131.<\/p>\n\n\n\n

O d\u00f6nemlerde \u00f6n planda olan \u00e7ok say\u0131daki taray\u0131c\u0131 i\u00e7inden, taray\u0131c\u0131 se\u00e7enekleri aras\u0131ndaki farklar\u0131 sadele\u015ftirmenin bir yolunu sunan jQuery ise git gide daha pop\u00fcler hale gelmeye ba\u015flad\u0131.<\/p>\n\n\n\n

Mobil Alt Alan Adlar\u0131n\u0131n (Subdomain) Y\u00fckseli\u015fi<\/strong><\/h2>\n\n\n\n

\u00c7o\u011fu mobil cihaz\u0131n internet eri\u015fimine sahip olmas\u0131 ile \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011fe ba\u011fl\u0131 tasar\u0131m konseptlerinin hayat\u0131m\u0131za girmesi, hemen hemen ayn\u0131 zamanlara denk gelmi\u015fti. \u015eirketler ak\u0131ll\u0131 telefonlar\u0131 i\u00e7in taray\u0131c\u0131lar olu\u015ftururken, geli\u015ftiricilerin bir anda bunlar\u0131 da hesaba katmas\u0131 gerekiyordu.<\/p>\n\n\n\n

Mobil alt alan adlar\u0131n\u0131n hedefi, kullan\u0131c\u0131lar\u0131n masa\u00fcst\u00fcnde g\u00f6r\u00fcnt\u00fcledikleri bir sitenin ayn\u0131s\u0131n\u0131, herhangi bir veri ve i\u015flev kayb\u0131 olmadan ak\u0131ll\u0131 telefonlar \u00fczerinden de kullan\u0131c\u0131lara sunmakt\u0131. Fakat ger\u00e7ekte, bu ikisi birbirinden tamamen farkl\u0131 uygulamalard\u0131.<\/p>\n\n\n\n

Biraz karma\u015f\u0131k da olsa, bir mobil alt alan ad\u0131na sahip olman\u0131n getirdi\u011fi \u00e7e\u015fitli avantajlar bulunuyordu. \u00d6rne\u011fin geli\u015ftiriciler, \u00f6zellikle SEO’yu mobil cihazlara hedefleyebiliyor veya \u00e7e\u015fitli mobil sitelere daha fazla trafik \u00e7ekebiliyordu. Ancak bu durum, geli\u015ftiricilerin ayn\u0131 web sitesinin iki farkl\u0131 varyasyonunu idare etmesini gerektirdi.<\/p>\n\n\n\n

Apple’\u0131n ilk iPad’ini piyasaya yeni s\u00fcrd\u00fc\u011f\u00fc zamanlarda, pek \u00e7ok web tasar\u0131mc\u0131s\u0131 bir web sitesine her cihazdan eri\u015fim sa\u011flamak i\u00e7in hala bu eski moda ve kullan\u0131\u015fs\u0131z stratejiye g\u00fcveniyordu. 2000’lerin sonlar\u0131na do\u011fru geli\u015ftiriciler, mobil siteleri daha eri\u015filebilir hale getirmek i\u00e7in genellikle bir dizi hileye ba\u015fvuruyorlard\u0131.  \u00d6rnek vermek gerekirse, basit sayfa d\u00fczenlerinde bile esnek g\u00f6r\u00fcnt\u00fcler (flexible images) i\u00e7in \u201cmaksimum geni\u015flik: 100%\u201d hilesi kullan\u0131l\u0131yordu.<\/p>\n\n\n\n

Neyse ki Ethan Marcotte, A List Apart sitesinde \u201cUyumlu Web Tasar\u0131m\u0131\u201d terimini ortaya att\u0131<\/a> ve her \u015fey de\u011fi\u015fmeye ba\u015flad\u0131.  Bu yaz\u0131, John Allsopp’un web tasar\u0131m\u0131n\u0131n mimari ilkeleri ke\u015ffine dikkat \u00e7ekti ve her cihazda iyi bir performans g\u00f6steren, her \u015feyi tek bir \u00e7at\u0131 alt\u0131nda toplayan all-in-one web sitelerinin de \u00f6n\u00fcn\u00fc a\u00e7m\u0131\u015f oldu.<\/p>\n\n\n\n

Uyumlu Web Tasar\u0131m\u0131nda Yeni Bir \u00c7a\u011f<\/h2>\n\n\n\n

Marcotte’nin makalesi, geli\u015ftiricilerin uyumlu bir web sitesi olu\u015ftururken dikkate almas\u0131 gereken \u00fc\u00e7 \u00f6nemli bile\u015feni lanse etti: ak\u0131c\u0131 \u0131zgaralar, esnek g\u00f6r\u00fcnt\u00fcler ve medya sorgular\u0131.<\/p>\n\n\n\n

Ak\u0131\u015fkan Izgaralar (Fluid Grids)<\/h3>\n\n\n\n

Ak\u0131\u015fkan \u0131zgaralar<\/a> kavram\u0131, web sitelerinin mevcut ekran boyutuna ba\u011fl\u0131 olarak b\u00fcy\u00fcy\u00fcp k\u00fc\u00e7\u00fclebilen, \u00e7e\u015fitli esnek s\u00fctunlar\u0131 benimsemesi gerekti\u011fi d\u00fc\u015f\u00fcncesini ortaya \u00e7\u0131kard\u0131.<\/p>\n\n\n\n

Bu kavram, mobil cihazlarda bir veya iki esnek i\u00e7erik s\u00fctununun tan\u0131t\u0131lmas\u0131 anlam\u0131na gelirken, masa\u00fcst\u00fc cihazlar\u0131n ise daha geni\u015f alanlara sahip olmas\u0131 sebebiyle genellikle daha fazla s\u00fctuna ev sahipli\u011fi yapabilece\u011fi anlam\u0131n\u0131 ta\u015f\u0131makta.<\/p>\n\n\n\n

Esnek G\u00f6r\u00fcnt\u00fcler (Flexible Images)<\/h3>\n\n\n\n

Esnek g\u00f6r\u00fcnt\u00fcler, i\u00e7erikler gibi g\u00f6r\u00fcnt\u00fclerin de i\u00e7inde bulunduklar\u0131 ak\u0131\u015fkan \u0131zgara ile birlikte b\u00fcy\u00fcy\u00fcp k\u00fc\u00e7\u00fclebilmesi gerekti\u011fi fikrini ortaya att\u0131. Yukar\u0131da da bahsetti\u011fimiz gibi, daha \u00f6nce geli\u015ftiriciler bunu etkinle\u015ftirmek i\u00e7in “maksimum geni\u015flik” hilesini kulland\u0131lar.<\/p>\n\n\n\n

E\u011fer ki bir g\u00f6r\u00fcnt\u00fcy\u00fc bir kapsay\u0131c\u0131da (container) tutuyorsan ve kapsay\u0131c\u0131n uyumluysa, g\u00f6r\u00fcnt\u00fcn\u00fcn belirledi\u011fin sayfa s\u0131n\u0131r\u0131ndan ta\u015fmas\u0131 \u00e7ok olas\u0131.  Ancak, “maksimum geni\u015fli\u011fi” %100’e sabitlersen, g\u00f6r\u00fcnt\u00fcn\u00fcn ana kapsay\u0131c\u0131s\u0131yla yeniden boyutland\u0131r\u0131lmas\u0131n\u0131 sa\u011flayabilirsin.<\/p>\n\n\n\n

Medya Sorgular\u0131 (Media Quaries)<\/h3>\n\n\n\n

“Medya sorgular\u0131” fikri, 2010’da tan\u0131t\u0131lm\u0131\u015f olmas\u0131na ra\u011fmen 2 y\u0131l sonra W3 (World Wide Web) \u00f6nerisi olarak resmiyette yay\u0131nlanana kadar yayg\u0131n olarak benimsenmeyen CSS medya sorgular\u0131na at\u0131fta bulundu.  \u00d6z\u00fcnde medya sorgular\u0131, medya t\u00fcr\u00fc (bask\u0131, ekran vb.) ve medya \u00f6zellikleri (y\u00fckseklik, geni\u015flik vb.) gibi se\u00e7eneklere dayal\u0131 olarak tetiklenen ve farkl\u0131 cihazlar ve ekran boyutlar\u0131 i\u00e7in farkl\u0131 stiller belirlemeye yarayan bir CSS \u00f6zelli\u011fi.<\/p>\n\n\n\n

Bu sorgular o zamanlar daha basit olsa da, geli\u015ftiricilerin temel olarak g\u00fcn\u00fcm\u00fczde uyumlu tasar\u0131mda kullan\u0131lan ara\u00e7lardan biri olan basit bir t\u00fcr kesme noktas\u0131 (breakpoint) uygulamas\u0131na izin verdi. Kesme noktalar\u0131, web sitelerinin taray\u0131c\u0131 penceresine veya cihaz geni\u015fli\u011fine g\u00f6re d\u00fczenini veya stilini ne zaman de\u011fi\u015ftirdi\u011fini ifade ediyorlar.<\/p>\n\n\n\n

Medya sorgular\u0131n\u0131n g\u00fcn\u00fcm\u00fcz geli\u015ftiricilerinin bekledi\u011fi \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flamak i\u00e7inse, genellikle Viewport Meta etiketlerinin kullan\u0131lmas\u0131 gerekiyor.<\/p>\n\n\n\n

Mobil \u00d6ncelikli (Mobile-First) Tasar\u0131mlar\u0131n Y\u00fckseli\u015fi<\/h2>\n\n\n\n

Marcotte’nin Uyumlu Web Tasar\u0131m\u0131n\u0131<\/a> tan\u0131tmas\u0131ndan bu yana, geli\u015ftiriciler bu fikri m\u00fcmk\u00fcn oldu\u011funca etkili bir \u015fekilde uygulamak i\u00e7in yeni yollar \u00fcretip \u00fczerinde \u00e7al\u0131\u015fmaya devam ediyorlar. Art\u0131k \u00e7o\u011fu geli\u015ftirici, masa\u00fcst\u00fc veya mobil cihaz kullan\u0131c\u0131lar\u0131n\u0131n ihtiya\u00e7lar\u0131n\u0131 dikkate almak aras\u0131ndan bir se\u00e7im yaparak iki kategoriye ayr\u0131l\u0131yor. E\u011filim ise ikincisine do\u011fru giderek h\u0131zlan\u0131yor.<\/p>\n\n\n\n

Mobil \u00f6ncelikli tarama \u00e7a\u011f\u0131nda s\u0131f\u0131rdan bir web sitesi tasarlarken, \u00e7o\u011fu geli\u015ftirici do\u011fal olarak en iyi se\u00e7ene\u011fin mobil \u00f6ncelikli oldu\u011funa inan\u0131yor. Mobil tasar\u0131mlar genellikle \u00e7ok daha basit ve minimalist bir yap\u0131ya sahip, bu durum da mevcuttaki web tasar\u0131m trendlerinin \u00e7o\u011funa kolayca uyum sa\u011fl\u0131yor!<\/p>\n\n\n\n

Mobil \u00f6ncelikli se\u00e7enekle ilerlemek, web sitesinin ihtiya\u00e7lar\u0131n\u0131 \u00f6ncelikle mobil perspektiften de\u011ferlendirmek anlam\u0131na geliyor. Masa\u00fcst\u00fc ve tabletler i\u00e7in sayfa d\u00fczenleri olu\u015fturmaya ba\u015flad\u0131\u011f\u0131nda ise, kesme noktalar\u0131n\u0131 kullanarak stillerini normal bir \u015fekilde yazabilirsin. Bunun yerine masa\u00fcst\u00fc \u00f6ncelikli yakla\u015f\u0131m\u0131 se\u00e7tiysen, kesme noktas\u0131 se\u00e7imlerinle bunu s\u00fcrekli olarak daha k\u00fc\u00e7\u00fck cihazlara uyarlaman gerekti\u011fini unutmamal\u0131s\u0131n.<\/p>\n\n\n\n

Uyumlu Web Tasar\u0131m\u0131n\u0131n Gelece\u011fini Ke\u015ffetmek<\/h2>\n\n\n\n

Uyumlu web tasar\u0131m\u0131 hen\u00fcz kusursuz de\u011fil. Hala, t\u00fcm cihazlarda ayn\u0131 deneyimi sunamayan o kadar \u00e7ok site var ki! Dahas\u0131, AR (Augmented Reality – Art\u0131r\u0131lm\u0131\u015f Ger\u00e7eklik) kulakl\u0131klar ve ak\u0131ll\u0131 saatler gibi yeni nesil cihaz ve teknolojilerin de geli\u015fimiyle, uyumlu tasar\u0131m\u0131n bunlara nas\u0131l adapte edilece\u011fini bulmak gibi yeni yeni zorluklar da ortaya \u00e7\u0131kmaya devam ediyor.<\/p>\n\n\n\n

Ancak, ge\u00e7mi\u015ften g\u00fcn\u00fcm\u00fcze web tasar\u0131m\u0131n\u0131n geli\u015fimine bakacak olursak ne kadar yol kat etti\u011fimizi g\u00f6rebiliriz!<\/p>\n","protected":false},"excerpt":{"rendered":"

Bu g\u00f6nderimizde ise uyumlu web tasar\u0131m\u0131 tarihini mercek alt\u0131na alarak, t\u00fcm hatlar\u0131yla anlat\u0131yoruz. Haz\u0131rsan ba\u015flayal\u0131m!<\/p>\n","protected":false},"author":1,"featured_media":2169,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[4],"tags":[],"uagb_featured_image_src":{"full":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1.jpg",1056,600,false],"thumbnail":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1-150x150.jpg",150,150,true],"medium":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1-300x170.jpg",300,170,true],"medium_large":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1-768x436.jpg",768,436,true],"large":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1-1024x582.jpg",1024,582,true],"1536x1536":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1.jpg",1056,600,false],"2048x2048":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1.jpg",1056,600,false],"ruki-hero-image":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1.jpg",1056,600,false],"ruki-single-uncropped-image":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1.jpg",1056,600,false],"ruki-single-landscape-image":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1.jpg",1056,600,false],"ruki-single-portrait-image":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1.jpg",1056,600,false],"ruki-single-square-image":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1.jpg",1056,600,false],"ruki-landscape-image":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1-900x600.jpg",900,600,true],"ruki-portrait-image":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1-600x600.jpg",600,600,true],"ruki-square-image":["https:\/\/bionluk.com\/blog\/wp-content\/uploads\/2022\/07\/1056x600-1-600x600.jpg",600,600,true]},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/bionluk.com\/blog\/author\/admin"},"uagb_comment_info":0,"uagb_excerpt":"Bu g\u00f6nderimizde ise uyumlu web tasar\u0131m\u0131 tarihini mercek alt\u0131na alarak, t\u00fcm hatlar\u0131yla anlat\u0131yoruz. Haz\u0131rsan ba\u015flayal\u0131m!","_links":{"self":[{"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/posts\/2168"}],"collection":[{"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/comments?post=2168"}],"version-history":[{"count":2,"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/posts\/2168\/revisions"}],"predecessor-version":[{"id":2171,"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/posts\/2168\/revisions\/2171"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/media\/2169"}],"wp:attachment":[{"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/media?parent=2168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/categories?post=2168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bionluk.com\/blog\/wp-json\/wp\/v2\/tags?post=2168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}