{"id":398,"date":"2018-09-10T15:28:05","date_gmt":"2018-09-10T22:28:05","guid":{"rendered":"http:\/\/create.twu.ca\/eportfolios\/?page_id=398"},"modified":"2018-09-24T12:26:42","modified_gmt":"2018-09-24T19:26:42","slug":"customizing","status":"publish","type":"page","link":"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/customizing\/","title":{"rendered":"Customizing the Inspire Theme"},"content":{"rendered":"<p>You can modify the title of your portfolio and change other design aspects of it via the WordPress Customizer. This interface allows you to see a preview of your portfolio as you change settings.<\/p>\n<p>Access it via the <strong>Customize<\/strong> link at the top of your black WordPress admin bar while viewing your site or from inside your dashboard via <strong>Appearance<\/strong> -&gt; <strong>Customize<\/strong>.<\/p>\n<p>Each panel on the left side provides tools to change the appearance of your site. Let&#8217;s start with the first one, <strong>Site Identity<\/strong>.<\/p>\n<div id=\"attachment_351\" style=\"width: 840px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-351\" src=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-size-identity-1024x513.jpg\" alt=\"\" width=\"840\" height=\"421\" class=\"size-large wp-image-351\" srcset=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-size-identity-1024x513.jpg 1024w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-size-identity-300x150.jpg 300w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-size-identity-768x385.jpg 768w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-size-identity-800x401.jpg 800w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-size-identity-359x180.jpg 359w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-351\" class=\"wp-caption-text\">Change the site title and the tagline in the Customizer<\/p><\/div>\n<p>As you change the text in the left side editing fields, you will see the changes previewed on the right. We might start by creating a more specific title.<\/p>\n<div id=\"attachment_355\" style=\"width: 840px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-355\" src=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-identity-edit-title-1-1024x500.jpg\" alt=\"changing the site title in the interface to &#039;One Portfolio to Rule Them All&#039;\" width=\"840\" height=\"410\" class=\"size-large wp-image-355\" srcset=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-identity-edit-title-1-1024x500.jpg 1024w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-identity-edit-title-1-300x146.jpg 300w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-identity-edit-title-1-768x375.jpg 768w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-identity-edit-title-1-800x390.jpg 800w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-identity-edit-title-1-369x180.jpg 369w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-355\" class=\"wp-caption-text\">Start by changing the title of the portfolio site.<\/p><\/div>\n<p>No changes are made to your site until you click the <strong>Publish<\/strong> button at the top, so we can do a few more things.<\/p>\n<p>Let&#8217;s change the image shown at the top of the site. Open the Customizer panel for <strong>Header Image<\/strong>. <\/p>\n<div id=\"attachment_356\" style=\"width: 840px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-356\" src=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-header-image-1024x458.jpg\" alt=\"interface for adding a new header image\" width=\"840\" height=\"376\" class=\"size-large wp-image-356\" srcset=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-header-image-1024x458.jpg 1024w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-header-image-300x134.jpg 300w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-header-image-768x343.jpg 768w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-header-image-800x358.jpg 800w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/customizer-header-image-400x180.jpg 400w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-356\" class=\"wp-caption-text\">Click &#8216;Add Image&#8217; to upload your own photo to use in the header of your site.<\/p><\/div>\n<p>Now this site is looking different than the default template!<\/p>\n<div id=\"attachment_357\" style=\"width: 840px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-357\" src=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/header-image-changed-1-1024x548.jpg\" alt=\"a new image is set for the header image\" width=\"840\" height=\"450\" class=\"size-large wp-image-357\" srcset=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/header-image-changed-1-1024x548.jpg 1024w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/header-image-changed-1-300x160.jpg 300w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/header-image-changed-1-768x411.jpg 768w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/header-image-changed-1-800x428.jpg 800w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/08\/header-image-changed-1-337x180.jpg 337w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-357\" class=\"wp-caption-text\">Your own image will now be on every page of your portfolio.<\/p><\/div>\n<p>If you decide not to have any images, click the <strong>Hide Image<\/strong> button.<\/p>\n<p>The Customizer for this theme provides a set of tools to modify the appearance of the <a href=\"https:\/\/create.twu.ca\/portfolio-inspire\/\">Inspire theme&#8217;s front page display of most recent portfolio artifacts<\/a>. These tools are in the TWU Portfolios panel of the Customizer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/09\/customizer-inspire-front-1024x542.jpg\" alt=\"\" width=\"840\" height=\"445\" class=\"aligncenter size-large wp-image-516\" srcset=\"https:\/\/create.twu.ca\/eportfolios\/files\/2018\/09\/customizer-inspire-front-1024x542.jpg 1024w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/09\/customizer-inspire-front-300x159.jpg 300w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/09\/customizer-inspire-front-768x406.jpg 768w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/09\/customizer-inspire-front-800x423.jpg 800w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/09\/customizer-inspire-front-340x180.jpg 340w, https:\/\/create.twu.ca\/eportfolios\/files\/2018\/09\/customizer-inspire-front.jpg 1280w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>In this panel, you can change the text of the title and subtitle (&#8220;tagline&#8221;) that appear above the display of your most recent artifacts. Use the drop down menu to select how many artifacts it should show on the front page.<\/p>\n<p>Now explore other things you can change here, maybe the text and background colors. If all these changes look good to you, click the <strong>Publish<\/strong> button to make them active.<\/p>\n<h2>Learn More About the WordPress Customizer<\/h2>\n<ul>\n<li><a href=\"https:\/\/wplift.com\/how-to-use-the-wordpress-customizer\">Beginner\u2019s Guide: How To Use The WordPress Customizer<\/a> (WP Lift)<\/li>\n<\/ul>\n<div class=\"video-wrapper\"><iframe loading=\"lazy\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/Z1NJ8Zm5c4g?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/div>\n<h2><a href=\"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/\">Tips for Using the Inspire Theme<\/a><\/h2>\n\n<!-- Page-list plugin v.5.9 wordpress.org\/plugins\/page-list\/ -->\n<ul class=\"page-list siblings-page-list \">\n<li class=\"page_item page-item-394\"><a href=\"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/special-dashboard-features\/\">Special Dashboard Features<\/a><\/li>\n<li class=\"page_item page-item-396\"><a href=\"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/front-page\/\">The Front Page<\/a><\/li>\n<li class=\"page_item page-item-398\"><a href=\"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/customizing\/\">Customizing the Inspire Theme<\/a><\/li>\n<li class=\"page_item page-item-400\"><a href=\"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/creating-artifacts\/\">Creating Artifacts<\/a><\/li>\n<li class=\"page_item page-item-402\"><a href=\"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/shortcodes\/\">Shortcodes<\/a><\/li>\n<li class=\"page_item page-item-404\"><a href=\"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/menus\/\">Navigation Menu<\/a><\/li>\n<li class=\"page_item page-item-406\"><a href=\"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/widgets\/\">Footer Widgets<\/a><\/li>\n<li class=\"page_item page-item-408\"><a href=\"https:\/\/create.twu.ca\/eportfolios\/portfolio-themes\/twu-inspire\/changing\/\">Changing to Another Theme<\/a><\/li>\n\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can modify the title of your portfolio and change other design aspects of it via the WordPress Customizer. This interface allows you to see a preview of your portfolio as you change settings. Access it via the Customize link at the top of your black WordPress admin bar while viewing your site or from&hellip;<\/p>\n","protected":false},"author":279,"featured_media":0,"parent":307,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-398","page","type-page","status-publish","hentry","empty-entry-meta"],"_links":{"self":[{"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages\/398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/users\/279"}],"replies":[{"embeddable":true,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/comments?post=398"}],"version-history":[{"count":5,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages\/398\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages\/398\/revisions\/520"}],"up":[{"embeddable":true,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages\/307"}],"wp:attachment":[{"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/media?parent=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}