{"id":39028,"date":"2017-10-25T21:01:07","date_gmt":"2017-10-25T13:01:07","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=39028"},"modified":"2023-04-06T19:02:48","modified_gmt":"2023-04-06T11:02:48","slug":"baguettebox-lightbox-script","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/","title":{"rendered":"Create Stunning Full-Page Lightboxes with BaguetteBox.js"},"content":{"rendered":"<p>There are <strong>dozens of lightbox plugins<\/strong> and they\u2019re all great <strong>for different reasons<\/strong>. Some work better on portfolio sites while others are best for <a href=\"https:\/\/www.hongkiat.com\/blog\/responsive-lightbox-library\/\">responsive layouts<\/a>.<\/p>\n<p>But, one of my favorite new plugins to use is <strong><a href=\"https:\/\/feimosi.github.io\/baguetteBox.js\/\" target=\"_blank\" rel=\"noopener noreferrer\">baguetteBox.js<\/a><\/strong>, created by JavaScript developer Marek Grzybek.<\/p>\n<p>Of course, this plugin is totally free to use and open-sourced <a href=\"https:\/\/github.com\/feimosi\/baguetteBox.js\" target=\"_blank\" rel=\"noopener noreferrer\">on GitHub<\/a> if you wanna dig into the code manually.<\/p>\n<p>The library <strong>does not have any dependencies<\/strong>, so you can run it without jQuery, Zepto, or anything else. It\u2019s a <strong>pure JavaScript library with a really simple setup<\/strong>.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/photo-gallery-slideshow-wordpress-plugins\/\" class=\"ref-block__link\" title=\"Read More: 10 Best Photo Gallery & Slideshow WordPress Plugins\" rel=\"bookmark\"><span class=\"screen-reader-text\">10 Best Photo Gallery & Slideshow WordPress Plugins<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/photo-gallery-slideshow-wordpress-plugins.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-56022 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/photo-gallery-slideshow-wordpress-plugins.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">10 Best Photo Gallery & Slideshow WordPress Plugins<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tFor any portfolio or image-oriented website running on WordPress, it is imperative to have a photo gallery and...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<p>It\u2019s meant to <strong>work perfectly on mobile devices<\/strong>, so it can support swipes and taps, along with the default behavior on desktops & laptops. It\u2019s one of the few full-screen galleries that <strong>support mobile interactions, along with a full modal effect<\/strong>.<\/p>\n<p>Check out the <strong><a href=\"https:\/\/feimosi.github.io\/baguetteBox.js\/\" target=\"_blank\" rel=\"noopener noreferrer\">demo page<\/a><\/strong> to see it live in action. It has a fully featured gallery, along with the <strong>one line of code required to get it working<\/strong>:<\/p>\n<pre>\r\nbaguetteBox.run('.baguetteBoxOne');\r\n<\/pre>\n<p>So, this <strong>targets a container element with the class <code>.baguetteBoxOne<\/code><\/strong> and the entire gallery works off that.<\/p>\n<p>You could <strong>set custom options<\/strong> if you wish for things like captions, button styles, preload features, and callback methods for onclick\/onchange events. All of these options are <strong>well-documented <a href=\"https:\/\/github.com\/feimosi\/baguetteBox.js#customization\" target=\"_blank\" rel=\"noopener noreferrer\">on GitHub<\/a><\/strong> if you wanna dive in.<\/p>\n<figure><a href=\"https:\/\/feimosi.github.io\/baguetteBox.js\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/baguettebox-lightbox-script\/02-baguettebox-preview-gallery.jpg\" width=\"1000\" height=\"532\" alt=\"baguetteBox.js slideshow preview\"><\/a><\/figure>\n<p>But, it really doesn\u2019t take much to get this going beyond a container element and some basic image elements.<\/p>\n<p>You <strong>have full control<\/strong> over the animations, image sizes, swipe effects, and gallery content such as titles\/captions. This <strong>does require JavaScript<\/strong>, so it doesn\u2019t have a pure CSS alternative to the modal. But, since most browsers support JavaScript it shouldn\u2019t be a problem.<\/p>\n<p>To learn more, visit the <a href=\"https:\/\/feimosi.github.io\/baguetteBox.js\/\" target=\"_blank\" rel=\"noopener noreferrer\">baguetteBox.js main page<\/a> and you can also share your thoughts with the creator on Twitter <a href=\"https:\/\/twitter.com\/feimosi\" target=\"_blank\" rel=\"noopener noreferrer\">@feimosi<\/a>.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/fullscreen-lightbox-lightgallery-js\/\" rel=\"noopener noreferrer\">Fullscreen Lightbox Slideshows with Lightgallery.js<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>There are dozens of lightbox plugins and they\u2019re all great for different reasons. Some work better on portfolio sites while others are best for responsive layouts. But, one of my favorite new plugins to use is baguetteBox.js, created by JavaScript developer Marek Grzybek. Of course, this plugin is totally free to use and open-sourced on&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[2305,3497,2066,511],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Create Stunning Full-Page Lightboxes with BaguetteBox.js - Hongkiat<\/title>\n<meta name=\"description\" content=\"There are dozens of lightbox plugins and they&#039;re all great for different reasons. Some work better on portfolio sites while others are best for responsive\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Stunning Full-Page Lightboxes with BaguetteBox.js\" \/>\n<meta property=\"og:description\" content=\"There are dozens of lightbox plugins and they&#039;re all great for different reasons. Some work better on portfolio sites while others are best for responsive\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-25T13:01:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:02:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/baguettebox-lightbox-script\/02-baguettebox-preview-gallery.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Create Stunning Full-Page Lightboxes with BaguetteBox.js\",\"datePublished\":\"2017-10-25T13:01:07+00:00\",\"dateModified\":\"2023-04-06T11:02:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/\"},\"wordCount\":327,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/baguettebox-lightbox-script\\\/02-baguettebox-preview-gallery.jpg\",\"keywords\":[\"Image Optimization\",\"Javascript Library\",\"Responsive Web Design\",\"Web Developers\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/\",\"name\":\"Create Stunning Full-Page Lightboxes with BaguetteBox.js - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/baguettebox-lightbox-script\\\/02-baguettebox-preview-gallery.jpg\",\"datePublished\":\"2017-10-25T13:01:07+00:00\",\"dateModified\":\"2023-04-06T11:02:48+00:00\",\"description\":\"There are dozens of lightbox plugins and they're all great for different reasons. Some work better on portfolio sites while others are best for responsive\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/baguettebox-lightbox-script\\\/02-baguettebox-preview-gallery.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/baguettebox-lightbox-script\\\/02-baguettebox-preview-gallery.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/baguettebox-lightbox-script\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Stunning Full-Page Lightboxes with BaguetteBox.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Stunning Full-Page Lightboxes with BaguetteBox.js - Hongkiat","description":"There are dozens of lightbox plugins and they're all great for different reasons. Some work better on portfolio sites while others are best for responsive","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:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/","og_locale":"en_US","og_type":"article","og_title":"Create Stunning Full-Page Lightboxes with BaguetteBox.js","og_description":"There are dozens of lightbox plugins and they're all great for different reasons. Some work better on portfolio sites while others are best for responsive","og_url":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-10-25T13:01:07+00:00","article_modified_time":"2023-04-06T11:02:48+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/baguettebox-lightbox-script\/02-baguettebox-preview-gallery.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Create Stunning Full-Page Lightboxes with BaguetteBox.js","datePublished":"2017-10-25T13:01:07+00:00","dateModified":"2023-04-06T11:02:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/"},"wordCount":327,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/baguettebox-lightbox-script\/02-baguettebox-preview-gallery.jpg","keywords":["Image Optimization","Javascript Library","Responsive Web Design","Web Developers"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/","url":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/","name":"Create Stunning Full-Page Lightboxes with BaguetteBox.js - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/baguettebox-lightbox-script\/02-baguettebox-preview-gallery.jpg","datePublished":"2017-10-25T13:01:07+00:00","dateModified":"2023-04-06T11:02:48+00:00","description":"There are dozens of lightbox plugins and they're all great for different reasons. Some work better on portfolio sites while others are best for responsive","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/baguettebox-lightbox-script\/02-baguettebox-preview-gallery.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/baguettebox-lightbox-script\/02-baguettebox-preview-gallery.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/baguettebox-lightbox-script\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Stunning Full-Page Lightboxes with BaguetteBox.js"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-a9u","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/39028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=39028"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/39028\/revisions"}],"predecessor-version":[{"id":65616,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/39028\/revisions\/65616"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=39028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=39028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=39028"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=39028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}