If you do not wish to create a new page from scratch, you may choose to copy an existing page on the site and edit it to fit your needs. Copying a page includes taking the existing structure, images and copy, then creating a brand-new page with the same information. We will walk through how to select and copy an existing page and will then discuss how to edit content on your new page.
After logging into the CMS, select the content icon in the first column to the left. In the picture above, this icon is highlighted in a green color. Selecting this icon opens the Content Management page.
To learn more about the function of the Dashboard landing page, visit our Overview section.
Content Directory
The column on the left-hand side displays the navigation to all of the pages found on our site. Each page is located within a folder and, once a page is selected, content for that page will be displayed.
Pages can be found in the folder by using their URL. For example, the volunteer sign-up page has the URL /what-you-can-do/get-involved/volunteer/index.html. This means that the page can be found by opening the What You Can Do folder, selecting Get Involved, then opening the Volunteer folder and selecting the Index page.
Selecting ‘Content List’ or ‘Reset Root Directory’ at the top of the column will bring you back to the main Content Management page.
To learn more about the function of the Content Management landing page, visit our Overview section.
Choosing a Page
Using the content directory, select the page that you wish to copy. Selecting a page will take you to the Edit Content page and you will be able to copy the content from there.
Once on the page you wish to copy, simply select the copy icon at the top of the page to start the process of copying content.
Copy Icon
The copy icon is on the far right of this row. Selecting this will copy the current page and makes it easier to set up a new page with the same structure.
After selecting the Copy Icon on the Edit Content page, you will be directed to the Create Content page shown above. On this page. you will rename your new content page and select the folder that it will live in. This is how the URL will be determined.
In this section, you will select what folder your page will be located in. This field is only for the folder, we will set up the name of the page in one of the fields below.
In the drop-down menu, select which type of page you are trying to create. For most users, your options are between a Basic Page, Blog or In The News pages.
Create a title for your page. This is the title that will appear in the CMS and in the URL bar once the page is published.
This is where you will determine if your page will show in the navigation at the top of the page. If you select yes, a ‘Navigation Text’ field will appear. This is where you will put the text that will show in the top navigation.
To get a better idea of where your text will be displayed, refer to the image above. When creating the Our Work page, it was determined that this page would appear in the navigation. This means that the name of the page shows up in the blue bar between the site navigation and the header image. Your page will be displayed in a similar manner if you choose to show it in the navigation.
In this section, you will select whether or not your page will show in the navigation at the bottom of the page in the footer.
Here’s another example of where your page name will be if you choose to display it. The Our Work page was chosen to be displayed in the footer, and now the name appears in the dark brown bar on top of the site footer.
Note: The navigation that you create for this page will only be displayed on the page you create. It will not be displayed throughout the entire site.
Create a description for your page. This enhances your page’s search engine optimization, giving it a better chance of appearing in search results.
After completing the Create Content page, the next step will be to fill out the Edit Content form. On this page, you will be able to build the structure and add images and copy to the page.
The icons on the top of the page control different actions when selected.
Preview Icon
This allows you to preview the content currently on the page. This can be used to preview content before changes are made to the live/published page.
Schedule Content Icon
View and schedule the start and end dates of the content for your page. This will mainly be used for blog pages.
Revert Icon
Selecting this icon will allow you to revert back to a previous version of the page if any changes have been made to the content.
Delete Icon
This will delete the content of the entire page that you are on. Note: Once content is deleted, it can’t be recovered.
Copy Icon
This copies the current page and makes it easier to set up a new page with the same structure.
Selecting this button will save the content on the page without publishing the page or making it live. You will be able to view the changes using the preview icon.
Selecting this button is for saving your work and publishing it to the website.
This is the web address for your page. Select ‘Edit’ to change the page name, folder the page is located in and the description of the page.
Status
This will show if the page is published or unpublished on the site.
Type
Displays the type of page selected when setting up.
Template
Templates are used to provide a general layout for pages. Most specify a default template, but you can override this property here.
Last Updated
This displays the user that last updated the page.
View Page
This will allow you to view your page once it’s saved and published to the site. Note: If your page is saved as a draft and unpublished, it will not show anything.
On our site, we use Lego Blocks to build out pages. These are digital building blocks that can be added, moved around and deleted to help build out the structure of the page. Our site offers many different kinds of blocks to use to create your page, and a preview of them and their names can be found on our patterns page.
To add Lego Blocks to your page, turn on the Customize slider and select your block from the drop-down menu. Names of blocks can be found on the patterns page.
Once a block is selected, it will appear at the end of the Lego Block list on your page. From here, you can drag and drop it where it needs to go.
To delete Lego Blocks, turn on the ‘Customize’ slide and hover over the list of Lego Blocks on the page. Select the trash can icon to delete blocks.
To edit Lego Blocks, simply fill out the form of the one you selected. For this example, we will walk through setting up a Header Interior Lego Block.
Create a title for your page. It will be displayed as shown above.
First, select an image using the ‘Select Image’ button. This will pull up the Image/File Manager pop up window. From here, you can upload an image or select an existing image to use.
Focal Point
A focal point can be selected by clicking anywhere on the image. This tells the site where to keep focus on the image if the window is resized and the image is moved/resized for responsiveness.
Focal Point Zoom
Our tech on the site can zoom into an image when it’s displayed. Note: This doesn’t have to be selected and can usually be left blank.
Additional Parameter
This can be left blank.
Alternate Text
To adhere to search engine optimization (SEO) best practices, it’s important to put a brief description of the image here. This is used as an invisible description which is read aloud to blind users on a screen reader. Please keep the explanation to 160 characters or less. Note: This section is required in order for an image to show.
Description
Add a caption for your image here that will be displayed on the site.
Create a subhead for your page. It will be displayed under the title as shown above.
Use this space to create lead-text for your page. In this section, text can be formatted to include different style options.
Anchor Tag
Creates the ability to link to this section and is used by the "On-Page" navigation.
Block Name
The name displayed for this section that is used by the "On-Page" navigation.
Block Class
Styles the button in the "On-Page" navigation.
Show in Jump Nav
A jump navigation is a menu on the page that allows the user to ‘jump’ to different sections within that page. This can be seen on the Our Work page. When selecting ‘Work Areas’, the user is immediately taken to that section further down the page.
A page meta is a short description of the page’s content. To follow SEO best practices, this section should always be filled out when creating a new page.
This is the title of the page.
A description of the page content. Please limit this to 160 characters long.
This is a space for developers to add code and should be left blank.
If "Yes", all main and secondary navigation will be removed from the page.
A breadcrumb is a type of secondary navigation that shows the users location on the site. This is an option to remove breadcrumbs from above the footer. Note: Best practice is to allow breadcrumbs to show.
This determines if the page will show on search engines. Selecting ‘Yes’ will tell search engines not to catalog the page, causing the page not to be shown. Note: Best practice is to allow search engines to index the page by leaving the default ‘No’ on.
Open graph information is the title, description and image of the page that will be displayed on social media sites.
This is the text that will appear when the page is tweeted.
The title that will appear on social networks.
This is a description that will appear on social networks. Please limit the description to 160 characters.
The image that will appear for the page when shared in social networks.
Shared content determines how the link will be displayed within our site. For example, when using the Simple Card Lego Block, information from the Shared Content section is shown.
This is the small label shown above the title in the Simple Cards Lego Block.
The main title shown on cards.
Small title shown below the main title.
Brief description of your page. Please limit description to 160 characters.
The call to action text you would like to use.
Several icons were made for specific cards on the Our Work page. You will not need to use icons and can leave the default as ‘No’.
These options will determine if and how your page is shown on our site search feature.
Featured
Determine if this page will be listed as featured on the search results page. In most cases, pages will not need to be featured.
Show in Site Search
Decide if the page will show on our site search. Usually, most pages will benefit from being able to show up in our search.
Mobile Hide Donate
On mobile, you can determine whether the donate buttons show or not. Best practice is to allow the buttons to show.
