Our blog covers the work Heifer International does around the world and produces stories relating to our core values. Learn how to set up and create a new blog page by walking through the process in this section. Creating a new page includes determining the name and structure of the page, then adding copy and images to the blog template.
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 create a new content page, select the green ‘Create Content’ button in the upper righthand corner.
After selecting the ‘Create Content’ button on the Content Management page, you will be directed to the Create Content page shown above. On this page, you will name your new blog 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.
Add your page to the blog folder by typing ‘blog’ into this space and selecting the auto-complete folder that the form provides. Now is the time to also add the category folder for your page to go in. For example, if you are creating a Culture blog, select /blog/culture/.
In the drop-down menu, select ‘Lego Page- Blog Permalink’ from the list.
Create a title for your blog. 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.
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 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. On a blog page, the structure is already predetermined to make it easier to quickly add images and copy to the page.
Lego Block – Blog Header
To start editing the Header Lego Block, simply fill out the Content form on the right-hand side of the page.
Create a title for your blog. This should be the same title that you entered on the Create Content page.
Pick your image style from the drop-down menu, then pick your color. In the image above, the standard option is on the left and the modern option is on right. Note: If you do not select an Image, make sure you select none for header options and header color.
Header Image Style Colors
Select the image effect from the drop-down menu. Note: If there is no image to display, select none.
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. For more information on how to use the Image/File Manager and best practices, go here. [link to section will come later]
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. Note: This section is required in order for an image to show, but the description will not be displayed on the site.
Caption
Add a caption for your image here that will be displayed on the site.
Description
This is the subtitle displayed on the page.
Story CTA Copy
Put a call to action here, such as ‘Donate Now’. This will appear in the description/subtitle section of the page.
Story CTA URL
Provide a link for your call to action.
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.
Lego Block – Blog TLDR
This section appears under the header image and is used for providing a brief summary of the article. Each field you fill out will become a bullet point.
Lego Block – WYSIWYG
This Lego Block is short for What You See Is What You Get (pronounced "wiz-ee-wig") and allows content to be edited in a way that will resemble it’s final form on the finished blog page.
This block comes with a form that allows you to easily add copy and images. Use the toolbar to format text, insert images and add links to your blog.
Most of the features in our WYSIWYG editor are pretty straightforward such as the bold, italic and convert to bullet or number list icons. However, there are some that call for special attention.
This dropdown will format your text to our pre-approved text styles.
Note: Only on rare occasions will “Heading 1” be needed. For SEO best practices, only one Heading 1 per page is needed.
This will convert any text to our block quote callout and add special formatting to the text. You must add the quotations to the text.
URL
Insert the webpage you want to link to.
Text to Display
This should automatically populated with the selected text.
Title
This field can be left blank.
Target
This will change the behavior of the link to either open the link in the same window (“None”) or open in a new window (“New Window”). It is best practice to open in a new window.
Class
Adds additional styling to the class. It is generally a good idea to leave this blank.
Source
This allows you to select an image already uploaded. Please refer to Media Manager to see details on how to upload an image.
Image Alternate Text
Adds text to the image that will be used by search engine crawlers and screen readers. This field is required.
Image Caption
This allows you to add caption text to the image that will be displayed on the site.
Class
Use the dropdown to select the position and define the size of the image within the text. The following options will appear:
This allows you to insert a file onto the page.
This will allow you to edit the HTML. For those so inclined, this gives greater control of the elements on the page. Only those with experience should edit the code.
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.
Select an author for this blog page.
Select a category to file this blog page under. The categories to choose from are listed below.
Enter the date this blog will be published on the site.
If this story is from a World Ark issue, use the content picker to select the issue it can be found in. Doing this allows the blog article to show on the World Ark Magazine page and the World Ark icon will be displayed on the blog page.
This field can be left blank.
Enter the pre-headline text here.
If this blog article is about a particular location, include that here.
Selecting ‘true’ allows the Facebook and Twitter icons to appear on the article. Choosing ‘false’ will remove them.
Choose similar blog articles to prompt the reader to explore other sections of the blog.
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.
