{"id":3766,"date":"2019-09-16T13:54:56","date_gmt":"2019-09-16T13:54:56","guid":{"rendered":"https:\/\/wptest.sdelling.w3.uvm.edu\/?page_id=3766"},"modified":"2022-03-08T10:24:51","modified_gmt":"2022-03-08T15:24:51","slug":"welcome","status":"publish","type":"page","link":"https:\/\/blog.uvm.edu\/manual\/","title":{"rendered":"Welcome"},"content":{"rendered":"\n<p class=\"intro--left\">We\u2019ve designed a custom WordPress theme available exclusively to the University of Vermont faculty, students and staff. The purpose of this site is to introduce the theme and help you successfully implement the ready-made layouts, blocks, and design components so you can quickly put together a professional, on-brand, website. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-silver-lighter-50-background-color has-background\"><strong>Make sure you check the <a href=\"https:\/\/blog.uvm.edu\/manual\/updates-log\/\">Updates Log<\/a> as WordPress is constantly evolving and how you do things can change.  For example, throughout these tutorials, we refer to the LAYOUTS icon in the top left. WordPress has moved this to the bottom of the blocks drawer. <\/strong><\/p>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns ab-layout-columns-2 ab-2-col-wideright\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column ab-is-vertically-aligned-top\"><div class=\"ab-block-layout-column-inner\">\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/blog.uvm.edu\/manual\/files\/2019\/09\/gutenberg-logo-1200x400-1024x341.png\" alt=\"\" class=\"wp-image-4007\" srcset=\"https:\/\/blog.uvm.edu\/manual\/files\/2019\/09\/gutenberg-logo-1200x400-1024x341.png 1024w, https:\/\/blog.uvm.edu\/manual\/files\/2019\/09\/gutenberg-logo-1200x400-300x100.png 300w, https:\/\/blog.uvm.edu\/manual\/files\/2019\/09\/gutenberg-logo-1200x400-768x256.png 768w, https:\/\/blog.uvm.edu\/manual\/files\/2019\/09\/gutenberg-logo-1200x400.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<h2 class=\"wp-block-heading\">Gutenberg WordPress introduction and theme structure<\/h2>\n\n\n\n<p class=\"has-regular-font-size\">UVM has taken the leap to Gutenberg WordPress! There\u2019s a \u2018wee learning curve\u2019 as the approach to creating pages is completely different than it was with the older version of WordPress, but we are sure that you will love the ease and flexibility once you get over the initial hump. This theme is designed to take advantage of Gutenberg\u2019s&nbsp;<a href=\"https:\/\/ithemes.com\/wordpress-gutenberg-blocks-explained\/\">block structure<\/a>&nbsp;and offers a library of re-usable layouts and components to get you started. <\/p>\n\n\n\n<p><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns ab-layout-columns-2 ab-2-col-wideright\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column ab-is-vertically-aligned-top\"><div class=\"ab-block-layout-column-inner\">\n<h4 class=\"wp-block-heading\">Start here\u2013 create a blank site<\/h4>\n\n\n\n<p>&#8230; and then come back here to the manual and explore all the layouts and component blocks to help you build your website.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"01 Getting started with UVM WordPress\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/xm5Br-NY27E?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>This video shows you how to create a blank WordPress site on the blog.uvm.edu or site.uvm.edu platform. Before you can start adding your content, you need a blank website running the UVM WordPress theme. This short video shows you how to do just that. Note that the video also shows how to disallow as well as allow search engines to view the website.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns ab-layout-columns-2 ab-2-col-wideright\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column ab-is-vertically-aligned-top\"><div class=\"ab-block-layout-column-inner\">\n<h4 class=\"wp-block-heading\">Already have your WordPress website created and are ready to add content?<\/h4>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<p>Head on over to the <a href=\"https:\/\/blog.uvm.edu\/manual\/getting-started\/\">Getting Started<\/a> page to find out how to access Gutenberg blocks as well as the ready-made components and layouts we&#8217;ve created. You will be surprised how fast your site comes together when you have these building blocks.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns ab-layout-columns-4 ab-4-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><a href=\"\/manual\/content-display-styles\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/componentBlocks.png\" alt=\"Component blocks and content types\" class=\"wp-image-5440\" width=\"225\" height=\"225\" srcset=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/componentBlocks.png 300w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/componentBlocks-150x150.png 150w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><a href=\"\/manual\/layout-ideas\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/layoutIdeas.png\" alt=\"Layout ideas\" class=\"wp-image-5439\" width=\"225\" height=\"225\" srcset=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/layoutIdeas.png 300w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/layoutIdeas-150x150.png 150w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><a href=\"\/manual\/ready-made-layouts\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/readyMadeLayouts-1.png\" alt=\"\" class=\"wp-image-5438\" width=\"225\" height=\"225\" srcset=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/readyMadeLayouts-1.png 300w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/readyMadeLayouts-1-150x150.png 150w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><a href=\"\/manual\/news-and-blog-layouts\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/newsBlogLayouts.png\" alt=\"News and blog layouts\" class=\"wp-image-5435\" width=\"225\" height=\"225\" srcset=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/newsBlogLayouts.png 300w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/11\/newsBlogLayouts-150x150.png 150w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/a><\/figure>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns ab-layout-columns-2 ab-2-col-wideright\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column ab-is-vertically-aligned-top\"><div class=\"ab-block-layout-column-inner\">\n<h4 class=\"wp-block-heading\"><\/h4>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<h3 class=\"wp-block-heading\">Building your site with our theme is easy!<\/h3>\n\n\n\n<p><strong>Your site can be built:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Loading pre-styled components (called <em>reusable blocks<\/em> in Gutenberg WordPress)<\/li><li>Using ready-made layouts and replacing the placeholder content with your own. (These can be loaded by selecting the &#8220;Layouts&#8221; icon at the top of your page while in edit mode.)<\/li><li>From scratch adding image, video and text content to a blank <em>page<\/em> or <em>post<\/em><\/li><\/ul>\n\n\n\n<p><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns ab-layout-columns-2 ab-2-col-wideright\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column ab-is-vertically-aligned-top\"><div class=\"ab-block-layout-column-inner\">\n<h4 class=\"wp-block-heading\"><\/h4>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<h3 class=\"wp-block-heading\">Library of layouts and components<\/h3>\n\n\n\n<p>We\u2019ve made a few page layouts and have custom styled all reusable library components. So whether you need to add a paragraph, pull-quote, table, gallery of images, project list- we\u2019ve got it! <br \/><br \/>Our goal is to have native Gutenberg WordPress blocks all adopt the UVM brand and for sites to be built with these native blocks as much as possible. We have added some non-native blocks to provide additional functionality that we thought was really important- accordions are an example of this. <br \/><br \/>As adoption for Gutenberg WordPress grows and new components become natively available, we will retire non-native blocks and replace them with styled native ones. <br \/><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve designed a custom WordPress theme available exclusively to the University of Vermont faculty, students and staff. The purpose of this site is to introduce the theme and help you successfully implement the ready-made layouts, blocks, and design components so you can quickly put together a professional, on-brand, website. Make sure you check the Updates &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.uvm.edu\/manual\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Welcome&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5625,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3766","page","type-page","status-publish","hentry","entry"],"featured_image_src":null,"featured_image_src_square":null,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"We\u2019ve designed a custom WordPress theme available exclusively to the University of Vermont faculty, students and staff. The purpose of this site is to introduce the theme and help you successfully implement the ready-made layouts, blocks, and design components so you can quickly put together a professional, on-brand, website. Make sure you check the Updates&hellip;","_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/3766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/users\/5625"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/comments?post=3766"}],"version-history":[{"count":75,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/3766\/revisions"}],"predecessor-version":[{"id":5505,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/3766\/revisions\/5505"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/media?parent=3766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}