{"id":85,"date":"2020-04-29T19:31:12","date_gmt":"2020-04-30T02:31:12","guid":{"rendered":"http:\/\/www.ronaldseam.com\/?p=85"},"modified":"2020-08-03T14:28:45","modified_gmt":"2020-08-03T21:28:45","slug":"creating-a-header-and-homepage","status":"publish","type":"post","link":"https:\/\/www.ronaldseam.com\/?p=85","title":{"rendered":"Creating a Header and Homepage"},"content":{"rendered":"\n<h2 class=\"has-text-align-center wp-block-heading\">A &#8220;Drag-and-Drop&#8221; Process?<\/h2>\n\n\n\n<p>For this week&#8217;s assignment, I am to have created a header and create a home page. For the header part, I already had the &#8220;site title&#8221; and &#8220;tagline&#8221; (<strong>Ronald Seam<\/strong> and <strong>Ronald&#8217;s Random Rants<\/strong>, respectively) as the result of using a child theme of WordPress&#8217; Twenty-Seventeen.<\/p>\n\n\n\n<p>Although I was happy with the theme&#8217;s default header image, I thought for the sake of further learning and experiencing in WordPress that I would upload my own image. I would of like to have taken a picture of my local community college&#8217;s campus (LBCC) or a scenic picture of some place in Long Beach, but we are still in lock-down at the moment. The picture I have right now will have to do until I can create another image.<\/p>\n\n\n\n<p>Process was simple enough &#8211; in WordPress&#8217; Dashboard (back-end), go to Appearance &gt;&gt; Customize &gt;&gt; Header Media. Click on &#8220;Add New Image&#8221;&#8230;upload a picture, do a little cropping, select, and save the setting&#8230;done!<\/p>\n\n\n\n<p>As far as creating a home page, go to Dashboard &gt;&gt; Pages &gt;&gt; Add New. Building the page was utilizing the default block editor that comes on (I think) most WordPress themes nowadays. I believe it&#8217;s called &#8220;Gutenberg&#8221;. Add a heading, an image of myself, a widget for &#8220;recent blog post&#8221; and I had a home page. Setting my home page as the &#8220;home page&#8221; for my website was as easy as going into Dashboard, then to Setting &gt;&gt; Reading. It took me to the &#8220;Reading Setting&#8221; page where I then select &#8220;A static page&#8221; and set the home page and blog page.<\/p>\n\n\n\n<p>I used the web browser&#8217;s &#8220;Inspect&#8221; function (ctrl+shift+I) to find help me find out what &#8220;id&#8221; or &#8220;class&#8221; my header&#8217;s navigation menu and home page image was in. Then from the Dashboard, I went to Appearance &gt;&gt; Customize &gt;&gt; Additional CSS (I use to go to the <strong>style.css<\/strong> file in my <strong>twentyseventeen-child<\/strong> theme folder to make changes) where I added my changes with a little bit of CSS to the header navigation menu and image. <\/p>\n\n\n\n<p><strong>&#8220;What did you learn?&#8221;<\/strong> What I&#8217;ve learn from this assignment is that WordPress, as mentioned in the class lecture last Thursday, can be as simple and as complicated as I make it. This assignment was quite simple that I&#8217;m beginning to wonder if I &#8220;did the assignment correctly&#8221; &#8230; which leads to this blog assignment&#8217;s next question. <\/p>\n\n\n\n<p class=\"has-text-color has-very-dark-gray-color\"><strong>&#8220;What&#8217;s confusing you about theming?&#8221;<\/strong> I might be getting ahead of myself here and perhaps this will be answered in the upcoming class lecture(s), but in class last Thursday we talked about how &#8220;WordPress template files are like pieces of a puzzle&#8221;.  We talked about template files such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>index.php<\/li><li>header.php<\/li><li>sidebar.php<\/li><li>singular.php<\/li><li>footer.php<\/li><\/ul>\n\n\n\n<p>But when I did this assignment, I didn&#8217;t do any &#8220;snippet&#8221; of code. I was under the assumption of at least having to create a <strong>header.php<\/strong>, <strong>front-page.php<\/strong>, and\/or <strong>single.php<\/strong> template in my child theme and pasting a snippet code from WordPress.org reference material. But I didn&#8217;t have to do that after all (in addition to not knowing how to). <\/p>\n\n\n\n<p class=\"has-text-color has-very-dark-gray-color\"><strong>&#8220;Do you have any questions about what we covered?&#8221;<\/strong><\/p>\n\n\n\n<p>My confusion comes from not knowing if I was suppose to already know how to &#8220;create and code&#8221; template files such as header.php, singular.php, and footer.php into my child theme<\/p>\n\n\n\n<p class=\"has-text-align-center\">and<\/p>\n\n\n\n<p>did I approach this assignment incorrectly because it was a &#8220;drag-and-drop&#8221;, &#8220;Gutenberg&#8221; block-based editor process whereas the class lecture last Thursday seemed a little more involved in regards to template files and snippets of coding.<\/p>\n\n\n\n<p>Perhaps I&#8217;m getting ahead of myself here in regards to having to know how to create template file(s). I will find out during the next class meeting.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A &#8220;Drag-and-Drop&#8221; Process? For this week&#8217;s assignment, I am to have created a header and create a home page. For the header part, I already had the &#8220;site title&#8221; and &#8220;tagline&#8221; (Ronald Seam and Ronald&#8217;s Random Rants, respectively) as the result of using a child theme of WordPress&#8217; Twenty-Seventeen. Although I was happy with the &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.ronaldseam.com\/?p=85\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Creating a Header and Homepage&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,8],"tags":[],"class_list":["post-85","post","type-post","status-publish","format-standard","hentry","category-header-homepage","category-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creating a Header and Homepage - Ronald Seam<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ronaldseam.com\/?p=85\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a Header and Homepage - Ronald Seam\" \/>\n<meta property=\"og:description\" content=\"A &#8220;Drag-and-Drop&#8221; Process? For this week&#8217;s assignment, I am to have created a header and create a home page. For the header part, I already had the &#8220;site title&#8221; and &#8220;tagline&#8221; (Ronald Seam and Ronald&#8217;s Random Rants, respectively) as the result of using a child theme of WordPress&#8217; Twenty-Seventeen. Although I was happy with the &hellip; Continue reading &quot;Creating a Header and Homepage&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ronaldseam.com\/?p=85\" \/>\n<meta property=\"og:site_name\" content=\"Ronald Seam\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-30T02:31:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-03T21:28:45+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ronaldseam.com\/?p=85\",\"url\":\"https:\/\/www.ronaldseam.com\/?p=85\",\"name\":\"Creating a Header and Homepage - Ronald Seam\",\"isPartOf\":{\"@id\":\"https:\/\/www.ronaldseam.com\/#website\"},\"datePublished\":\"2020-04-30T02:31:12+00:00\",\"dateModified\":\"2020-08-03T21:28:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.ronaldseam.com\/#\/schema\/person\/06b9f266c4d2489f910b3288b40b2f0c\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.ronaldseam.com\/?p=85#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ronaldseam.com\/?p=85\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ronaldseam.com\/?p=85#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ronaldseam.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a Header and Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ronaldseam.com\/#website\",\"url\":\"https:\/\/www.ronaldseam.com\/\",\"name\":\"Ronald Seam\",\"description\":\"Ronald&#039;s Random Rants\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ronaldseam.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ronaldseam.com\/#\/schema\/person\/06b9f266c4d2489f910b3288b40b2f0c\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ronaldseam.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a1062af0bf751e5639f8ec96bc4c48b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7a1062af0bf751e5639f8ec96bc4c48b?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/www.ronaldseam.com\"],\"url\":\"https:\/\/www.ronaldseam.com\/?author=3\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a Header and Homepage - Ronald Seam","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ronaldseam.com\/?p=85","og_locale":"en_US","og_type":"article","og_title":"Creating a Header and Homepage - Ronald Seam","og_description":"A &#8220;Drag-and-Drop&#8221; Process? For this week&#8217;s assignment, I am to have created a header and create a home page. For the header part, I already had the &#8220;site title&#8221; and &#8220;tagline&#8221; (Ronald Seam and Ronald&#8217;s Random Rants, respectively) as the result of using a child theme of WordPress&#8217; Twenty-Seventeen. Although I was happy with the &hellip; Continue reading \"Creating a Header and Homepage\"","og_url":"https:\/\/www.ronaldseam.com\/?p=85","og_site_name":"Ronald Seam","article_published_time":"2020-04-30T02:31:12+00:00","article_modified_time":"2020-08-03T21:28:45+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ronaldseam.com\/?p=85","url":"https:\/\/www.ronaldseam.com\/?p=85","name":"Creating a Header and Homepage - Ronald Seam","isPartOf":{"@id":"https:\/\/www.ronaldseam.com\/#website"},"datePublished":"2020-04-30T02:31:12+00:00","dateModified":"2020-08-03T21:28:45+00:00","author":{"@id":"https:\/\/www.ronaldseam.com\/#\/schema\/person\/06b9f266c4d2489f910b3288b40b2f0c"},"breadcrumb":{"@id":"https:\/\/www.ronaldseam.com\/?p=85#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ronaldseam.com\/?p=85"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ronaldseam.com\/?p=85#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ronaldseam.com\/"},{"@type":"ListItem","position":2,"name":"Creating a Header and Homepage"}]},{"@type":"WebSite","@id":"https:\/\/www.ronaldseam.com\/#website","url":"https:\/\/www.ronaldseam.com\/","name":"Ronald Seam","description":"Ronald&#039;s Random Rants","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ronaldseam.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.ronaldseam.com\/#\/schema\/person\/06b9f266c4d2489f910b3288b40b2f0c","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ronaldseam.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7a1062af0bf751e5639f8ec96bc4c48b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a1062af0bf751e5639f8ec96bc4c48b?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/www.ronaldseam.com"],"url":"https:\/\/www.ronaldseam.com\/?author=3"}]}},"_links":{"self":[{"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=\/wp\/v2\/posts\/85"}],"collection":[{"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=85"}],"version-history":[{"count":15,"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=\/wp\/v2\/posts\/85\/revisions\/107"}],"wp:attachment":[{"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ronaldseam.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}