{"id":247200,"date":"2021-02-23T07:27:24","date_gmt":"2021-02-23T13:27:24","guid":{"rendered":"https:\/\/divicake.com\/?p=247200"},"modified":"2021-02-22T17:39:45","modified_gmt":"2021-02-22T23:39:45","slug":"a-look-at-divis-new-global-color-system","status":"publish","type":"post","link":"https:\/\/divicake.com\/blog\/a-look-at-divis-new-global-color-system\/","title":{"rendered":"A Look at Divi&#8217;s New Global Color System"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_64 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Overview<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/divicake.com\/blog\/a-look-at-divis-new-global-color-system\/#Original_Divi_Color_Options\" title=\"Original Divi Color Options\">Original Divi Color Options<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/divicake.com\/blog\/a-look-at-divis-new-global-color-system\/#Divis_Global_Color_System\" title=\"Divi\u2019s Global Color System\">Divi\u2019s Global Color System<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/divicake.com\/blog\/a-look-at-divis-new-global-color-system\/#Edit_Global_Colors\" title=\"Edit Global Colors\">Edit Global Colors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/divicake.com\/blog\/a-look-at-divis-new-global-color-system\/#Using_the_Global_Colors\" title=\"Using the Global Colors\">Using the Global Colors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/divicake.com\/blog\/a-look-at-divis-new-global-color-system\/#Ending_Thoughts\" title=\"Ending Thoughts\">Ending Thoughts<\/a><\/li><\/ul><\/nav><\/div>\n<p>Elegant Themes has just released a new global color system for         <a href=\"https:\/\/divicake.com\/go\/divi\/\">Divi<\/a>\r\n\t\t. These global colors make it fast and easy to change all the colors of your Divi website. In this article, we\u2019ll take a look at the global color system, see how it works, and see how easy it is to use.<\/p>\n<p>Before we look at the new global color system, let\u2019s look at Divi without it so we can compare. For these examples, I\u2019ve rolled back to the previous version of Divi (4.8.2).<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Original_Divi_Color_Options\"><\/span>Original Divi Color Options<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247221\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options.png\" alt=\"Original Divi Color Options\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>For our examples, I\u2019m using the About page from the Telehealth layout pack from Elegant Themes. I want to change the background colors of the text modules and the row in the next section. I could also include the buttons, text, etc., but I\u2019ll just keep it simple.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247218\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-2.png\" alt=\"Original Divi Color Options\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-2.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-2-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>To change the colors, we\u2019d have to open each module individually and make the change, open each module and choose a preset, find and replace the colors, or extend the color to other modules in the page, section, row, or column.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247219\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-3.png\" alt=\"Original Divi Color Options\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-3.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-3-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>Extending it applies only to that page and only to that type of element. If you change to the background, fonts or other elements are not affected. It does allow you to apply the color to other types of modules if they have the type of element you\u2019re modifying, such as a background.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247220\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-4.png\" alt=\"Original Divi Color Options\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-4.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Original-Divi-Color-Options-4-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>You can even set the color as a preset that you can use throughout the website, and even make it the default preset, but only for that type of module.<\/p>\n<p>Extending styles, Find and Replace, and creating presets work great, but they\u2019re limited. Presets work site-wide, but the styles only work with the type of module it was created for. Find and Replace and Extending styles are a quick way to make changes, but they only apply to the current page. They work with multiple modules, but they will only apply changes to modules that include the type of element you\u2019re adjusting.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Divis_Global_Color_System\"><\/span>Divi\u2019s Global Color System<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247215\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System.png\" alt=\"Divi\u2019s Global Color System\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>The latest Divi update (Divi 4.9) adds a new option to the color choices called Global. Everywhere you see color options, Global is one of your choices. This allows you to create global colors that can be used anywhere you want including backgrounds, fonts, buttons, text, etc.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247209\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-2.png\" alt=\"Divi\u2019s Global Color System\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-2.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-2-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>Clicking <em>Global<\/em> opens the global colors. At first, there are no colors added. Instead, you\u2019ll see a plus icon inside a circle. Clicking this icon allows you to add a color to your global colors list.<\/p>\n<p>Choose the color from the color picker or add the hex code for the color you want. Create the color and then click the checkmark next to the hex code or anywhere outside of the color picker to add the color to your list of global colors.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247210\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-3.png\" alt=\"Divi\u2019s Global Color System\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-3.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-3-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>The colors you add will have a small dropper on the bottom right. I\u2019m not sure how many it will allow you to create, but I created 27 and I\u2019m sure I could have created more.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247211\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-4.png\" alt=\"Divi\u2019s Global Color System\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-4.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-4-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>The global colors are automatically added to every color picker in every Divi module. Here are the text color options showing the same colors.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247212\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-5.png\" alt=\"Divi\u2019s Global Color System\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-5.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-5-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>Here are the same global color options with the border colors for an image module. I opened the module, and the colors were already there. I didn\u2019t even save the page first.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247213\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-6.png\" alt=\"Divi\u2019s Global Color System\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-6.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Divis-Global-Color-System-6-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>You can also convert the current color to a global color. Right-click on the color and choose <em>Convert to Global<\/em>. This is useful if the module already has the color you like and you want to use it somewhere else on your website.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Edit_Global_Colors\"><\/span>Edit Global Colors<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247217\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Edit-Global-Colors.png\" alt=\"Edit Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Edit-Global-Colors.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Edit-Global-Colors-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>Divi&#8217;s new global color system makes it easy to edit the colors by clicking on the small gear icon.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247216\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Edit-Global-Colors-2.png\" alt=\"Edit Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Edit-Global-Colors-2.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Edit-Global-Colors-2-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>This opens the editing screen where you can select the color you want to edit. Each icon includes a trashcan, making it easy to delete them if you want.<\/p>\n<p>Clicking on a color opens the color picker where you can change the color. Anything using that color will automatically change to that color. This means you can change buttons, backgrounds, fonts, borders, etc., across your entire website from any Divi module.<\/p>\n<p>Deleting a color that\u2019s in use will remove it from the global list of colors, but everything using the color will still have the color. You just won\u2019t be able to adjust their colors globally until you add a global color to them.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Using_the_Global_Colors\"><\/span>Using the Global Colors<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247208\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors.png\" alt=\"Using the Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>To take advantage of the global colors, you\u2019ll need to select the global color in each of the modules you want to use it. You can assign any of the global colors you want, anywhere you want them. Fortunately, it\u2019s easy enough to replace the non-global (static) colors with global colors. Right-click on the color you want to use and select <em>Find and Replace<\/em>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247222\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-2.png\" alt=\"Using the Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-2.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-2-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>This opens a set of options where you can find a color and replace it with another. You can select the color you want to find by clicking on it to open this modal, select the color from the color picker, or enter the hex code for the color. The <em>Replace With<\/em> and <em>Replace All<\/em> options allow you to choose a global color and to apply it to other modules.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247223\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-3.png\" alt=\"Using the Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-3.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-3-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>Choose where you want to replace the color by selecting a choice from the <em>Within<\/em> dropdown box. Choose locations and elements between this page, section, row, column, the settings for the module, all modules of that type, or all modules. This makes it easy to change colors across your entire website without needing to open every module.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247224\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-4.png\" alt=\"Using the Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-4.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-4-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>Select <em>Replace<\/em> and the elements that you\u2019ve selected will automatically change to your new color.<\/p>\n<h4>Example<\/h4>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247225\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-5.png\" alt=\"Using the Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-5.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-5-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>In this example, I\u2019ve also added the global color to the background for the row in the following section.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247226\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-6.png\" alt=\"Using the Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-6.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-6-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>Now that several elements are using this global color, I can change the colors simultaneously by editing the global color. I this example, I\u2019ve selected to edit the yellow that I\u2019ve used as backgrounds for the text modules and the row. Once you have the color you want, click <em>Finish Editing Global Colors<\/em>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247206\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-7.png\" alt=\"Using the Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-7.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-7-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>It will ask if you\u2019re sure you want to make the changes and inform you that it will affect all instances of this global color across your website. I like that they remind you because once you make the change, it\u2019s done. This isn\u2019t something that only takes effect when you save the page and you can\u2019t undo the change. The only way to fix it is to enter the hex code or select the color from the color picker. Once you\u2019re sure you\u2019re ready, select <em>Yes<\/em>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-247207\" src=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-8.png\" alt=\"Using the Global Colors\" width=\"900\" height=\"470\" srcset=\"https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-8.png 900w, https:\/\/divicake.com\/wp-content\/uploads\/Using-the-Global-Colors-8-480x251.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><\/p>\n<p>Everything that uses that global color, no matter what type of element it is, will automatically change to the new color. I\u2019ve only used the global color on backgrounds, but it also applies to buttons, text, border, overlays, icons, box shadows, etc. Any Divi element can use the same global colors.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Ending_Thoughts\"><\/span>Ending Thoughts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>That\u2019s our look at         <a href=\"https:\/\/divicake.com\/go\/divi\/\">Divi<\/a>\r\n\t\tnew global color system. It seems to be a robust system. I like that anything that can use colors can use the same global colors. We\u2019re not limited by the types of elements or locations of the elements. Anything can use the same global colors and they can be adjusted at the same time across the entire website.<\/p>\n<p>Divi\u2019s global color system seems simple, but it\u2019s another game-changer that sets Divi apart from the competition and makes it an even better tool for building WordPress websites.<\/p>\n<p><strong>We want to hear from you. Have you tried Divi\u2019s new global color system? Let us know what you think about it in the comments. <\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elegant Themes has just released a new global color system for . These global colors make it fast and easy to change all the colors of your Divi website. In this article, we\u2019ll take a look at the global color system, see how it works, and see how easy it is to use. Before we [&hellip;]<\/p>\n","protected":false},"author":45,"featured_media":250074,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[129],"tags":[320],"_links":{"self":[{"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/posts\/247200"}],"collection":[{"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/comments?post=247200"}],"version-history":[{"count":4,"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/posts\/247200\/revisions"}],"predecessor-version":[{"id":250073,"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/posts\/247200\/revisions\/250073"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/media\/250074"}],"wp:attachment":[{"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/media?parent=247200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/categories?post=247200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/divicake.com\/wp-json\/wp\/v2\/tags?post=247200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}