{"id":369,"date":"2026-07-19T15:55:34","date_gmt":"2026-07-19T19:55:34","guid":{"rendered":"https:\/\/heycoramay.com\/project-three\/?page_id=369"},"modified":"2026-07-19T18:11:43","modified_gmt":"2026-07-19T22:11:43","slug":"grandmas-craft-corner","status":"publish","type":"page","link":"https:\/\/heycoramay.com\/project-three\/","title":{"rendered":"Project Three Reflection"},"content":{"rendered":"<h2 style=\"margin-top:var(--wp--preset--spacing--40)\" class=\"alignwide wp-block-post-title has-xx-large-font-size\">Project Three Reflection<\/h2>\n\n\n<p class=\"alignwide wp-block-paragraph\">The best way to describe my overall thoughts on Project Three is that I almost had to unlearn a lot of what I&#8217;ve been learning this semester.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">WordPress as a whole is a wonderful! I love how easy it is to upload and update information across the site (once you get a hang of it). Now, that I can navigate through the \/wp-admin page to customize it, I can definitely see myself using it in the future. <\/p>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-2 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-section-2--1\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-633b684a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);flex-basis:40%\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"525\" height=\"1024\" data-id=\"384\" src=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.32.00-PM-525x1024.png\" alt=\"screenshot showing custom css for audio bar\" class=\"wp-image-384\" srcset=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.32.00-PM-525x1024.png 525w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.32.00-PM-154x300.png 154w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.32.00-PM.png 594w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"497\" height=\"1024\" data-id=\"385\" src=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.38.12-PM-497x1024.png\" alt=\"screenshot showing custom css for audio bar\" class=\"wp-image-385\" srcset=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.38.12-PM-497x1024.png 497w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.38.12-PM-146x300.png 146w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.38.12-PM-600x1235.png 600w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.38.12-PM.png 612w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"167\" src=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.30.29-PM-1024x167.png\" alt=\"screenshot of audio block with css errors\" class=\"wp-image-383\" srcset=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.30.29-PM-1024x167.png 1024w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.30.29-PM-300x49.png 300w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.30.29-PM-768x125.png 768w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.30.29-PM-600x98.png 600w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-17-at-2.30.29-PM.png 1238w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-0c22cdd7 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<h2 class=\"wp-block-heading has-contrast-color has-text-color has-link-color has-xx-large-font-size wp-elements-fad9b6e67e7c8f0c1a00c2c799b152be\">Content Site<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Honestly, uploading (or copying) the content from other sites and applying the overall theme was a breeze. The part that I struggled with for a little bit was specifically targeting certain areas of the theme&#8217;s design or WordPress block elements. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I had researched and watched the lectures for the week, and for the life of me couldn&#8217;t figure out how to adjust the custom css in both the settings and theme panel. (The screenshots to the right show where I was struggling and what was happening when I tried to add additional css on the settings panel of the page.)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In order to adjust theme and target specific aspects, I had to use the wp-admin\/customize.php link. After I figured out how to target specific aspects that way, it was really easy to adjust any issues or change the theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Overall, for the Content Site I am proud of the diversity of post styles and the consistency of theme implementation across the board. I definitely stretched myself adding a variety of media plug ins from downloaded videos to audio content to imbedded YouTube videos. <\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-5 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-section-5--3\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading alignwide\">Commerce Site<\/h2>\n\n\n\n<p class=\"alignwide has-medium-font-size wp-block-paragraph\">Building the content site was also fairly easy as well. I felt like the WooCommerce plugin was easy to navigate and understand.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">One thing that I learned when building out the different products is how to add variables to products to show different versions of each and what is available. <\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Since a lot of products were completed projects per-say I often used one photo (or a gallery of photos to show the different variations). <\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Pieces that I intentionally added were tags and categories on listings to help users find like products easily by searching. I also adjusted the typography to allow for more readability and specific targeted default text as seen in the screenshots below.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Pieces that I intentionally added were tags and categories on listings to help users find like products easily by searching. I also adjusted the typography to allow for more readability and specific targeted default text as seen in the screenshots to the side.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">In this section pieces that I am proud of include the simple block adjustments, product variations, and adding blocks to listings that link to other projects.<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-ca2dd60b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"446\" height=\"462\" src=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-18-at-8.32.35-PM.png\" alt=\"screenshot of the commerce drop down in nav bar\" class=\"wp-image-387\" srcset=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-18-at-8.32.35-PM.png 446w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-18-at-8.32.35-PM-290x300.png 290w\" sizes=\"auto, (max-width: 446px) 100vw, 446px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"234\" data-id=\"386\" src=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-18-at-7.40.25-PM.png\" alt=\"screenshot of text variations used\" class=\"wp-image-386\" srcset=\"https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-18-at-7.40.25-PM.png 752w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-18-at-7.40.25-PM-300x93.png 300w, https:\/\/heycoramay.com\/project-three\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-18-at-7.40.25-PM-600x187.png 600w\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" \/><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-1 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-section-1--5\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<h2 class=\"wp-block-heading has-text-align-left alignwide\">Overall Thoughts<\/h2>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">Overall, I found WordPress extremely easy to work with once you know how to navigate the wp-admin site and unlearn a few things from Bootstrap.<\/p>\n\n\n\n<p class=\"alignwide wp-block-paragraph\">As a whole, I am proud of how the project turned out and how the theme (a variation of Twenty Twenty-Five) represents the content well. Plugins that were used to build this site are: WooCommerce, Limit Login Attempts, and All-in-One WP Migration.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-1 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-section-1--6\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<h2 class=\"wp-block-heading has-text-align-center alignwide\">Playground<\/h2>\n\n\n\n<div class=\"wp-block-buttons alignwide is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-35f06ea7 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/heycoramay.com\/playground\">Playground<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The best way to describe my overall thoughts on Project Three is that I almost had to unlearn a lot of what I&#8217;ve been learning this semester. WordPress as a whole is a wonderful! I love how easy it is to upload and update information across the site (once you get a hang of it). [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-369","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heycoramay.com\/project-three\/wp-json\/wp\/v2\/pages\/369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heycoramay.com\/project-three\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heycoramay.com\/project-three\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heycoramay.com\/project-three\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heycoramay.com\/project-three\/wp-json\/wp\/v2\/comments?post=369"}],"version-history":[{"count":13,"href":"https:\/\/heycoramay.com\/project-three\/wp-json\/wp\/v2\/pages\/369\/revisions"}],"predecessor-version":[{"id":393,"href":"https:\/\/heycoramay.com\/project-three\/wp-json\/wp\/v2\/pages\/369\/revisions\/393"}],"wp:attachment":[{"href":"https:\/\/heycoramay.com\/project-three\/wp-json\/wp\/v2\/media?parent=369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}