SiteMasonry Tutorial / en How to...Create a Marketing Landing Page /news/2022-07/how-tocreate-marketing-landing-page <span>How to...Create a Marketing Landing Page</span> <span><span lang="" about="/user/406" typeof="schema:Person" property="schema:name" datatype="" xml:lang="">Kelly Hansen</span></span> <span>Fri, 07/22/2022 - 14:53</span> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--30-70"> <div class="layout__region region-first"> </div> <div class="layout__region region-second"> <div data-block-plugin-id="field_block:node:news_release:body" class="block block-layout-builder block-field-blocknodenews-releasebody"> <div class="field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><p><span class="intro-text">Whether it’s called a landing page, lead capture page, single property page, or squeeze page - the purpose of a marketing landing page is the same - prompt a visitor into completing a specific action, or ‘conversion’.  </span></p> <p>Building a marketing landing page within SiteMasonry is as simple as building a regular page. In her <a href="https://mymasonportal.gmu.edu/bbcswebdav/xid-254008499_1" target="_blank" title="Quick Start Guide - Marketing Landing Pages">Quick Start Guide to Marketing Landing Pages</a>, Kristin Heydt, OUB's Digital Strategist, explains the basics and walks through a sample <a href="https://mymasonportal.gmu.edu/bbcswebdav/xid-254008500_1" target="_blank" title="Sample SiteMasonry marketing landing page layout">SiteMasonry marketing landing page layout</a>.</p> <p> </p> <p><a href="https://mymasonportal.gmu.edu/bbcswebdav/xid-254008499_1" target="_blank" title="Quick Start Guide - Marketing Landing Pages"></a></p> <div class="align-center"> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq291/files/2022-07/Marketing-Link.jpg" width="1230" height="670" alt="Slide sample from a Marketing Landing Page Presentation" loading="lazy" typeof="foaf:Image" /></div> </div> <p></p> <p> </p> </div> </div> </div> <div data-block-plugin-id="field_block:node:news_release:field_content_topics" class="block block-layout-builder block-field-blocknodenews-releasefield-content-topics"> <h2>Topics</h2> <div class="field field--name-field-content-topics field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Topics</div> <div class="field__items"> <div class="field__item"><a href="/taxonomy/term/13146" hreflang="en">Marketing Area Page</a></div> <div class="field__item"><a href="/taxonomy/term/16206" hreflang="en">Marketing Landing Page</a></div> <div class="field__item"><a href="/taxonomy/term/6926" hreflang="en">SiteMasonry</a></div> <div class="field__item"><a href="/taxonomy/term/16201" hreflang="en">Marketing</a></div> <div class="field__item"><a href="/taxonomy/term/16251" hreflang="en">SiteMasonry Tutorial</a></div> </div> </div> </div> </div> </div> Fri, 22 Jul 2022 18:53:08 +0000 Kelly Hansen 73146 at How to...Create a Content Editor Account /news/2022-04/how-tocreate-content-editor-account <span>How to...Create a Content Editor Account</span> <span><span lang="" about="/user/406" typeof="schema:Person" property="schema:name" datatype="" xml:lang="">Kelly Hansen</span></span> <span>Tue, 04/05/2022 - 11:09</span> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--30-70"> <div class="layout__region region-first"> <div data-block-plugin-id="inline_block:call_to_action" data-inline-block-uuid="37afb35a-0c3a-4c9d-9139-b3895cacbe0c"> <div class="cta"> <a class="cta__link" href="/news/2021-12/how-toadd-alt-text-images"> <h4 class="cta__title">Use Expressive Alt Text on Images <i class="fas fa-arrow-circle-right"></i> </h4> <span class="cta__icon"></span> </a> </div> </div> <div data-block-plugin-id="inline_block:call_to_action" data-inline-block-uuid="639d8cf3-3bb5-4bdd-9cd6-4f0fb2c6902d"> <div class="cta"> <a class="cta__link" href="/news/2022-03/sample-news-item-optimization-tips"> <h4 class="cta__title">Add Sizzle to News Items <i class="fas fa-arrow-circle-right"></i> </h4> <span class="cta__icon"></span> </a> </div> </div> </div> <div class="layout__region region-second"> <div data-block-plugin-id="field_block:node:news_release:body" class="block block-layout-builder block-field-blocknodenews-releasebody"> <div class="field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><p><span class="intro-text">A perk of being a Site Owner is having the ability to create Content Editors for your managed site.  Site Owners are also responsible for training and supporting their Content Editors.</span>'</p> <p> </p> <h2>To create a Content Editor account, log in to your SiteMasonry site, then:</h2> <ul><li>Click the ‘People’ tab in the admin navigation bar<br />  </li> <li>Select ‘Add User’ from the dropdown menu</li> </ul><p> </p> <h3>Fill out the form on the ‘Add User’ screen</h3> <ul><li><strong>Email Address</strong> - SiteMasonry only accepts @gmu.edu Mason email addresses<br />  </li> <li>Check the box that says '<strong>Allow User to Login via CAS'</strong><br />  </li> <li><strong>CAS Username</strong> - Enter the user's Mason username/NetID. This will be the first part of their email address (NOT the entire email address).</li> </ul><figure class="quote"><blockquote> <p><strong>QUALITY ASSURANCE MOMENT</strong></p> <p>Double check the accuracy and spelling of the CAS username and the email address!</p> <p>These two fields are what allow the user to login with their Mason credentials, and must be accurate.</p> </blockquote> </figure><p> </p> <ul><li><strong>Username</strong>: Enter the user's first and last name. (eg: Jessica Mason)<br />  </li> <li><strong>Password</strong>: This is a temporary password used only by the system to create the account.</li> </ul><p> </p> <figure class="quote"><blockquote> <p><strong>HOT TIP</strong></p> <p>This password will not actually be the one used, and so does not need to be memorable! Please open a text program, then type or generate a long (30+ character) string of random letters, numbers, and special characters.  </p> <p><em>Do not reuse passwords for more than one user. Always create a new one</em>.</p> </blockquote> </figure><p> </p> <ul><li><strong>Status</strong>: Select 'active.'<br />  </li> <li><strong>Roles</strong>: Select only one role, 'Content Editor.'  Other roles are being transitioned out of SiteMasonry.<br />  </li> <li><strong>Notify user of new account</strong>: Checking this box to send an automatically-generated email to the new Content Editor.  If you are not yet ready for this user to log in and begin using their site, you may leave this box unchecked, and inform the user yourself later on.<br />  </li> </ul><p>All other form options (contact settings, locale settings, and URL alias) are used by SiteMasonry Platform Managers. Please ignore these options.</p> <p><strong>Submit the form, and the new user will be created.</strong></p> <div class="align-center" style="min-width: 50%;"> <div class="field field--name-field-media-video-embed-field field--type-video-embed-field field--label-hidden field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/CPU2z8hmEEw?autoplay=0&start=0&rel=0"></iframe> </div> </div> </div> <p> </p> </div> </div> </div> <div data-block-plugin-id="field_block:node:news_release:field_content_topics" class="block block-layout-builder block-field-blocknodenews-releasefield-content-topics"> <h2>Topics</h2> <div class="field field--name-field-content-topics field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Topics</div> <div class="field__items"> <div class="field__item"><a href="/taxonomy/term/6926" hreflang="en">SiteMasonry</a></div> <div class="field__item"><a href="/taxonomy/term/11271" hreflang="en">Site Owners</a></div> <div class="field__item"><a href="/taxonomy/term/16251" hreflang="en">SiteMasonry Tutorial</a></div> </div> </div> </div> </div> </div> Tue, 05 Apr 2022 15:09:03 +0000 Kelly Hansen 68176 at How to… Understand Versioning and Publication States - Draft, Published, and Archive /news/2022-02/versioning-and-publication-states <span>How to… Understand Versioning and Publication States - Draft, Published, and Archive</span> <span><span lang="" about="/user/406" typeof="schema:Person" property="schema:name" datatype="" xml:lang="">Kelly Hansen</span></span> <span>Wed, 02/02/2022 - 14:21</span> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--70-30"> <div class="layout__region region-first"> <div data-block-plugin-id="field_block:node:news_release:body" class="block block-layout-builder block-field-blocknodenews-releasebody"> <div class="field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><h2>What is Versioning?</h2> <p>SiteMasonry's versioning workflow allows content to be modified in an unpublished Draft state without changing the publically viewable Published version of the page or content item (news item, profile, or program).</p> <p>When an Editor makes content changes, SiteMasonry creates a previewable Draft version of the page or content item alongside a copy of the currently published page or content item. Each version can be viewed or retrieved on the page or item’s Revisions tab. </p> <h2>SiteMasonry's Publication States</h2> <p>SiteMasonry utilizes three publication states - Draft, Published, and Archive. The Publication State selector is located near the bottom of the page or item's 'Edit Settings' screen.</p> <div class="align-center"> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq291/files/styles/extra_large_content_image/public/2022-02/publication-states-archive.png?itok=rpbfGRzs" width="1480" height="319" alt="Screenshot of a SiteMasonry content editor screen showing the publication state selector" loading="lazy" typeof="foaf:Image" /></div> </div> <h3>Draft</h3> <p>The Draft state allows an editor to make changes to a page without making content visible to site visitors. This acts slightly differently depending on whether or not an item has ever been published before. However, all drafts require a user to be logged in to view or edit. This means that should you wish to send a preview of edited content to another person, you'll need to either make sure they have an account on the site you are working on or rely on screenshots to show the changes.</p> <h4>New Content</h4> <p>If you are working on a new page or piece of content, setting a page in draft mode will let you see the page if you are logged in. However, you and visitors will not be able to see or visit the page until it is published.</p> <h4>Existing Content</h4> <p>If you are modifying currently published content, you can save changes as a draft. This will add a tab to your page labeled "latest version." The latest version will reflect your changes, while the current version is still public and viewable on the View tab. Once the page is re-published from Draft mode, all changes will become live and the old version will only be viewable via the revision log.</p> <h3>Published</h3> <p>A Published page is the most recent version of a page. It is 'live' and viewable to site visitors. You can make changes and push them as published immediately.</p> <h3>Archive</h3> <p>The Archive page state un-publishes the page or content item and hides the page from site viewers. This state only appears as an option when a page or content item is in a Published state. Select the 'Archived' publication state to hide a page or content item from public view, navigations, and the site search.</p> <figure class="quote">Please note that archiving a page will not remove its url in the case of direct links. Instead, users would see an Access Denied message. To prevent this, consider creating a redirect to another page, one with related content, and then changing the name/url of the archived page.</figure></div> </div> </div> </div> <div class="layout__region region-second"> <div data-block-plugin-id="inline_block:news_list" data-inline-block-uuid="50a9a76a-b09d-477a-b414-f926e6b2d10c" class="block block-layout-builder block-inline-blocknews-list"> <h2>Related Tutorials</h2> <div class="views-element-container"><div class="view view-news view-id-news view-display-id-block_1 js-view-dom-id-cdbb6dc5321676c63fe7febdec2e5ee309f70f20eafc49f90f5d3eb6baa86dcd"> <div class="view-content"> <div class="news-list-wrapper"> <ul class="news-list"><li class="news-item"><div class="views-field views-field-title"><span class="field-content"><a href="/news/2022-02/versioning-and-publication-states" hreflang="en">How to… Understand Versioning and Publication States - Draft, Published, and Archive</a></span></div><div class="views-field views-field-field-publish-date"><div class="field-content">May 2, 2023</div></div></li> </ul></div> </div> </div> </div> </div> <div data-block-plugin-id="inline_block:text" data-inline-block-uuid="c95be058-b8f3-473e-aa90-c03be1e2cf4c" class="block block-layout-builder block-inline-blocktext"> </div> <div data-block-plugin-id="field_block:node:news_release:field_content_topics" class="block block-layout-builder block-field-blocknodenews-releasefield-content-topics"> <h2>Topics</h2> <div class="field field--name-field-content-topics field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Topics</div> <div class="field__items"> <div class="field__item"><a href="/taxonomy/term/6926" hreflang="en">SiteMasonry</a></div> <div class="field__item"><a href="/taxonomy/term/14846" hreflang="en">SiteMasonry Basics</a></div> <div class="field__item"><a href="/taxonomy/term/11526" hreflang="en">Content Hub</a></div> <div class="field__item"><a href="/taxonomy/term/14576" hreflang="en">Best Practices Tutorial</a></div> <div class="field__item"><a href="/taxonomy/term/16251" hreflang="en">SiteMasonry Tutorial</a></div> </div> </div> </div> </div> </div> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--30-70"> <div> </div> <div> </div> </div> Wed, 02 Feb 2022 19:21:28 +0000 Kelly Hansen 64586 at How to...Add Alt Text to Images /news/2021-12/how-toadd-alt-text-images <span>How to...Add Alt Text to Images</span> <span><span lang="" about="/user/406" typeof="schema:Person" property="schema:name" datatype="" xml:lang="">Kelly Hansen</span></span> <span>Mon, 12/13/2021 - 16:51</span> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--70-30"> <div class="layout__region region-first"> <div data-block-plugin-id="field_block:node:news_release:body" class="block block-layout-builder block-field-blocknodenews-releasebody"> <div class="field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><p><span class="intro-text">AV is committed to ensuring an inclusive digital experience. One essential practice to maintain accessibility is adding descriptive alt text to images.</span></p> <h4>What is Alt Text?</h4> <p>Alt text, or alternative text, is a brief description of an image that allows screen readers to convey the image’s content to users with visual impairments. It ensures that images are accessible to everyone, providing essential context for those who cannot see them. Alt text also improves SEO, as search engines favor pages that provide meaningful alt text for images.</p> <h4>Best Practices for Writing Alt Text</h4> <ul><li><strong>Be specific and relevant:</strong> Focus on what the image represents and its function within the content.</li> <li><strong>Be concise:</strong> Keep descriptions short but informative. Avoid overly detailed or redundant explanations.</li> <li><strong>Describe the purpose:</strong> If the image contains information not provided elsewhere, include that key information in the alt text.</li> <li><strong>Use context-appropriate language:</strong> Tailor the description to fit the surrounding content, avoiding technical jargon or irrelevant details.</li> <li><strong>Handle decorative images appropriately:</strong> If an image is purely decorative and doesn't add to the content, use null alt text (alt="") to signal screen readers to skip the image.</li> </ul><h4>Example of Alt Text in Action:</h4> <ul><li>For a photo of a tree: “A large oak tree with green leaves in summer.”</li> <li>For a chart: “A bar chart comparing enrollment data from 2022 and 2023, showing a 15% increase in enrollment.”</li> <li>For decorative images: Use empty alt text (alt="").</li> </ul><h4>SiteMasonry CMS – How to Add Alt Text to Images</h4> <p>SiteMasonry offers two main ways to add images: via the Featured Image block and by embedding images into a Text Block. Adding alt text ensures that images remain accessible and compliant with accessibility standards.</p> <h4>Adding Alt Text to a Featured Image</h4> <p>Featured images automatically prompt for alt text upon upload.</p> <ol><li>Navigate to your page and select the Featured Image block.</li> <li>Upload your image and enter a brief, descriptive alt text.</li> <li>Click Save to finalize.</li> </ol><h4>Adding Alt Text to an Embedded Image</h4> <p>Embedded images require manual entry of alt text.</p> <ol><li>Place your cursor in the text block where the image should appear.</li> <li>Use the Insert Media icon to upload or select an image.</li> <li>After inserting, click the Edit Media icon on the image.</li> <li>Add a descriptive alt text, then select alignment and size if needed.</li> <li>Click Save to apply the changes.</li> </ol><p> </p> <div class="align-center" style="min-width: 50%;"> <div class="field field--name-field-media-video-embed-field field--type-video-embed-field field--label-hidden field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/3B4PZQcdVns?autoplay=0&start=0&rel=0"></iframe> </div> </div> </div> <p> </p> </div> </div> </div> </div> <div class="layout__region region-second"> <div data-block-plugin-id="inline_block:text" data-inline-block-uuid="cf35e381-9a7f-4cd0-9206-63558650d698" class="block block-layout-builder block-inline-blocktext"> <h2>Additional Resources</h2> <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><ul><li><a href="https://www.section508.gov/create/alternative-text/" title="Section508.gov - Article - Content Creation Authoring Meaningful Alternative Text ">Section508.gov - Article - Authoring Meaningful Alternative Text</a></li> <li><a href="https://ati.gmu.edu/web-accessibility/ictaccessibilitystandards/creating-accessible-images/" title="ATI.gmu.edu - Article - Creating Accessible Images">ATI.gmu.edu - Article - Creating Accessible Images</a></li> <li><a href="https://moz.com/learn/seo/alt-text" target="_blank" title="Moz.com - Article - Descriptive Alt Text Boosts SEO">Moz.com - Article - Descriptive Alt Text Boosts SEO</a></li> </ul></div> </div> <div data-block-plugin-id="inline_block:news_list" data-inline-block-uuid="46f4adf4-487d-4125-b033-f805592a28ef" class="block block-layout-builder block-inline-blocknews-list"> <h2>Related Tutorials</h2> <div class="views-element-container"><div class="view view-news view-id-news view-display-id-block_1 js-view-dom-id-0bf4ef5278131b513e297741a5e473573910fc669f1d6f5957f3a76899bf9a7e"> <div class="view-content"> <div class="news-list-wrapper"> <ul class="news-list"><li class="news-item"><div class="views-field views-field-title"><span class="field-content"><a href="/news/2021-12/how-toadd-alt-text-images" hreflang="en">How to...Add Alt Text to Images</a></span></div><div class="views-field views-field-field-publish-date"><div class="field-content">October 25, 2024</div></div></li> </ul></div> </div> </div> </div> </div> <div data-block-plugin-id="inline_block:text" data-inline-block-uuid="969dd210-65c7-49b1-bff0-a6de1d9ff945" class="block block-layout-builder block-inline-blocktext"> </div> <div data-block-plugin-id="field_block:node:news_release:field_content_topics" class="block block-layout-builder block-field-blocknodenews-releasefield-content-topics"> <h2>Topics</h2> <div class="field field--name-field-content-topics field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Topics</div> <div class="field__items"> <div class="field__item"><a href="/taxonomy/term/14566" hreflang="en">Image Management Tutorial</a></div> <div class="field__item"><a href="/taxonomy/term/14571" hreflang="en">Accessibility Tutorial</a></div> <div class="field__item"><a href="/taxonomy/term/14576" hreflang="en">Best Practices Tutorial</a></div> <div class="field__item"><a href="/taxonomy/term/11526" hreflang="en">Content Hub</a></div> <div class="field__item"><a href="/taxonomy/term/16251" hreflang="en">SiteMasonry Tutorial</a></div> <div class="field__item"><a href="/taxonomy/term/6926" hreflang="en">SiteMasonry</a></div> <div class="field__item"><a href="/taxonomy/term/20441" hreflang="en">Digital Accessibility</a></div> </div> </div> </div> </div> </div> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--30-70"> <div> </div> <div> </div> </div> Mon, 13 Dec 2021 21:51:40 +0000 Kelly Hansen 64041 at