{"id":6625,"date":"2021-04-29T22:44:55","date_gmt":"2021-04-29T22:44:55","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=6625"},"modified":"2023-04-25T21:06:30","modified_gmt":"2023-04-25T21:06:30","slug":"how-to-use-wordpress-basics","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2021\/04\/29\/how-to-use-wordpress-basics\/","title":{"rendered":"How To Use WordPress &#8211; Basics"},"content":{"rendered":"\n<p>WordPress is a Content Management System (CMS) used to help one build a website or blog without prior web development experience. In this tutorial, we will learn how to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set up a basic WordPress site locally<\/li>\n\n\n\n<li>Write and publish posts and pages<\/li>\n\n\n\n<li>Style a site using the WP theme customizer<\/li>\n<\/ul>\n\n\n\n<p><strong>Note: <\/strong>we will be using the WordPress block editor as oppose to the classic editor. Read more about the differences between the two <a rel=\"noreferrer noopener\" href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-use-the-new-wordpress-block-editor\/\" target=\"_blank\">here<\/a>.<\/p>\n\n\n\n<p><strong>Before starting this training, complete the following tutorials to set up a local Grav site on your machine:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/sites.la.utexas.edu\/kb\/2021\/09\/16\/how-to-install-mamp\/\" target=\"_blank\">How to Install MAMP<\/a><\/li>\n\n\n\n<li>Installing <a href=\"https:\/\/sites.la.utexas.edu\/kb\/2021\/10\/15\/installing-wordpress-locally\/\">WordPress<\/a> Locally<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Set Up: Installing Your Astra Child Theme<\/strong><\/h2>\n\n\n\n<p>WordPress uses <strong>themes<\/strong>. Themes are&nbsp;templates that include pre-defined styling and basic functionality for sites. <\/p>\n\n\n\n<p>When we create our own websites using CMS\u2019s, we will usually be making our own customizations on top of these base themes.&nbsp;<\/p>\n\n\n\n<p>To do this, we make a <strong>child theme <\/strong>that inherits from our parent theme, Astra.<\/p>\n\n\n\n<p>Making a child theme of Astra is super easy. Go to Astra&#8217;s child theme generator: <a rel=\"noreferrer noopener\" href=\"https:\/\/wpastra.com\/child-theme-generator\/\" target=\"_blank\">https:\/\/wpastra.com\/child-theme-generator\/<\/a>.<\/p>\n\n\n\n<p>Choose a name for your new child theme (ex: wordpress_training_astra) and click Generate. This will save a .zip file of your new child theme to your computer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.29.09-PM-1024x491.png\" alt=\"\" class=\"wp-image-8370\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.29.09-PM-1024x491.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.29.09-PM-300x144.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.29.09-PM-768x368.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.29.09-PM-1536x736.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.29.09-PM-2048x982.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Next, go to your WordPress dashboard. Click on the Appearance &gt; Themes tab. Click Add New.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.30.23-PM-1024x481.png\" alt=\"\" class=\"wp-image-8372\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.30.23-PM-1024x481.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.30.23-PM-300x141.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.30.23-PM-768x361.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.30.23-PM-1536x722.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.30.23-PM-2048x963.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> Then click on Upload Theme and upload the .zip file you just downloaded.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.31.03-PM.png\" alt=\"\" class=\"wp-image-8373\" width=\"279\" height=\"105\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.31.03-PM.png 654w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.31.03-PM-300x113.png 300w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"263\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.31.30-PM-1024x263.png\" alt=\"\" class=\"wp-image-8374\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.31.30-PM-1024x263.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.31.30-PM-300x77.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.31.30-PM-768x197.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.31.30-PM-1536x394.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.31.30-PM-2048x525.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now if you go visit your site, it should be the basic Astra template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.33.48-PM-1024x486.png\" alt=\"\" class=\"wp-image-8377\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.33.48-PM-1024x486.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.33.48-PM-300x143.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.33.48-PM-768x365.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.33.48-PM-1536x730.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.33.48-PM-2048x973.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Write and Publish a Page<\/strong><\/h2>\n\n\n\n<p>Now that we have set up our site, let&#8217;s create some content. <\/p>\n\n\n\n<p>First, we&#8217;ll make a home page. <\/p>\n\n\n\n<p>Go to the Pages tab in the left sidebar. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"369\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.26-PM-1024x369.png\" alt=\"\" class=\"wp-image-8379\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.26-PM-1024x369.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.26-PM-300x108.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.26-PM-768x277.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.26-PM-1536x554.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.26-PM-2048x738.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click Add New. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.36-PM.png\" alt=\"\" class=\"wp-image-8380\" width=\"184\" height=\"52\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.36-PM.png 342w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.36-PM-300x84.png 300w\" sizes=\"auto, (max-width: 184px) 100vw, 184px\" \/><\/figure>\n\n\n\n<p>This will take you to the page editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.55-PM-1024x473.png\" alt=\"\" class=\"wp-image-8381\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.55-PM-1024x473.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.55-PM-300x139.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.55-PM-768x355.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.55-PM-1536x709.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.36.55-PM-2048x946.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>WordPress uses content modules called <strong>blocks.<\/strong> Using these blocks, you can add various elements to your pages like headings, paragraphs, images, grids, etc. <\/p>\n\n\n\n<p>To add a new block to a page, click on the + icon. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.37.53-PM.png\" alt=\"\" class=\"wp-image-8383\" width=\"54\" height=\"54\"\/><\/figure>\n\n\n\n<p>Click on Browse All to see the full list of blocks available to you. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.38.09-PM-602x1024.png\" alt=\"\" class=\"wp-image-8384\" width=\"230\" height=\"390\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.38.09-PM-602x1024.png 602w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.38.09-PM.png 696w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/><\/figure>\n\n\n\n<p>There are other metadata options about the post that you might want to explore. These are located in the right sidebar. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.38.53-PM-1024x451.png\" alt=\"\" class=\"wp-image-8385\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.38.53-PM-1024x451.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.38.53-PM-300x132.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.38.53-PM-768x338.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.38.53-PM-1536x676.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.38.53-PM-2048x902.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can edit the Page metadata or select a block and edit the block metadata. <\/p>\n\n\n\n<p>Now let&#8217;s start by adding a title and some text content to our home page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.39.52-PM-1024x442.png\" alt=\"\" class=\"wp-image-8386\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.39.52-PM-1024x442.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.39.52-PM-300x130.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.39.52-PM-768x332.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.39.52-PM-1536x663.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.39.52-PM-2048x885.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you are done editing your content, click the Publish button. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.40.07-PM.png\" alt=\"\" class=\"wp-image-8387\" width=\"80\" height=\"47\"\/><\/figure>\n\n\n\n<p>If you visit your site, you will notice that the new page we created doesn&#8217;t show up as the home page. We will go and set it to function as the proper home page later.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Write and Publish a Post<\/strong><\/h2>\n\n\n\n<p>Now that we&#8217;ve created a page. Let&#8217;s take a look at WordPress&#8217;s other content type, posts. <\/p>\n\n\n\n<p>Go to the Posts tab in the left sidebar. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.40.41-PM-1024x421.png\" alt=\"\" class=\"wp-image-8388\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.40.41-PM-1024x421.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.40.41-PM-300x123.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.40.41-PM-768x316.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.40.41-PM-1536x631.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.40.41-PM-2048x842.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click Add New. This will take you to the post editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.41.19-PM.png\" alt=\"\" class=\"wp-image-8390\" width=\"164\" height=\"41\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.41.19-PM.png 312w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.41.19-PM-300x75.png 300w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/figure>\n\n\n\n<p>Editing post content is very similar to editing pages. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.41.46-PM-1024x476.png\" alt=\"\" class=\"wp-image-8391\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.41.46-PM-1024x476.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.41.46-PM-300x140.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.41.46-PM-768x357.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.41.46-PM-1536x715.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.41.46-PM-2048x953.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you look at the right sidebar and examine the Post metadata options, you will notice a few differences from the page editor. <\/p>\n\n\n\n<p>Here, you can add things like tags and categories as well as add excerpts and featured images for each post. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.42.07-PM-423x1024.png\" alt=\"\" class=\"wp-image-8392\" width=\"223\" height=\"540\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.42.07-PM-423x1024.png 423w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.42.07-PM-124x300.png 124w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.42.07-PM.png 556w\" sizes=\"auto, (max-width: 223px) 100vw, 223px\" \/><\/figure>\n\n\n\n<p>Start by adding a title and some post content. Upload a featured image and add an excerpt. <\/p>\n\n\n\n<p>Once you&#8217;re done editing, click Publish. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.40.07-PM.png\" alt=\"\" class=\"wp-image-8387\" width=\"80\" height=\"47\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Posts vs. Pages<\/strong><\/h3>\n\n\n\n<p>When working in WordPress, the distinction between pages and posts is important to note. The differences can be summarized by the following points:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Posts are timely, and pages are timeless.<\/li>\n\n\n\n<li>Posts are meant to be shared on social media, and pages are not.<\/li>\n\n\n\n<li>Posts are organized using <strong>categories and tags<\/strong>, while pages are <strong>hierarchical<\/strong> and organized as <strong>child and parent<\/strong> pages.<\/li>\n\n\n\n<li>Posts have an author and published date, while pages do not.<\/li>\n<\/ul>\n\n\n\n<p>It&#8217;s helpful to think of how a blog works. The posts are individual articles that the author publishes while a page would be something like an About Me or Contact page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Customizing the Theme<\/strong><\/h2>\n\n\n\n<p>Now that we have created some content for our site, let&#8217;s start customizing the theme itself.<\/p>\n\n\n\n<p>There are two ways to access the <strong>Theme Customizer<\/strong>.<\/p>\n\n\n\n<p>You can go to Appearance &gt; Customize in the left sidebar or you can click on Customize at the top when viewing your site. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.50.39-PM.png\" alt=\"\" class=\"wp-image-8394\" width=\"306\" height=\"199\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.50.39-PM.png 678w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.50.39-PM-300x196.png 300w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.51.38-PM-1024x494.png\" alt=\"\" class=\"wp-image-8395\" width=\"500\" height=\"240\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.51.38-PM-1024x494.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.51.38-PM-300x145.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.51.38-PM.png 1690w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<p>The Theme Customizer is where you can edit overall site styling, the header, the footer, and general site layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.53.00-PM-1024x492.png\" alt=\"\" class=\"wp-image-8396\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.53.00-PM-1024x492.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.53.00-PM-300x144.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.53.00-PM-768x369.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.53.00-PM-1536x739.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.53.00-PM-2048x985.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Global<\/strong><\/h3>\n\n\n\n<p>The Global tab is where you can edit:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>typography<\/li>\n\n\n\n<li>colors<\/li>\n\n\n\n<li>container<\/li>\n\n\n\n<li>buttons<\/li>\n<\/ul>\n\n\n\n<p>These styling preferences get applied to the entire site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.53.59-PM.png\" alt=\"\" class=\"wp-image-8398\" width=\"229\" height=\"210\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.53.59-PM.png 596w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.53.59-PM-300x276.png 300w\" sizes=\"auto, (max-width: 229px) 100vw, 229px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-cbd28495-079d-4417-b756-ea4f3c2abb3d\"><strong>Header &amp; Footer Builder<\/strong>s<\/h3>\n\n\n\n<p>For both the header and footer, there are 3 sections of the header that can house elements: above, primary, below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.54.56-PM-1024x494.png\" alt=\"\" class=\"wp-image-8400\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.54.56-PM-1024x494.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.54.56-PM-300x145.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.54.56-PM-768x371.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.54.56-PM-1536x741.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.54.56-PM-2048x988.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In each section, you can add elements like custom HTML or widgets which use blocks. <\/p>\n\n\n\n<p>Click on the gear icon, to customize the 3 sections. Click on the elements themselves to edit the content.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.56.11-PM-1008x1024.png\" alt=\"\" class=\"wp-image-8401\" width=\"361\" height=\"367\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.56.11-PM-1008x1024.png 1008w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.56.11-PM-295x300.png 295w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.56.11-PM-768x780.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.56.11-PM.png 1170w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/><\/figure>\n\n\n\n<p>You can also customize the mobile header. To switch to mobile view, click on the mobile icon in the bottom left corner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.57.10-PM-1024x776.png\" alt=\"\" class=\"wp-image-8402\" width=\"400\" height=\"302\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.57.10-PM-1024x776.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.57.10-PM-300x227.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.57.10-PM-768x582.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.57.10-PM-1536x1163.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.57.10-PM.png 1830w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<p>The off-canvas menu is the mobile menu. You can edit its properties by clicking on the gear icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.58.07-PM-1024x487.png\" alt=\"\" class=\"wp-image-8403\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.58.07-PM-1024x487.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.58.07-PM-300x143.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.58.07-PM-768x365.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.58.07-PM-1536x731.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-25-at-4.58.07-PM-2048x974.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-8e84877c-1f9b-49da-a9dc-df483f1f453c\"><strong>Sidebar<\/strong><\/h3>\n\n\n\n<p>The Sidebar tab is where you can remove or apply sidebars to pages or posts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.16.58-AM-497x1024.png\" alt=\"\" class=\"wp-image-8405\" width=\"202\" height=\"416\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.16.58-AM-497x1024.png 497w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.16.58-AM-146x300.png 146w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.16.58-AM.png 582w\" sizes=\"auto, (max-width: 202px) 100vw, 202px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-8e84877c-1f9b-49da-a9dc-df483f1f453c\"><strong>Blog<\/strong><\/h3>\n\n\n\n<p>The Blog tab allows you to choose what metadata gets displayed on blog archive pages and single post pages.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.17.49-AM-497x1024.png\" alt=\"\" class=\"wp-image-8406\" width=\"249\" height=\"512\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.17.49-AM-497x1024.png 497w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.17.49-AM-146x300.png 146w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.17.49-AM.png 580w\" sizes=\"auto, (max-width: 249px) 100vw, 249px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.18.01-AM-520x1024.png\" alt=\"\" class=\"wp-image-8407\" width=\"260\" height=\"512\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.18.01-AM-520x1024.png 520w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.18.01-AM-152x300.png 152w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.18.01-AM.png 580w\" sizes=\"auto, (max-width: 260px) 100vw, 260px\" \/><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Homepage Settings<\/strong><\/h3>\n\n\n\n<p>The Homepage Settings tab lets you choose which page to assign as the front page (aka the home page).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.19.31-AM.png\" alt=\"\" class=\"wp-image-8409\" width=\"285\" height=\"340\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.19.31-AM.png 586w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.19.31-AM-251x300.png 251w\" sizes=\"auto, (max-width: 285px) 100vw, 285px\" \/><\/figure>\n\n\n\n<p>Click on &#8220;A static page&#8221; and under the Homepage dropdown, select the custom home page you created earlier.<\/p>\n\n\n\n<p>Once you&#8217;re done customizing your site, click Publish.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Menus<\/strong><\/h2>\n\n\n\n<p>Go to Appearance &gt; Menus in the left sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.25.46-AM-1024x491.png\" alt=\"\" class=\"wp-image-8412\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.25.46-AM-1024x491.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.25.46-AM-300x144.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.25.46-AM-768x368.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.25.46-AM-1536x737.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.25.46-AM-2048x983.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can create various custom menus to use across your site. <\/p>\n\n\n\n<p>Give your menu a name (ex: main menu) then click Create. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.16-AM.png\" alt=\"\" class=\"wp-image-8414\" width=\"426\" height=\"72\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.16-AM.png 786w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.16-AM-300x51.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.16-AM-768x131.png 768w\" sizes=\"auto, (max-width: 426px) 100vw, 426px\" \/><\/figure>\n\n\n\n<p>On the left you will see a list of pages and posts. You can also add custom links. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.43-AM.png\" alt=\"\" class=\"wp-image-8415\" width=\"306\" height=\"429\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.43-AM.png 592w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.43-AM-214x300.png 214w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/figure>\n\n\n\n<p>Select the Sample Page and click Add to Menu. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.59-AM.png\" alt=\"\" class=\"wp-image-8416\" width=\"251\" height=\"151\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.59-AM.png 542w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.52.59-AM-300x180.png 300w\" sizes=\"auto, (max-width: 251px) 100vw, 251px\" \/><\/figure>\n\n\n\n<p>You can click and drag the menu items to order them how you want. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.54.09-AM-1024x439.png\" alt=\"\" class=\"wp-image-8417\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.54.09-AM-1024x439.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.54.09-AM-300x129.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.54.09-AM-768x330.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.54.09-AM-1536x659.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.54.09-AM.png 1538w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you&#8217;re done editing, click Save Menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.54.45-AM.png\" alt=\"\" class=\"wp-image-8418\" width=\"104\" height=\"40\"\/><\/figure>\n\n\n\n<p>Now click on the Manage Locations tab. This is where we can assign where we want our menus to be displayed. Astra supports up to 5 menu locations that are listed in this tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"832\" height=\"352\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.03-AM.png\" alt=\"\" class=\"wp-image-8419\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.03-AM.png 832w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.03-AM-300x127.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.03-AM-768x325.png 768w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/figure>\n\n\n\n<p>The Primary menu is the menu that&#8217;s displayed in the header at the top of the site. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"606\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.29-AM-1024x606.png\" alt=\"\" class=\"wp-image-8420\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.29-AM-1024x606.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.29-AM-300x177.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.29-AM-768x454.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.29-AM-1536x908.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.29-AM.png 1542w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In the Assigned Menu drop down, select the menu you just created.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"246\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.56-AM-1024x246.png\" alt=\"\" class=\"wp-image-8421\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.56-AM-1024x246.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.56-AM-300x72.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.56-AM-768x184.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-9.55.56-AM.png 1158w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click Save Changes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Additional CSS<\/strong><\/h2>\n\n\n\n<p>Just knowing your way around the WordPress dashboard can get you pretty far in customizing your site. Sometimes projects will call for more complex designs and styling. <\/p>\n\n\n\n<p>You can add CSS to your child theme by directly editing the <strong>styles.css<\/strong> file. <\/p>\n\n\n\n<p>To get to this file, go to your: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>wordpress_root_folder\/wp-content\/themes\/your_astra_child_theme\/styles.css<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.07.49-AM-1024x486.png\" alt=\"\" class=\"wp-image-8423\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.07.49-AM-1024x486.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.07.49-AM-300x142.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.07.49-AM-768x365.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.07.49-AM-1536x730.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.07.49-AM-2048x973.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Open style.css in the code editor of your choice and add your CSS directly into the file. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"533\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.09.47-AM-1024x533.png\" alt=\"\" class=\"wp-image-8424\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.09.47-AM-1024x533.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.09.47-AM-300x156.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.09.47-AM-768x400.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.09.47-AM-1536x800.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.09.47-AM.png 1962w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Refresh your site and any changes you make should be reflected. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Plugins<\/strong><\/h2>\n\n\n\n<p>Often times, you will want more specialized functionality. This can be achieved with plugins. WordPress has an extensive library of free plugins at your disposal.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Note:<\/strong> While plugins can be very useful, they can also be a point of vulnerability in your site&#8217;s security. If you are looking to install a plugin for your project, be sure to ask your web dev manager for approval first. <\/p>\n<\/blockquote>\n\n\n\n<p>Let&#8217;s try installing a commonly used one called Ultimate Addons for Gutenberg. This plugin provides more advanced blocks to build sites with.<\/p>\n\n\n\n<p>Go to the Plugins tab in the left sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.11.36-AM-1024x421.png\" alt=\"\" class=\"wp-image-8426\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.11.36-AM-1024x421.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.11.36-AM-300x123.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.11.36-AM-768x316.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.11.36-AM-1536x632.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.11.36-AM-2048x842.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click Add New.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.11.46-AM.png\" alt=\"\" class=\"wp-image-8427\" width=\"137\" height=\"29\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.11.46-AM.png 364w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.11.46-AM-300x64.png 300w\" sizes=\"auto, (max-width: 137px) 100vw, 137px\" \/><\/figure>\n\n\n\n<p>Search for &#8220;Ultimate Addons for Gutenberg&#8221;. Click Install Now and Activate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.12.16-AM-1024x479.png\" alt=\"\" class=\"wp-image-8428\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.12.16-AM-1024x479.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.12.16-AM-300x140.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.12.16-AM-768x359.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.12.16-AM-1536x719.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.12.16-AM-2048x959.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once activated, go to your home page editor and add a new block. You will notice more block options provided by the new plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"588\" height=\"1024\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.14.06-AM-588x1024.png\" alt=\"\" class=\"wp-image-8429\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.14.06-AM-588x1024.png 588w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.14.06-AM-172x300.png 172w, http:\/\/sites.la.utexas.edu\/kb\/files\/2022\/03\/Screen-Shot-2022-03-28-at-10.14.06-AM.png 696w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Activity<\/strong><\/h2>\n\n\n\n<p>Now that you&#8217;ve gotten a basic overview of how to use WordPress, finish creating your custom site on your own. <\/p>\n\n\n\n<p>Make sure your site contains the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Custom typography and color scheme of your choosing<\/li>\n\n\n\n<li>A custom static home page and 2 additional pages\n<ul class=\"wp-block-list\">\n<li>One of these pages should include a post grid or post list block<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>At least 5 posts<\/li>\n\n\n\n<li>Custom Header and Footer<\/li>\n\n\n\n<li>Mobile responsive<\/li>\n<\/ul>\n\n\n\n<p>Once you&#8217;re finished, post screenshots or a screen recording of your entire site on basecamp.<\/p>\n\n\n\n<p>You can read more detailed Astra documentation here: <a href=\"https:\/\/wpastra.com\/docs\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wpastra.com\/docs\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress is a Content Management System (CMS) used to help one build a website or blog without prior web development experience. In this tutorial, we will learn how to: Note: we will be using the WordPress block editor as oppose &hellip; <a href=\"http:\/\/sites.la.utexas.edu\/kb\/2021\/04\/29\/how-to-use-wordpress-basics\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":744,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6625","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/6625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/744"}],"replies":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=6625"}],"version-history":[{"count":49,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/6625\/revisions"}],"predecessor-version":[{"id":8711,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/6625\/revisions\/8711"}],"wp:attachment":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=6625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=6625"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=6625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}