{"id":4034,"date":"2023-11-04T23:14:01","date_gmt":"2023-11-04T23:14:01","guid":{"rendered":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/"},"modified":"2023-11-05T05:48:22","modified_gmt":"2023-11-05T05:48:22","slug":"how-to-use-bulma-for-responsive-web-design","status":"publish","type":"post","link":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/","title":{"rendered":"How to Use Bulma for Responsive Web Design"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>Bulma is a popular CSS framework that is designed to help developers build responsive websites easily. It is built with SASS and provides a wide range of pre-built components and utilities that can be used to create beautiful and responsive web designs. In this tutorial, we will learn how to use Bulma to create responsive web designs.<\/p>\n<h2>Prerequisites<\/h2>\n<p>To follow along with this tutorial, you will need the following:<\/p>\n<ul>\n<li>Basic knowledge of HTML and CSS<\/li>\n<li>A text editor<\/li>\n<li>A modern web browser<\/li>\n<\/ul>\n<h2>Getting Started<\/h2>\n<p>To get started, you need to include Bulma in your HTML file. There are a few different ways to include Bulma in your project:<\/p>\n<h3>Option 1: Download and include Bulma directly<\/h3>\n<p>You can download Bulma from the official website (<a href=\"https:\/\/bulma.io\/\">https:\/\/bulma.io\/<\/a>) and include the CSS file in your HTML file.<\/p>\n<pre><code class=\"language-html\">&lt;link rel=\"stylesheet\" href=\"path\/to\/bulma.css\"&gt;\n<\/code><\/pre>\n<h3>Option 2: Use a package manager to install Bulma<\/h3>\n<p>You can also use a package manager like npm or Yarn to install Bulma as a dependency in your project.<\/p>\n<pre><code class=\"language-bash\">npm install bulma\n<\/code><\/pre>\n<p>After installing Bulma, you can include it in your HTML file using a script tag.<\/p>\n<pre><code class=\"language-html\">&lt;link rel=\"stylesheet\" href=\"node_modules\/bulma\/css\/bulma.css\"&gt;\n<\/code><\/pre>\n<h3>Option 3: Use a CDN<\/h3>\n<p>If you prefer to use a CDN, you can include Bulma directly in your HTML file using a link tag.<\/p>\n<pre><code class=\"language-html\">&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bulma@0.9.2\/css\/bulma.min.css\"&gt;\n<\/code><\/pre>\n<p>Choose the option that works best for your project.<\/p>\n<h2>Using Bulma Classes<\/h2>\n<p>Bulma provides a wide range of CSS classes that you can use to style your elements. These classes can be applied directly to your HTML elements.<\/p>\n<p>Here are some common classes that you can use to create responsive web designs:<\/p>\n<h3>Columns<\/h3>\n<p>Bulma provides a column system that allows you to create responsive layouts easily. You can use the <code>columns<\/code> class on a container element, and then use the <code>column<\/code> class on child elements to create a grid system.<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"columns\"&gt;\n  &lt;div class=\"column\"&gt;Column 1&lt;\/div&gt;\n  &lt;div class=\"column\"&gt;Column 2&lt;\/div&gt;\n  &lt;div class=\"column\"&gt;Column 3&lt;\/div&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<h3>Container<\/h3>\n<p>The <code>container<\/code> class is used to create a fixed-width container for your content. By default, it centers the content horizontally on the page.<\/p>\n<pre><code class=\"language-html\">&lt;section class=\"section\"&gt;\n  &lt;div class=\"container\"&gt;\n    This is a container.\n  &lt;\/div&gt;\n&lt;\/section&gt;\n<\/code><\/pre>\n<h3>Buttons<\/h3>\n<p>Bulma provides a range of button styles that you can use to create buttons with different colors and sizes. You can apply the <code>button<\/code> class to any HTML element to create a button.<\/p>\n<pre><code class=\"language-html\">&lt;button class=\"button\"&gt;Button&lt;\/button&gt;\n&lt;a class=\"button\"&gt;Link Button&lt;\/a&gt;\n&lt;input type=\"submit\" class=\"button\" value=\"Submit Button\"&gt;\n<\/code><\/pre>\n<p>You can also add classes like <code>is-primary<\/code>, <code>is-success<\/code>, <code>is-warning<\/code>, or <code>is-danger<\/code> to create buttons with different color variations.<\/p>\n<pre><code class=\"language-html\">&lt;button class=\"button is-primary\"&gt;Primary Button&lt;\/button&gt;\n&lt;button class=\"button is-success\"&gt;Success Button&lt;\/button&gt;\n&lt;button class=\"button is-warning\"&gt;Warning Button&lt;\/button&gt;\n&lt;button class=\"button is-danger\"&gt;Danger Button&lt;\/button&gt;\n<\/code><\/pre>\n<h3>Typography<\/h3>\n<p>Bulma provides a range of typography classes that you can use to style your text. For example, you can use the <code>title<\/code> class to create a heading, or the <code>subtitle<\/code> class to create a subheading.<\/p>\n<pre><code class=\"language-html\">&lt;h1 class=\"title\"&gt;Title&lt;\/h1&gt;\n&lt;h2 class=\"subtitle\"&gt;Subtitle&lt;\/h2&gt;\n<\/code><\/pre>\n<h3>Responsive modifiers<\/h3>\n<p>Bulma also provides responsive modifiers that allow you to change the appearance of your elements based on the screen size. For example, you can use the <code>is-centered<\/code> class to center an element horizontally on larger screens, and the <code>is-mobile<\/code> class to make an element stack vertically on smaller screens.<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"columns is-centered is-desktop\"&gt;\n  &lt;div class=\"column is-half\"&gt;Centered column on desktop&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;div class=\"columns is-mobile\"&gt;\n  &lt;div class=\"column\"&gt;Stacked column on mobile&lt;\/div&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<h2>Building a Responsive Layout<\/h2>\n<p>Now that we understand the basics of using Bulma, let&#8217;s build a responsive layout using Bulma&#8217;s grid system.<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"columns\"&gt;\n  &lt;div class=\"column is-three-quarters\"&gt;\n    &lt;p&gt;Main Content&lt;\/p&gt;\n  &lt;\/div&gt;\n  &lt;div class=\"column\"&gt;\n    &lt;p&gt;Aside&lt;\/p&gt;\n  &lt;\/div&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p>In this example, we have two columns: the main content column that takes up three-quarters of the width, and the aside column that takes up the remaining width. On smaller screens, the columns will stack vertically.<\/p>\n<h2>Customizing Bulma<\/h2>\n<p>Bulma provides a customizable build system that allows you to modify the default settings and customize the look and feel of your Bulma installation.<\/p>\n<p>To customize Bulma, you need to install Node.js and npm, and then follow these steps:<\/p>\n<ol>\n<li>Create a new directory for your project and navigate to it.<\/li>\n<li>Initialize a new npm project by running <code>npm init<\/code> in the terminal and following the prompts.<\/li>\n<li>Install Bulma as a dependency by running <code>npm install bulma<\/code>.<\/li>\n<li>Create a new SASS file in your project directory, e.g., <code>custom-bulma.scss<\/code>.<\/li>\n<li>Import Bulma into your custom SASS file using <code>@import '..\/node_modules\/bulma\/bulma'<\/code>.<\/li>\n<\/ol>\n<p>You can now customize Bulma by overriding the default variables. For example, you can change the primary color by setting the <code>$primary<\/code> variable.<\/p>\n<pre><code class=\"language-scss\">$primary: #ff0000;\n<\/code><\/pre>\n<p>After customizing Bulma, you need to compile your SASS file to generate the CSS file. You can use a build tool like Gulp or Grunt to automate this process, or you can use a command-line SASS compiler like <code>node-sass<\/code>.<\/p>\n<p>To compile your SASS file using <code>node-sass<\/code>, run the following command:<\/p>\n<pre><code class=\"language-bash\">npx node-sass custom-bulma.scss bulma.css\n<\/code><\/pre>\n<p>Replace <code>custom-bulma.scss<\/code> with the path to your SASS file and <code>bulma.css<\/code> with the desired output file name.<\/p>\n<h2>Conclusion<\/h2>\n<p>In this tutorial, we learned how to use Bulma to create responsive web designs. We covered the basics of including Bulma in your project, using Bulma classes to style your elements, and building a responsive layout using Bulma&#8217;s grid system. We also learned how to customize Bulma by overriding the default variables.<\/p>\n<p>Now that you have a good understanding of Bulma, you can start using it to build your own responsive web designs. Happy coding!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Bulma is a popular CSS framework that is designed to help developers build responsive websites easily. It is built with SASS and provides a wide range of pre-built components and utilities that can be used to create beautiful and responsive web designs. In this tutorial, we will learn how <a href=\"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/\" class=\"btn btn-link continue-link\">Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[945,431,430,434,947,427,946,49,944],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Use Bulma for Responsive Web Design - Pantherax Blogs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Bulma for Responsive Web Design\" \/>\n<meta property=\"og:description\" content=\"Introduction Bulma is a popular CSS framework that is designed to help developers build responsive websites easily. It is built with SASS and provides a wide range of pre-built components and utilities that can be used to create beautiful and responsive web designs. In this tutorial, we will learn how Continue Reading\" \/>\n<meta property=\"og:url\" content=\"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pantherax Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-04T23:14:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-05T05:48:22+00:00\" \/>\n<meta name=\"author\" content=\"Panther\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Panther\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Panther\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\"\n\t            },\n\t            \"headline\": \"How to Use Bulma for Responsive Web Design\",\n\t            \"datePublished\": \"2023-11-04T23:14:01+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:22+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/\"\n\t            },\n\t            \"wordCount\": 766,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"keywords\": [\n\t                \"\\\"CSS framework\\\"\",\n\t                \"\\\"css\\\"\",\n\t                \"\\\"html\\\"\",\n\t                \"\\\"media queries\\\"\",\n\t                \"\\\"responsive design tips\\\"\",\n\t                \"\\\"responsive web design\\\"\",\n\t                \"\\\"web design tutorial\\\"\",\n\t                \"\\\"Web development\\\"\",\n\t                \"[\\\"bulma\\\"\"\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/\",\n\t            \"url\": \"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/\",\n\t            \"name\": \"How to Use Bulma for Responsive Web Design - Pantherax Blogs\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#website\"\n\t            },\n\t            \"datePublished\": \"2023-11-04T23:14:01+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:22+00:00\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"http:\/\/localhost:10003\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"How to Use Bulma for Responsive Web Design\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#website\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\/\/localhost:10003\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": \"required name=search_term_string\"\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#organization\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"contentUrl\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"width\": 1024,\n\t                \"height\": 1024,\n\t                \"caption\": \"Pantherax Blogs\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\",\n\t            \"name\": \"Panther\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/image\/\",\n\t                \"url\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"contentUrl\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"caption\": \"Panther\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/localhost:10003\"\n\t            ],\n\t            \"url\": \"http:\/\/localhost:10003\/author\/pepethefrog\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Use Bulma for Responsive Web Design - Pantherax Blogs","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":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Bulma for Responsive Web Design","og_description":"Introduction Bulma is a popular CSS framework that is designed to help developers build responsive websites easily. It is built with SASS and provides a wide range of pre-built components and utilities that can be used to create beautiful and responsive web designs. In this tutorial, we will learn how Continue Reading","og_url":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/","og_site_name":"Pantherax Blogs","article_published_time":"2023-11-04T23:14:01+00:00","article_modified_time":"2023-11-05T05:48:22+00:00","author":"Panther","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Panther","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/#article","isPartOf":{"@id":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/"},"author":{"name":"Panther","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7"},"headline":"How to Use Bulma for Responsive Web Design","datePublished":"2023-11-04T23:14:01+00:00","dateModified":"2023-11-05T05:48:22+00:00","mainEntityOfPage":{"@id":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/"},"wordCount":766,"publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"keywords":["\"CSS framework\"","\"css\"","\"html\"","\"media queries\"","\"responsive design tips\"","\"responsive web design\"","\"web design tutorial\"","\"Web development\"","[\"bulma\""],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/","url":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/","name":"How to Use Bulma for Responsive Web Design - Pantherax Blogs","isPartOf":{"@id":"http:\/\/localhost:10003\/#website"},"datePublished":"2023-11-04T23:14:01+00:00","dateModified":"2023-11-05T05:48:22+00:00","breadcrumb":{"@id":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/localhost:10003\/how-to-use-bulma-for-responsive-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:10003\/"},{"@type":"ListItem","position":2,"name":"How to Use Bulma for Responsive Web Design"}]},{"@type":"WebSite","@id":"http:\/\/localhost:10003\/#website","url":"http:\/\/localhost:10003\/","name":"Pantherax Blogs","description":"","publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost:10003\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/localhost:10003\/#organization","name":"Pantherax Blogs","url":"http:\/\/localhost:10003\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/","url":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","contentUrl":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","width":1024,"height":1024,"caption":"Pantherax Blogs"},"image":{"@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7","name":"Panther","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","caption":"Panther"},"sameAs":["http:\/\/localhost:10003"],"url":"http:\/\/localhost:10003\/author\/pepethefrog\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4034"}],"collection":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/comments?post=4034"}],"version-history":[{"count":1,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4034\/revisions"}],"predecessor-version":[{"id":4490,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4034\/revisions\/4490"}],"wp:attachment":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/media?parent=4034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/categories?post=4034"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/tags?post=4034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}