{"id":260,"date":"2024-11-07T09:46:39","date_gmt":"2024-11-07T14:46:39","guid":{"rendered":"https:\/\/choalex.com\/webdev\/project-three\/content\/?page_id=260"},"modified":"2024-11-10T17:13:23","modified_gmt":"2024-11-10T22:13:23","slug":"reflection","status":"publish","type":"page","link":"https:\/\/choalex.com\/webdev\/project-three\/content\/index.php\/reflection\/","title":{"rendered":"REFLECTION"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">CONTENT SITE<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">While creating my content site, I&#8217;ve picked up many new skills. I learned the basics of how to rearrange blocks and edit their individual styles to make the site look more presentable and balanced. I also learned more advanced things like changing my theme to <strong>&#8220;Marsh Blog&#8221;<\/strong> and installing a plugin, called <strong>Photo Gallery by 10Web<\/strong>, to display my pictures in a more aesthetic fashion. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Although I enjoyed this process very much, I ran into many struggles when doing additional CSS. When I would use the Inspect element to identify specific elements, the class names would be very long and have multiple words. I did not know which ones to use. There was a lot of trial and error, as I spent a good amount of time putting in different class names in hopes it would work. I would say that was my biggest struggle. Another struggle I had was choosing my theme. I personally wanted this blog to be clean and minimal, so choosing the right theme took me a while as well. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With that, I am very proud of how my additional CSS transformed my site. I changed the colors of words from a bright red to a muted green. I changed what tabs would look like when hovered and active as well. I am proud of how the incorporation of the plugin added to the quality of the site as well. I added embedded videos , images, and utilized different blocks in my blog posts. One of my favorite features is the HTML widget I added on the homepage that has text moving from right to left. &#8220;Allez,&#8221; &#8220;Gamba,&#8221; and &#8220;Gaja&#8221; are all ways of saying &#8220;Come on!&#8221; in French, Japanese, and Korean. It&#8217;s a very common phrase climbers say to encourage each other, and I wanted to add that meaningful touch to the site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Creating this content site was very rewarding. I am very proud of the finished outcome, and I love the way it looks. I enjoyed making a content site about something I am very passionate about. In the future, I would like to work more on additional CSS and getting used to calling to the correct classes. The WordPress templates are a great foundation, but additional CSS can take your site even further. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">COMMERCE SITE<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">While creating my commerce site, I continued to learned how to rearrange blocks and edit their individual styles. I also learned more on how to edit through the site editor, not the page editor. I kept my site as the <strong>&#8220;Twenty Twenty-Four&#8221;<\/strong> theme and used the WooCommerce a plugin&#8217;s <strong>search bar<\/strong> to allow people to search for products in my header.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I feel like I struggled with creativity with this site. WooCommerce basically set everything up for me, so it felt like I could only change colors of the site, images, and my fonts. Changing the color behind the quote on my home page was tricky. I ended up needing to add &#8220;!important&#8221; for the site to react. I also struggled with incorporating Google Fonts. None of the fonts worked, so I used the suggested &#8220;Quicksand&#8221; font. It&#8217;s currently in my CSS, however it reverted to the backup font, Serif.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I am proud of how my homepage is. I enjoyed creating columns to add media and text blocks to display my products. I also linked the image and name to the actual product. Using the WooCommerce plugin, I utilized the <strong>&#8220;featured category&#8221;<\/strong> function to put a sale section. The individual product sites also have a gallery for users to see more pictures. I am also very proud of incorporating the WooCommerce&#8217;s search bar plugin into my header. I didn&#8217;t want it on the top of my homepage, rather in the header. That took me a while to figure out, but I eventually got it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Creating this commerce site was challenging, as it made me think of ways to transform the site further than it already was. In the future, I would like to work more on additional CSS.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CONTENT SITE While creating my content site, I&#8217;ve picked up many new skills. I learned the basics of how to rearrange blocks and edit their [&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-260","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/choalex.com\/webdev\/project-three\/content\/index.php\/wp-json\/wp\/v2\/pages\/260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/choalex.com\/webdev\/project-three\/content\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/choalex.com\/webdev\/project-three\/content\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/choalex.com\/webdev\/project-three\/content\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/choalex.com\/webdev\/project-three\/content\/index.php\/wp-json\/wp\/v2\/comments?post=260"}],"version-history":[{"count":3,"href":"https:\/\/choalex.com\/webdev\/project-three\/content\/index.php\/wp-json\/wp\/v2\/pages\/260\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/choalex.com\/webdev\/project-three\/content\/index.php\/wp-json\/wp\/v2\/pages\/260\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/choalex.com\/webdev\/project-three\/content\/index.php\/wp-json\/wp\/v2\/media?parent=260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}