{"id":324,"date":"2023-07-24T20:29:31","date_gmt":"2023-07-24T20:29:31","guid":{"rendered":"http:\/\/localhost:8888\/bigfreeze\/?page_id=324"},"modified":"2023-07-25T03:56:02","modified_gmt":"2023-07-25T03:56:02","slug":"about","status":"publish","type":"page","link":"https:\/\/www.colinneal.com\/bigfreeze\/about\/","title":{"rendered":"About"},"content":{"rendered":"\n<p>The purpose of this mockup website for a fictitious yogurt chain in Upstate New York was to practice translating wireframes into a CMS setting. In addition, I also wanted to use this website to experiment with integrating the Bootstrap 5 CSS framework into WordPress. To start off this project, I created a series of medium-fidelity wireframes in WireframeSketcher (which has a built-in library of Bootstrap UI components). After completing the wireframes, I then selected the BootScore theme to construct the front-end interface of the site, largely because it is an empty boilerplate WordPress starter theme with full Bootstrap 5 integration. To lay out the Bootstrap components and grid system in the Gutenberg block editor, I chose the All Bootstrap Blocks plugin. For even further customization of the site, a child theme was created to house additional CSS and jQuery files, as well as some of the site&#8217;s imagery.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full d-flex justify-content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"2536\" src=\"http:\/\/www.colinneal.com\/bigfreeze\/wp-content\/uploads\/2023\/07\/wireframeHomePage.png\" alt=\"\" class=\"wp-image-332\" srcset=\"https:\/\/www.colinneal.com\/bigfreeze\/wp-content\/uploads\/2023\/07\/wireframeHomePage.png 800w, https:\/\/www.colinneal.com\/bigfreeze\/wp-content\/uploads\/2023\/07\/wireframeHomePage-95x300.png 95w, https:\/\/www.colinneal.com\/bigfreeze\/wp-content\/uploads\/2023\/07\/wireframeHomePage-323x1024.png 323w, https:\/\/www.colinneal.com\/bigfreeze\/wp-content\/uploads\/2023\/07\/wireframeHomePage-768x2435.png 768w, https:\/\/www.colinneal.com\/bigfreeze\/wp-content\/uploads\/2023\/07\/wireframeHomePage-485x1536.png 485w, https:\/\/www.colinneal.com\/bigfreeze\/wp-content\/uploads\/2023\/07\/wireframeHomePage-646x2048.png 646w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The purpose of this mockup website for a fictitious yogurt chain in Upstate New York was to practice translating wireframes into a CMS setting. In addition, I also wanted to use this website to experiment with integrating the Bootstrap 5 CSS framework into WordPress. To start off this project, I created a series of medium-fidelity [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-sidebar-none.php","meta":{"footnotes":""},"class_list":["post-324","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.colinneal.com\/bigfreeze\/wp-json\/wp\/v2\/pages\/324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.colinneal.com\/bigfreeze\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.colinneal.com\/bigfreeze\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.colinneal.com\/bigfreeze\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.colinneal.com\/bigfreeze\/wp-json\/wp\/v2\/comments?post=324"}],"version-history":[{"count":18,"href":"https:\/\/www.colinneal.com\/bigfreeze\/wp-json\/wp\/v2\/pages\/324\/revisions"}],"predecessor-version":[{"id":370,"href":"https:\/\/www.colinneal.com\/bigfreeze\/wp-json\/wp\/v2\/pages\/324\/revisions\/370"}],"wp:attachment":[{"href":"https:\/\/www.colinneal.com\/bigfreeze\/wp-json\/wp\/v2\/media?parent=324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}