Insight Creative, Inc.

A to Z Machine Website Training and Documentation

2025-04-30T19:23:01+00:00

Table of Contents#

Table of Contents

What is Jamstack?#

Welcome to your new Jamstack website! Jamstack is an simpler architecture designed to make the web faster, more secure, and easier to scale. The core principles of pre-rendering and decoupling enable sites and applications to be delivered with greater confidence and resilience than ever before.

Here are the main benefits provided by the Jamstack.

Faster performance

Serve pre-built markup and assets over a Content Delivery Network.

More secure

No need to worry about server or database vulnerabilities.

Scalability

If your website suddenly goes viral and has many active users, the CDN seamlessly compensates.

Logging in#

Navigate to https://www.atozmachine.com/admin/#/
Click Login with Netlify Identity
Enter your email and password and click Log in

Trouble Logging in?#

Click Login with Netlify Identity
Click Forgot password? at the bottom of the Log in form
Enter the email address your account was set up with and click Send recovery email
Check your email and follow the steps to update your password

Admin Dashboard Overview#

Your website uses Netlify CMS for a back-end Content Management System. Unlike older CMS' Netlify CMS focuses on only the items you need and cuts out everything unnecessary. Your content is stored and can be found in Collections.

Collections#

Collections are the groupings of editable content for your website. This website consists of Data, Posts, Equipment and Pages.

Managing Content#

Editing Basic Business Information#

To edit content such as business name, phone number and hours:

Navigate to Data > Business Info.
Here you'll find options to edit business name, phone number, email address, address and hours. Make your desired change as needed and click Publish in the top left corner when you're ready to save and publish your change.

Editing Pages#

Click on Pages in the Collections menu. Here you'll see a list of all your website's pages.
Click on the page that you need to edit. Pages are broken out into three core sections, Page Title, SEO and Page Content.
1. Page Title. This is your page's primary title.
2. SEO. SEO contains your SEO Title, Description and Featured Image. The SEO Title is the page title that gets used by search engines, not a front-facing page title. Description is the meta description that gets used by search engines. Featured Image is an image that you can select that will be used as a featured image for social sharing. Note: this image doesn't actually get used on your website, only as a preview image when the website gets shared on social media.
3. Page Content. While this isn't necessarily labeled as such, the remaining fields are all your actual page content. Content is structured in the same order it is displayed on your page.
When ready to publish, simply click the Publish button in the top right corner.

Adding New Hero Images#

The hero images for all pages need to be sized at 2500x1000. These images are then automatically scaled, resized for smaller devices, and transformed to serve modern image formats. Always upload images as .jpg images. Using .png images will break resizing and transformation functions.

Adding Gallery Images#

The product galleries can be found on both the CNC Machining and Fabrication pages. Navigate down to the Parts Gallery section, here you will find a list of all your gallery images. Click open the accordion-style box to open the image options. Here you will find, an Image Small, Image Alt Text, and Image Large. Image Small is the preview or thumbnail image. Image alt text is alternative text or a description of your image that will be used by screen readers. Image Large is your full-size image that gets opened in the lightbox if an image is clicked.

Gallery images need to be cropped to a square size to fit their given space, other image sizes will be stretched to fit the space. The Image Small version uses a 600 x 600 image, and the Image Large uses a 1600 x 1600 version of the image.

Important!

You will never need to upload a full resolution image to your website. Images are the most resource-intensive form of media that your website will load. Loading full-size images will negatively affect the performance of your website and will hurt your search rankings. If you're unsure how to handle images for the web, please reach out to Insight Creative, Inc. for assistance.

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

After you save your image, the front end of the website will automatically optimize and transform your image into a more modern and performant image. This ensures your images are loading as fast as possible. You should always shoot for under 200kb file size for all images you load to the website.

Adding New Blog Posts#

Click on Post in the Collections menu and then click New Post. You can also click Quick add, in the primary navigation menu, and then click Post from the dropdown.
Posts are broken out into three core sections, Post Title, SEO and Body Content. Enter in your title, SEO title, date, draft state, description, image and body.
Post Title. This is your post's primary title.
SEO. SEO contains your SEO Title, Description and Featured Image. The SEO Title is the page title that gets used by search engines, not a front-facing page title. Description is the meta description that gets used by search engines. Featured Image is an image that you can select that will be used as a featured image for social sharing. Note: this image doesn't actually get used on your website, only as a preview image when the website gets shared on social media.
Body Content. This will be the main body that holds all the content of your new post.
Select your post's Publish Date. Typically it's best practice to set your date to the current date and time of writing. If scheduling posts is a feature requirement for content management, additional functionality will need to be built into the CMS to allow this.
Select the category you want your post to be grouped within. Currently the category options are "Articles" and "News".
Write out the main body of your post as needed using the rich text editor. In addition to the rich text editor, shortcodes allow injection of templated code blocks to add a little more power and flexibility to your posts. See the Shortcodes section for more detailed information on how to use these.
When ready to publish, simply click the Publish button in the top right corner.

Adding New Equipment#

Click on Equipment in the Collections menu and then click New Equipment. You can also click Quick add, in the primary navigation menu, and then click Equipment from the dropdown.
Equipment pages are broken out into three core sections, Page Title, SEO and Body Content. Enter in your title, SEO title, date, draft state, description, image and body.
Page Title. This is your page's primary title.
SEO. SEO contains your SEO Title, Description and Featured Image. The SEO Title is the page title that gets used by search engines, not a front-facing page title. Description is the meta description that gets used by search engines. Featured Image is an image that you can select that will be used as a featured image for social sharing. Note: this image doesn't actually get used on your website, only as a preview image when the website gets shared on social media.
Body Content. This will be the main body that holds all your pages content.
Write out the main body of your page as needed using the rich text editor.
When ready to publish, simply click the Publish button in the top right corner.

Shortcodes#

Shortcodes are a convenient way to inject templated code blocks into your content without needing to actually write any HTML code. Your website comes configured with a number of pre-built shortcodes that are ready to use. New shortcodes can also be built to accomodate future additions.

Some of the available shortcodes are:

Figure
Image Grid
Image Thumbnail
Image Medium
YouTube Embed
Vimeo Embed
Instagram Embed
Tweet Embed

To use shortcodes you will need to use a much simpler syntax by using

Figure Example#

Use a figure shortcode to mark up a photo in a document, and a title element to define a caption for the photo

Image Grid Example#

Display a grid of up to four images

{{< image-grid image1="image1-url.jpg" image2="image2-url.jpg" image3="image3-url.jpg" image4="image4-url.jpg" >}}

Image Thumbnail Example#

Display a thumbnail sized version of an image

{{< image-thumbnail image="image-url.jpg" image_alt="image alternative text here" >}}

Image Medium Example#

Display a medium sized version of an image

{{< image-medium image="image-url.jpg" image_alt="image alternative text here" >}}

YouTube Embed Example#

The YouTube shortcode embeds a responsive video player for YouTube videos. Only the ID of the video is required. Copy the YouTube video ID that follows v= in the video’s URL and pass it to the YouTube shortcode.

For accessibility reasons, it’s best to provide a title for your YouTube video. You can do this using the shortcode by providing a title parameter. If no title is provided, a default of “YouTube Video” will be used.

{{< youtube id="BHACKCNDMW8" title="3 Hours of Amazing Nature Scenery" >}}

Vimeo Embed Example#

Adding a video from Vimeo is equivalent to the YouTube shortcode, simply extract the Vimeo video ID and pass it to the shortcode

For accessibility reasons, it’s best to provide a title for your Vimeo video. You can do this using the shortcode by providing a title parameter. If no title is provided, a default of “Vimeo Video” will be used.

Instagram Embed Example#

If you’d like to embed a photo from Instagram, you only need the photo’s ID. You can find an Instagram photo ID in the URL

example URL https://www.instagram.com/p/BWNjjyYFxVx/

Tweet Embed Example#

You want to include a single tweet into your blog post? Everything you need is the URL of the tweet

example URL https://twitter.com/SanDiegoZoo/status/1453110110599868418

Special Considerations#

Your new Jamstack website does all the work up front to prepare files for your website visitors so pages can be delivered much faster. After editing a page's content, sit back, and enjoy some coffee. Give it a minute to rebuild your website, and then go view your newly published change on the front end of your website.

Pro Tip: If planning to make multiple changes to your content at the same time, make your easy changes first (an edit to an existing page). While your website rebuilds, you can then tackle your larger change (writing a new blog post). This leads to an editing process that still feels productive and reduces waiting times.

Animal Care Center of Buffalo Grove Website How-to

2025-04-30T19:23:01+00:00

Table of Contents#

Table of Contents

Logging in#

Navigate to https://www.animalcarebg.com/admin/#/
Enter your email and password to log in

Admin Dashboard Overview#

Your site uses Netlify CMS for a back-end Content Management System. Netlify CMS focuses on only the items you need and cuts out everything unnecessary. Your content is stored and can be found in Collections.

Collections#

Collections are the groupings of editable content for your website. This site consists of Site Info and Pages.

Managing Content#

Editing Basic Business Information#

To edit content such as business name, phone number and hours:

Navigate to Site Info > Business Info.
Here you'll find options to edit business name, phone number, email address, address and hours. Make your desired change as needed and click Publish in the top right corner when you're ready to save and publish your change.

Editing Pages#

Click on Pages in the Collections menu. Here you'll see a list of all your site's pages.
Click on the page that you need to edit. Pages are broken out into three core sections, Page Title, SEO and Page Content.
1. Page Title. This is your page's primary title.
2. SEO. SEO contains your SEO Title, Description and Featured Image. The SEO Title is the page title that gets used by search engines, not a front-facing page title. Description is the meta description that gets used by search engines. Featured Image is an image that you can select that will be used as a featured image for social sharing. Note: this image doesn't actually get used on your website, only as a preview image when the site gets shared on social media.
3. Page Content. While this isn't necessarily labeled as such, the remaining fields are all your actual page content. Content is structured in the same order it is displayed on your page.
When ready to publish, simply click the Publish button in the top right corner.

Adding New Hero Images#

Note: the hero images for all pages need to be sized at 2000x650. These images are then automatically scaled and resized for smaller devices. If you upload an image with a different aspect ratio, it will look noticeably different than other pages.

Important!

You will never need to upload a full resolution image to your website. Images are the most resource-intensive form of media that your site will load. Loading full-size images will negatively affect the performance of your website. If you're unsure how to handle images for the web, please reach out to Insight Creative, Inc. for assistance.

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and will almost always be larger than a .jpg image. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

After you save your image drop it into an image optimizer such as https://tinypng.com/ This will optimize the image one step further for the web, typically cutting the file size in half. You should shoot for under 100kb file size for all images you load to the site.

Special Considerations#

Your new site does all the work up front to prepare files for your site visitors so pages can be delivered much faster. After editing a page's content, sit back, and enjoy some coffee. Give it a minute to rebuild your site, and then go view your newly published change on the frontend of your site.

Pro Tip: If planning to make multiple changes to your content at the same time, make your easy changes first (e.g. An edit to an existing page). While your site rebuilds, you can then tackle your larger change (e.g. writing a new employee bio). This leads to an editing process that still feels productive and reduces waiting times.

Behavioral Health Clinic Website Training Manual

2025-04-30T19:23:01+00:00

Logging In
Admin Dashboard Overview
- Posts
- Media
- Pages
- Plugins
- Users
- Settings
- Theme Settings
- SEO
Editing Basic Website Information
Adding and Managing Media
Adding and Managing Pages
Adding and Managing Staff Pages
Adding New Staff to the Our Team Page
Adding and Managing Blog Posts
Adding new users

Logging In#

To log in to the admin dashboard, navigate to https://wibehavioralhealth.com/admin. Enter your username and password and click "Log In".

Admin Dashboard Overview#

Posts#

Posts are all your website's blog posts.

Media#

Media is where you upload all assets such as images, videos and PDFs.

Important!

There will rarely be a time when you should upload a full resolution image to your website. Outside of video, images are the most resource-intensive form of media that your website will load. Loading full-size images will drastically affect the performance of your website and hurt your SEO as a result.

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a jpg. If you're using an image editor like photoshop you will have image options when you save. Save as the lowest quality you can before your image starts to look bad. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye. For the majority of images, you should shoot for around 100kb file size for images you upload to the website.

Pages#

This is where you will find your website's primary pages.

Plugins#

Plugins are pieces of third-party software that extend and add to the functionality that already exists in WordPress. Be very careful here and avoid this section completely if you don't know what you're doing.

Users#

Add new users if you need to give access to additional employees who are going to edit posts on your website.

Settings#

This is where you will find a variety of settings ranging from general website settings to writing, reading and permalinks. All settings are already configured to meet your needs. Changing these can be very dangerous and can do harm to your website; only change settings here if you know what you're doing.

SEO#

Basic on-page elements like page titles and meta descriptions are powered by Yoast SEO. SEO settings are configured so you shouldn't ever need to change anything in here. Be careful and only change settings here if you know what you're doing.

Editing Basic Website Information#

Adding and Managing Media#

Navigate to Media. Here you will see all assets in your media library.
Next, click "Add New" and then either drag and drop files from your desktop, or click "Select Files" to upload an image.
Lastly, add alternative text to your image. Alt text can provide a small amount of SEO value as search engines use alt text to gather information about your images. Most importantly, image alt text is used by screen readers. Screen readers use alt text to read a description of your image when someone with a visual impairment cannot see the actual image. Write alt text exactly like you're describing the image to someone who cannot see it.

Adding and Managing Pages#

Navigate to "Pages" in your admin dashboard. Here you will see a list of all your website's pages. Select the page you need to edit by either clicking the page title or by hovering and clicking "Edit" in the options that appear. To quickly find pages, use the search option in the top right corner of the page.
Your website uses the Divi page builder which is a no-code page builder. Divi offers both a Divi Builder and a Visual Builder.

Editing a Text Module#

Divi uses blocks often referred to as modules.

Navigate to the text module you need to edit and click the gear icon to edit.
Edit the content as needed and click the green checkmark at the bottom right corner of the module.
To publish your change to the front-end of your website, click the "Update" button at the top right of the page editor options.

Editing an Image Module#

Navigate to the image module you need to edit and click the gear icon to edit. If an image is already in place, simply click the image preview to open up the media library.
Select your new image from the image library, or switch to the "Upload files" tab to add a new image.
To upload a new image, click "Select Files" or simply drag and drop an image from your desktop.
When ready to add your new image, select the "Upload an image" button in the bottom right corner.
To finalize your change within the module, click the green checkmark at the bottom right corner of the module.
To publish your change to the front-end of your website, click the "Update" button at the top right of the page editor options.

Yoast SEO#

Each page has unique SEO settings and metadata that can be configured using the Yoast SEO plugin. Yoast settings are found at the bottom of the page underneath the editor. Here you can configure an SEO title, Meta description and more.

Adding and Managing Staff Pages#

Managing staff on your website requires a two-step process. You will need to create a new page for the new staff member and also edit the main Our Team page to ensure that the new staff page is listed there as well.
Navigate to "Pages" in your admin dashboard and find the existing staff page you need to edit. To quickly find pages, use the search option in the top right corner of the page. Click on the post title or click "Edit" to open.
The easiest way to create new staff pages will be to hover over an existing staff page and click "Clone". This will ensure that layouts and all elements are already established and kept consistent across pages.
Add your staff name as the page title, click "Edit" on the permalink field and simply erase all existing data to create a new permalink for the page.
Next, navigate to the text module and edit all details like name, title, and bio.
Navigate to the Image module to upload your staff headshot.
Back in the editor sidebar, scroll down to the "Featured image" section and set your staff headshot to your featured image. This will ensure your headshot is used as the preview image if the page is shared on any social media channels.
Lastly, click the "Publish" button in the top right corner of the editor sidebar to publish your new page.

Adding New Staff to the Our Team Page#

Navigate to the Our Team page and click edit.
The Our Team page uses a Divi blurb module to hold both image and text data in one combined module. Clone an existing module to use as a template by clicking the "Duplicate Module" icon.
Enter in your name as the module title, edit your body content as needed.
Next, click open the "Image & Icon" section. Click on the image preview to upload a new image.
Next, click open the "Link" section and enter the URL to the staff bio page.
To finalize your change within the module, click the green checkmark at the bottom right corner of the module.
To publish your change to the front-end of your website, click the "Update" button at the top right of the page editor options.

Adding and Managing Blog Posts#

Navigate to "Posts" in the admin dashboard. If editing an existing post, find the post in the list, or search for the post by name in the search bar at the top right of the page. Click on the post title to edit.
To add a new post, click "Add New".
Enter your post title.
Type out your post details in the post editor.
Scroll down to the Yoast SEO section and enter in a SEO title and Meta description.
Set a featured image.
To publish your change to the front-end of your website, click the "Update" or "Publish" button at the top right of the page editor options.

Adding new users#

Type in the username for your new account.
Enter the email address of the new user.
Enter in a first and last name to make it clear who you are creating the account for.
Select the type of role that you want to give the new user. Read more about WordPress Roles.

Boutique Hearing Website How-to

2025-04-30T19:23:01+00:00

Table of Contents#

Logging in
Admin Dashboard Overview
Managing Content
Adding a New Blog Post
Adding a New Testimonial
Editing an Existing Post or Testimonial
Special Considerations

Logging in#

Navigate to https://boutiquehearing.com/admin/#/
Enter in your email and password to log in

Admin Dashboard Overview#

Netlify CMS is a much simpler Content Management System than the old WordPress website. Netlify CMS focuses on only the items you need and cuts out everything unnecessary. Your content is stored and can be found in Collections.

Collections#

Collections are the groupings of editable content for your website. This site consists of Posts and Testimonials.

Managing Content#

Adding a New Blog Post#

Click on Post in the Collections menu and then click New Post. You can also click Quick add, in the primary navigation menu, and then click Post from the dropdown.
The post fields and editors will be displayed on the left hand side and the right side will be a live preview of your post so you get a simple visual example of your new post to review before it gets published to your website. Enter in your title, date, draft state, description, image and body. Note: The draft state will be set to true by default, select and turn off to automatically publish your post when you're ready.
When ready to publish, simply click the Publish button in the top right corner.

Adding a New Testimonial#

Click on Testimonial in the Collections menu and then click New Testimonial.
Enter in your Testimonial title, publish date, draft state, and then your testimonial body.
When ready to publish, simply click Publish in the top right corner.

Editing an Existing Post or Testimonial#

Click either Post or Testimonial in the Collections menu.
Click on the post or testimonial that you are looking to edit.
Make your changes in the content editor on the left-hand side.
When you are ready to publish your changes, click Publish in the top right corner.

Special Considerations#

The method your site builds pages/posts is different from the old WordPress website. Your new site does all the work up front to prepare files for your site visitors so they can be delivered much faster. After creating a new post, sit back and enjoy some coffee and give it a minute or two to rebuild your site and then go view your newly published blog post.

Pro Tip: If planning to make multiple changes to your posts at the same time, plan to make your easy changes first (e.g. An edit to an existing blog post). While your site rebuilds, you can then tackle your larger change (e.g. Posting a brand new blog post). This leads to an editing process that still feels productive and reduces waiting times.

Chiropractic Family Website Training

2025-04-30T19:23:01+00:00

What is Jamstack?
Logging In
Admin Dashboard Overview
- Home
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
- Toggle Blocks
- List Items
Adding New Blog Posts
Editing Existing Blog Posts
Editing Basic SEO Information
Special Considerations

What is Jamstack?#

Welcome to your new Jamstack website! Jamstack creates a simple website architecture that makes your website faster, more secure and scalable. Jamstack’s core principles of pre-rendering and decoupling enable your website to be delivered with greater confidence and resilience than ever before.

Here are the main benefits of Jamstack:

Faster performance#

Serve pre-built markup and assets over a Content Delivery Network.

More secure#

No need to worry about server or database vulnerabilities.

Scalability#

If your website suddenly goes viral and has many active users, the CDN seamlessly compensates.

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://chiropracticfamilygb.com/ic-sec=chiropractic-family-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website and a list of recent activity.

Pages#

Here you will find a list of all your website pages.

Data#

Data acts as a database of global information used throughout your website. Data is split between Global Partials and Site Settings. Global Partials are common blocks used throughout the website such as global Call to Action blocks. Site Settings are general settings like your business name, address, phone number and so on.

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, Twitter, LinkedIn, and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO, Menu, Hero, and Intro, followed by all content blocks the page uses. Each content block gives a brief overview of what is contained within it.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Toggle Blocks#

To toggle blocks on and off, simply look for the Enabled field on any block. Enabled blocks will be shown with a red checkmark. To disable a block, simply uncheck this field. On save, your block will no longer be displayed on the front end of your website.

Adding New Blog Posts#

To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add Blog
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, URL if a custom URL is preferred, SEO data like page title, meta description and featured image, date, author and category.
Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
To add an image to the body of your post click the Snippet button, then select responsive image. Upload or select your new image and add alternative text to describe your image.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Editing Existing Blog Posts#

Navigate to Blog. Here you will see a list of all your website's posts. Select the post you are looking for by clicking on the preview image of the post. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
To edit your post content within the content editor, use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, click Save, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

If you ever feel the need to edit SEO metadata for your website, SEO settings can be found on each individual page. Navigate to the page you want to edit and click open the "SEO" content block. Here you will find Page Title, Meta Description, and Featured Image for your page.

Special Considerations#

Image Handling#

All images throughout the website are configured and served through an image transformation service called Cloudinary. Cloudinary automatically handles all images that are uploaded to the website, resizes them and transforms them into modern image formats like AVIF and WEBP.

Uploading Images#

Important!

You will never need to upload a full-resolution image to your website. Images are the most resource-intensive form of media that your website will load. Loading full-size images will negatively affect the performance of your website and will hurt your search rankings. If you're unsure how to handle images for the web, please reach out to Insight Creative, Inc. for assistance.

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 300kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

Bulk Saving of Edits#

You can now take advantage of CloudCannon's bulk saving of edits. Make multiple edits across pages, files, and collections and save them all simultaneously in a single batch. CloudCannon records your edits as you go, allowing you to save them all in one click. This means you only need to wait for your site to build once.

Build Times#

Your new Jamstack website does all the work upfront to prepare files for your website visitors so pages can be delivered much faster. At the time of the website launch, your site is loading at around 500ms*.

After editing a page's content, sit back, and enjoy some coffee. Give it a minute to rebuild your website and then go view your newly published change on the front end of your website. Builds typically take about 10 seconds.

Christ First Website Training

2025-04-30T19:23:01+00:00

Logging In
Admin Dashboard Overview
- Home
- Inboxes
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
Editing Basic SEO Information
Adding New Event Posts
Special Considerations

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.christfirstgmc.org/ic-sec=christ-first-admin

Enter your username and password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website, documentation, and a list of recent activity.

Inboxes#

See your form notifications, check spam, resend notification emails and export contacts to a spreadsheet.

Pages#

Here you will find a list of all your website pages. Pages are broken out by their section rather than being one large group.

Data#

Data acts as a database of global information used throughout your website. Data is split between Global Partials, Locations and Site Settings. Global Partials are common blocks used throughout the website such as global Call to Action blocks. Site Settings are general settings like your business name, address, phone number and so on.

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Alternatively, your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, X, LinkedIn, TikTok and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. Alternatively, your changes will be bulk saved and you can publish all changes together. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO metadata, followed by all content blocks the page uses.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Adding New Event Posts#

To add a new event, select the + Add button at the top right corner of the screen. Then click, + Add Event. Optionally, you can also clone and existing post to use as a starting point.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image, date, author and category.
Note: Your SEO featured image, is used two ways for event posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the event itself. This get's displayed at the top of every post.
Add event details. Click on Event to open up the full list of event details. Enter in an event summary, location start and end date, start and end time.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Special Considerations#

Image Handling#

All images throughout the website are configured and served through an image transformation service called Imgix. Imgix automatically handles all images that are uploaded to the website, resizes them and transforms them into modern image formats like AVIF and WEBP.

Uploading Images#

Important!

To optimize an image: Use a photo editing tool such as Photoshop or https://squoosh.app/ to optimize images for the website. Open your image and then set the quality to something like 80 - 85 and then download.

Make sure to primarily use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. You should almost always shoot for under 200kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable.

Bulk Saving of Edits#

Electric City Properties Website Training Manual

2025-04-30T19:23:01+00:00

Table of Contents#

Table of Contents

What is Jamstack?#

Here are the main benefits of Jamstack:

Faster performance#

Serve pre-built markup and assets over a Content Delivery Network.

More secure#

No need to worry about server or database vulnerabilities.

Scalability#

If your website suddenly goes viral and has many active users, the CDN seamlessly compensates.

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.ecpwi.com/ecp-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website and a list of recent activity.

Inbox#

Inbox is where you can view and manage the email notifications from your contact forms.

Pages#

Here you will find a list of all your website pages.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, Twitter, LinkedIn, and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. As soon as you add a link to any of these, the appropriate icon will be displayed in the "Connect With Us" section in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO, Menu, Hero, and Intro, followed by all content blocks the page uses. Each content block gives a brief overview of what is contained within it.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner of the editor.

Editing Basic SEO Information#

Inbox#

Inbox is where you can view and manage the email notifications from your contact forms. When you enter your inbox, you will see a list of all mail notifications that you have received. Click on any notification to view the full email details. You can also click the three vertical dots in the right corner to find options to resend the message, mark as spam, or delete the message.

Special Considerations#

Uploading Images#

Important!

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should always shoot for under 200kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

Build Times#

* Performance metrics are measured without added software like HubSpot's live chat and meeting calendar. Third-party software adds load time that is out of our control.

EMT Website Training Manual

2025-04-30T19:23:01+00:00

Table of Contents#

Table of Contents

Logging In#

To log in to the admin dashboard, navigate to https://emtinternational.com/wp-admin. Enter your username and password and click "Log In".

Admin Dashboard Overview#

Posts#

Posts are all your website's blog posts.

Media#

Media is where you upload all assets such as images and PDFs. Media folder organization is powered by the free FileBird Lite plugin.

Important!

Forms#

Forms is where you will find your website's contact forms and can edit form settings and view/resend form submissions. Forms are powered by Gravity Forms.

Pages#

This is where you will find your website's primary pages.

Appearance#

This is where you will make some changes to some of your website's basic settings. Navigate to Appearance > Customize.

Plugins#

Users#

Add new users if you need to give access to additional employees who are going to edit posts on your website.

Settings#

This is where you will find a variety of settings ranging from general website settings to writing, reading and permalinks. All settings are already configured to meet your needs. Changing these can be very dangerous and can do harm to your website, only change settings here if you know what you're doing.

Theme Settings#

This is where you will find options to hook into some global components that are used throughout your website. Components such as Call to Action blocks and mega menu data can be found here.

SEO#

Editing Basic Website Information#

Navigate to Appearance > Customize > Social Media.
Here you can enter or edit your social media channels.

Insert Scripts#

Navigate to Appearance > Customize > Insert Scripts.
Paste script into either the header or footer section depending on instructions provided by the script creator. When done click "Publish" in the top left corner.

Adding and Managing Media#

Navigate to Media. Here you will see all assets in your media library. By default, WordPress doesn't allow grouping or organizing of images into folders. We use the free FileBird Lite plugin to add this functionality. On the left-hand side, you will find all the image folders that were created to help organize images.
To add new media from directly within the media library, first, click on the folder that you want to add your image.
Next, click "Add New" and then either drag and drop files from your computer, or click "Select Files" to upload an image.
Lastly, add alternative text to your image. Alt text can provide a small amount of SEO value as search engines use alt text to gather information about your images. Most importantly, image alt text is used by screen readers. Screen readers use alt text to read a description of your image when someone with a visual impairment cannot see the actual image. Write alt text exactly like you're describing the image to someone who cannot see it.

Managing Forms#

Navigate to Forms.
If for some reason you ever need to edit a form, simply click on the form title.
Edit existing fields or add new fields as you require then click "Save Form" in the top right corner.

Adding and Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by either clicking the page title or by hovering and clicking "Edit" in the options that appear. To quickly find pages, use the search option in the top right corner of the page.
Your website uses the default WordPress editor to build and manage all page content and layouts. Make sure to walk through their tour as you get started with the editor.
The Gutenberg editor gives you a preview of your blocks that is fairly close to the front-end styling of the block. To edit a block, click anywhere on the block. This will toggle open the available fields that are contained within the block.
After you have made your edits, you can click out of the block and it will revert back to the preview state. When ready to publish your changes to the front end of the website, click "Update" in the top right corner.

Creating Custom Hero Blocks#

Your website has two hero section blocks. Hero large is the hero section used only on the homepage. Hero is the general hero section block used throughout most interior pages.

Click the + in the top left of your editor to toggle the block inserter.
Select "Hero".
Enter your Hero Title. This Hero Title often feels like a duplicate of the page title, but was created intentionally to allow the flexibility to craft hero titles independent of the page title.
Add an optional Hero subheading(body).
For extra flexibility, the hero section uses a background image which can be paired with a featured image. Note: If no image is selected the image will fallback to the WordPress default field "Featured image". Be sure to set your Featured Image either way as this also allows it to be used in metadata for search engines and social media websites where your website might be shared. To set your featured image, navigate back to the Page settings in the right-hand sidebar. Click "Set featured image".
Select your image from the media library, or click "Upload files" to add a new image.

Creating Button Blocks#

Click the + in the top left of your editor to toggle the block inserter.
Select "Button"
Select your link
Select a background color. The button block comes configured with two background colors, black or white. Simply check the option that you want to use.

Adding Partners Slider Blocks#

Click the + in the top left of your editor to toggle the block inserter.
Select "Partners Slider"
You will now see a message that this block contains no editable fields. This is by design as it is set as a global block for easier editing. Edit once and it will update everywhere it is used. To edit navigate to Theme Settings in the admin menu.
Click open the field "Block: Partners Slider"
Enter in your heading and optional subheading
Partners each have two fields, Logo and Partner Website.
To add a new partner to the existing list, select "Add Row" and the bottom rigt hand corner.
When finished click "Update" back in the top right hand corner of your screen

Adding Call to Action Blocks#

Click the + in the top left of your editor to toggle the block inserter.
Select the Call to Action block that you want to use. There are multiple options, Full Width, Careers and Solutions.
You will now see a message that this block contains no editable fields. These blocks were built to be more flexible and available to be used globally in the WordPress editor and across all templates. Because of that, these global Call to Action blocks aren't editable in the page editor otherwise you would have to adjust content in multiple places if you made an update. Instead, these can be edited in the global Theme Settings. Update once and your block will update everywhere that it is used.
Click open the field "Block: "
Enter in your heading, subheading and body
Select a link for your button. This should be the primary action your want someone to take.
Select a background image
When finished click "Update" back in the top right hand corner of your screen

Creating History Blocks#

This is a custom block for the history timeline on the about page

Click the + in the top left of your editor to toggle the block inserter.
Select "History"
Enter in your heading
Now you can start editing your timeline. Each timeline item contains two fields, the milestone and an image. Click "Add Row" to start a new timeline.
Each milestone includes several sub items, click "Add Row" within the milestone, then add Year, Milestone(heading), and Milestone Body.

Yoast SEO#

Adding new users#

Type in the username for your new account.
Enter the email address of the new user.
Enter in a first and last name to make it clear who you are creating the account for.
Select the type of role that you want to give the new user. Read more about WordPress Roles.

Fly a Kite Fest Website Training

2025-04-30T19:23:01+00:00

Logging In
Admin Dashboard Overview
- Home
- Inboxes
- Pages
Editing Basic Website Information
- Managing Business Info
Managing Pages
Editing Basic SEO Information
Special Considerations

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://flyakitefest.org/ic-sec=fly-a-kite-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website, documentation, and a list of recent activity.

Inboxes#

See your form notifications, check spam, resend notification emails and export contacts to a spreadsheet.

Pages#

Here you will find a list of all your website pages. Pages are broken out by their section rather than being one large group.

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Alternatively, your changes will be bulk saved and you can publish all changes together.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO metadata, followed by all content blocks the page uses.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Special Considerations#

Uploading Images#

Important!

To optimize an image: make sure to primarily use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 300kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable.

Bulk Saving of Edits#

Freedom House Website Training

2025-04-30T19:23:01+00:00

Logging In
Admin Dashboard Overview
- Home
- Inboxes
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
Editing Basic SEO Information
Dynamic Blocks
Adding New Blog Posts
Editing Existing Blog Posts
Adding New Career Posts
Special Considerations

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.freedomhousegb.org/ic-sec=freedom-house-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website, documentation, and a list of recent activity.

Inboxes#

See your form notifications, check spam, resend notification emails and export contacts to a spreadsheet.

Pages#

Here you will find a list of all your website pages. Pages are broken out by their section rather than being one large group.

Data#

Data acts as a database of global information used throughout your website. Site Settings are general settings like your business name, address, phone number and so on.

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Alternatively, your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, X, LinkedIn, TikTok and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. Alternatively, your changes will be bulk saved and you can publish all changes together. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO metadata, followed by all content blocks the page uses.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Dynamic Blocks#

The blog feed and careers feed are populated with dynamic content and therefor cannot be previewed in the editor live preview. Placeholder data will be shown in the editor instead.

Adding New Blog Posts#

To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add A New Blog Post. Optionally, you can also clone and existing post to use as a starting point.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image, date and category.
Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
To add an image to the body of your post click the Snippet button, then select figure. Upload or select your new image and add alternative text to describe your image.
When ready to publish, ensure that your post is not in a draft state and click Save.

Editing Existing Blog Posts#

Navigate to blog. Here you will see a list of all your website's posts. Select the post you are looking for by clicking on the preview image of the post. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
To edit your post content within the content editor, use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, click Save, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Adding New Career Posts#

To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add New Job Post
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image. Be sure to add location data a job type of Full Time or Part Time and a date. This will all be used in schema data to help search engines index your job posts.
Be sure to use the location data for each post. Location data is primarily used in schema data and provides more information to search engines. The location data helps with "near me" types of job searches.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Special Considerations#

Image Handling#

Uploading Images#

Important!

To optimize an image: make sure to primarily use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 200kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable.

Bulk Saving of Edits#

Good for the Soul Therapeutic Music Website Training

2025-04-30T19:23:01+00:00

What is Jamstack?
Logging In
Admin Dashboard Overview
- Home
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
- Toggle Blocks
- List Items
Editing Basic SEO Information
Special Considerations

What is Jamstack?#

Here are the main benefits of Jamstack:

Faster performance#

Serve pre-built markup and assets over a Content Delivery Network.

More secure#

No need to worry about server or database vulnerabilities.

Scalability#

If your website suddenly goes viral and has many active users, the CDN seamlessly compensates.

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.gftsmusic.com/ic-sec=gfts-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website and a list of recent activity.

Pages#

Here you will find a list of all your website pages.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, Twitter, LinkedIn, and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO, Menu, Hero, and Intro, followed by all content blocks the page uses. Each content block gives a brief overview of what is contained within it.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Toggle Blocks#

Editing Basic SEO Information#

Special Considerations#

Image Handling#

Uploading Images#

Important!

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 300kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

Bulk Saving of Edits#

Build Times#

GreenWin Website Training

2025-04-30T19:23:01+00:00

Logging In
Admin Dashboard Overview
- Home
- Inboxes
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
Editing Basic SEO Information
Dynamic Blocks
Adding New Team Member
Adding New Projects
Special Considerations

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://greenwindg.com/ic-sec=greenwin-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website, documentation, and a list of recent activity.

Inboxes#

See your form notifications, check spam, resend notification emails and export contacts to a spreadsheet.

Pages#

Here you will find a list of all your website pages. Pages are broken out by their section rather than being one large group.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Alternatively, your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, X, LinkedIn, TikTok and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. Alternatively, your changes will be bulk saved and you can publish all changes together. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO metadata, followed by all content blocks the page uses.
To edit a content block, click on the content block field, this will open all the fields contained within the block.
Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Dynamic Blocks#

The employee spotlight, featured projects, blog feed, careers feed and services slider are populated with dynamic content and therefor cannot be previewed in the editor live preview. Placeholder data will be shown in the editor instead.

Adding New Team Member#

To add a new team page, select the + Add button at the top right corner of the screen. Then click, + Add New Team Member. Optionally, you can also clone and existing post to use as a starting point.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image, weight, job title and more.
Note: Your SEO featured image, is used two ways for team pages. The featured image is used in metadata for social media and search engines, but also as the featured image of the page itself. This get's displayed at the top of every page.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, ensure that your post is not in draft state and click Save.

Adding New Projects#

To add a new project, select the + Add button at the top right corner of the screen. Then click, + Add New Project. Optionally, you can also clone and existing post to use as a starting point.
Once the editor is open you will see a simpler content structure than the rest of your pages. The post editor will contain the data editor.
Within the data editor, enter your post title, edit SEO data like page title, meta description and featured image and more.
Optionally add a YouTube video ID if you have a YouTube video to display.
Add additional project data like location and project complete date.
When ready to publish, ensure that your post is not in draft state and click Save.

Special Considerations#

Image Handling#

Uploading Images#

Important!

To optimize an image: Use a tool like Squoosh or another photo editing tool. Make sure to primarily use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 300kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable.

Bulk Saving of Edits#

Hurckman Mechanical Website Training

2025-04-30T19:23:01+00:00

Logging In
Admin Dashboard Overview
- Home
- Inboxes
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
Editing Basic SEO Information
Dynamic Blocks
Adding New Blog Posts
Editing Existing Blog Posts
Adding New Career Posts
Adding New Team Member
Adding New Projects
Editing Global Call to Actions
Special Considerations

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.hurckman.com/ic-sec=hurckman-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website, documentation, and a list of recent activity.

Inboxes#

See your form notifications, check spam, resend notification emails and export contacts to a spreadsheet.

Pages#

Here you will find a list of all your website pages. Pages are broken out by their section rather than being one large group.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Alternatively, your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, X, LinkedIn, TikTok and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. Alternatively, your changes will be bulk saved and you can publish all changes together. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO metadata, followed by all content blocks the page uses.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Dynamic Blocks#

Adding New Blog Posts#

To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add A New Blog Post. Optionally, you can also clone and existing post to use as a starting point.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image, date, author and category.
Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
To add an image to the body of your post click the Snippet button, then select responsive image. Upload or select your new image and add alternative text to describe your image.
Optionally, add an expert. The experts section is a really easy way to simply select a person from your team as the main contact and a CTA at the end of the post.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Editing Existing Blog Posts#

Navigate to Our News. Here you will see a list of all your website's posts. Select the post you are looking for by clicking on the preview image of the post. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
To edit your post content within the content editor, use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, click Save, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Adding New Career Posts#

To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add New Job Post
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image, date, author and category.
Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
Be sure to use the location data for each post. Location data is primarily used in schema data and provides more information to search engines. The location data helps with "near me" types of job searches.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
To add an image to the body of your post click the Snippet button, then select responsive image. Upload or select your new image and add alternative text to describe your image.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Adding New Team Member#

To add a new team page, select the + Add button at the top right corner of the screen. Then click, + Add New Team Member. Optionally, you can also clone and existing post to use as a starting point.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image, weight, job title and more.
Note: Your SEO featured image, is used two ways for team pages. The featured image is used in metadata for social media and search engines, but also as the featured image of the page itself. This get's displayed at the top of every page.
Weight is a number used to sort the order of your staff pages. If no weight is manually entered, any new pages will default to the end of the staff list.
Select Service Areas and Industries from a dropdown list populated by your pages within these sections of your website. This will automatically display and link to these pages on the front-end.
Share what this person loves about the company and add an employee testimonial.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need. Since most pages use a component based editing experience, these pages will want to open in the visual editor by default. These pages use a different template and do not use the visual editor. To switch to the content editor navigate to the dropdown menu in the top left corner and select "Content Editor". This will expose the main content body where each bio is managed.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Adding New Projects#

To add a new project, select the + Add button at the top right corner of the screen. Then click, + Add New Project. Optionally, you can also clone and existing post to use as a starting point.
Once the editor is open you will see a simpler content structure than the rest of your pages. The post editor will contain the data editor.
Within the data editor, enter your post title, toggle whether or not you want to feature the post, edit SEO data like page title, meta description and featured image and more.
Optionally add a YouTube video ID if you have a YouTube video to display.
Feature real words from your customers, add a customer testimonial and let them do the talking for you.
Select Services and Industries from a dropdown list populated by your pages within these sections of your website. This will automatically display and link to these pages on the front-end.
Add additional project data like location and project complete date.
Add Contacts, if you would like to display key contacts from your team who worked on this project. This will automatically display your team cards and link to these pages on the front-end.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Editing Global Call to Actions#

Navigate to Data > Global Blocks. Here you will see a list of Call to Action options for various sections of the website. The messaging changes slightly, but you only need to edit it in one place rather than going through each page manually.
Edit these just as simply as other pages or components.

Special Considerations#

Image Handling#

Uploading Images#

Important!

Bulk Saving of Edits#

Keynecta Customer Portal Website Training

2025-04-30T19:23:01+00:00

Logging In
Adding a New Customer Portal
Editing Customer Portal Content
Adding a Password
Adding a Custom Domain
Removing a Custom Domain

Logging In#

Your customer portal content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://app.cloudcannon.com

Enter your username and password and click "Sign In".

Adding a New Customer Portal#

Click "Add new Site"
Select "Build with your own files"
Site name: Enter your customer name as the name of your new site
File source: Navigate to the "File source" dropdown menu and select GitHub repository.
Repository: From the Repository dropdown select "Keynecta/client-portal.keynecta.com"
Branch setup: Choose "Create a new branch"
Source branch: From the "Source branch" dropdown, select "main". This allows you to create a copy of the base template for your new customer portal.
New branch name: use your customer name as your branch name. You will probably never need this again, but this will help organize the source code within the repository.
Click "Sync Files"
Build options: you don't need to worry about anything here, just click "Build site" to complete

Editing Customer Portal Content#

From the main dashboard, click "Update home". Alternatively, click "Pages", then click "Home"
By default, the customer portal starter template will contain two content blocks, a hero section and content cards. Click on either to open the details of that block.
Each field will be slightly different depending on the content type. Heading fields are a simple text input, body fields use a full WYSIWYG editor with more advanced controls and the ability to use bold, italics, lists and more.
When satisfied with your changes, click "Save" in the top right corner

Adding a Password#

Navigate to Site Settings > Authentication
Authenticaion: From the dropdown switch from the default of "None" to "Password"
Click "Switch to Password Authentication"
Site Password: Enter in your password of choice
Click "Update Site Password"

Adding a Custom Domain#

Navigate to Site Settings > Custom Domain
Choose your hosting option: Leave at the defaul of "Add new custom domain"
Domain Name: Enter in your custom domain in the format of customer-name.keynecta.com
Click "Add Domain"
You will be prompted with a "Confirm Billing Change", select "Accept Billing Increase"
That's it! Things like the SSL certificate will automatically install. It will take a few minutes to get set up.

Removing a Custom Domain#

Navigate to Site Settings > Custom Domain
Click "Remove"
Remove "Remove Custom Domain"
Click "Click to confirm"

Keynecta Website Training

2025-04-30T19:23:01+00:00

Logging In
Admin Dashboard Overview
- Home
- Inboxes
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
Editing Basic SEO Information
Adding New Blog Posts
Editing Existing Blog Posts
Special Considerations

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://app.cloudcannon.com

Enter your username and password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website, documentation, and a list of recent activity.

Inboxes#

See your form notifications, check spam, resend notification emails and export contacts to a spreadsheet.

Pages#

Here you will find a list of all your website pages. Pages are broken out by their section rather than being one large group.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Alternatively, your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, X, LinkedIn, TikTok and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. Alternatively, your changes will be bulk saved and you can publish all changes together. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO metadata, followed by all content blocks the page uses.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Adding New Blog Posts#

To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add A New Blog Post. Optionally, you can also clone and existing post to use as a starting point.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image, date, author and category.
Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
To add an image to the body of your post click the Snippet button, then select responsive image. Upload or select your new image and add alternative text to describe your image.
Optionally, add an expert. The experts section is a really easy way to simply select a person from your team as the main contact and a CTA at the end of the post.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Editing Existing Blog Posts#

Navigate to Our News. Here you will see a list of all your website's posts. Select the post you are looking for by clicking on the preview image of the post. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
To edit your post content within the content editor, use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, click Save, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Special Considerations#

Image Handling#

Uploading Images#

Important!

Bulk Saving of Edits#

MetalStorm Website Training

2025-04-30T19:23:01+00:00

Logging In
Admin Dashboard Overview
- Home
- Inboxes
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
Editing Basic SEO Information
Dynamic Blocks
Adding New Team Member
Adding New Gallery Images
Adding New Job Openings
Special Considerations

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://metalstorminc.com/ic-sec=metalstorm-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website, documentation, and a list of recent activity.

Inboxes#

See your form notifications, check spam, resend notification emails and export contacts to a spreadsheet.

Pages#

Here you will find a list of all your website pages. Pages are broken out by their section rather than being one large group.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Alternatively, your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, X, LinkedIn, TikTok and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. Alternatively, your changes will be bulk saved and you can publish all changes together. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO metadata, followed by all content blocks the page uses.
To edit a content block, click on the content block field, this will open all the fields contained within the block.
Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Dynamic Blocks#

The services feed, careers feed and staff feed are populated with dynamic content and therefor cannot be previewed in the editor live preview. Placeholder data will be shown in the editor instead.

Adding New Team Member#

To add a new team page, select the + Add button at the top right corner of the screen. Then click, + Add New Team Member. Optionally, you can also clone and existing post to use as a starting point.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image, weight, job title and more.
Note: Your SEO featured image, is used two ways for team pages. The featured image is used in metadata for social media and search engines, but also as the featured image of the page itself. This get's displayed at the top of every page.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, ensure that your post is not in draft state and click Save.

Adding New Gallery Image#

Navigate to Pages, select Gallery
Once the editor is open you will see a simpler content structure than the rest of your pages.
Find the Gallery block and click + Add Gallery at the bottom of the list
Select an image or upload a new image to the library
When ready to publish, ensure that your post is not in draft state and click Save.

Adding New Job Openings#

Navigate to Careers
Either clone an existing item, or select + Add at the top right corner and click Add New Job Post
Fill in all the details for your new job opening
When ready to publish, ensure that your post is not in draft state and click Save.

Special Considerations#

Image Handling#

Uploading Images#

Important!

You will never want to upload a full-resolution image to your website. Images are the most resource-intensive form of media that your website will load. Loading full-size images will negatively affect the performance of your website and will hurt your search rankings.

To optimize an image: Use a tool like Squoosh or another photo editing tool. Make sure to use .jpg image files. Resize the image to the recommended display size. Lastly, lower the image quality to something like 85% - 90% quality. Try to shoot for under 300kb file size for all images you load to the website.

Bulk Saving of Edits#

You can take advantage of CloudCannon's bulk saving of edits. Make multiple edits across pages, files, and collections and save them all simultaneously in a single batch. CloudCannon records your edits as you go, allowing you to save them all in one click.

Milk Source Website Training

2025-04-30T19:23:01+00:00

What is Jamstack?
Logging In
Admin Dashboard Overview
- Home
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
Adding New Blog Posts
Editing Existing Blog Posts
Editing Basic SEO Information
Special Considerations

What is Jamstack?#

Here are the main benefits of Jamstack:

Faster performance#

Serve pre-built markup and assets over a Content Delivery Network.

More secure#

No need to worry about server or database vulnerabilities.

Scalability#

If your website suddenly goes viral and has many active users, the CDN seamlessly compensates.

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.milksource.com/ic-sec-milk-source-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website and a list of recent activity.

Pages#

Here you will find a list of all your website pages.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, Twitter, LinkedIn, and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO, Menu, Hero, and Intro, followed by all content blocks the page uses. Each content block gives a brief overview of what is contained within it.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Adding New Blog Posts#

To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add Blog
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, SEO data like page title, meta description and featured image, date, author and category.
Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
To add an image to the body of your post click the Snippet button, then select responsive image. Upload or select your new image and add alternative text to describe your image.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Editing Existing Blog Posts#

Navigate to Blog. Here you will see a list of all your website's posts. Select the post you are looking for by clicking on the preview image of the post. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
To edit your post content within the content editor, use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, click Save, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Special Considerations#

Image Handling#

All images throughout the website are configured and served through an image transformation service called imgix.com. Imgix automatically handles all images that are uploaded to the website, resizes them and transforms them into modern image formats like AVIF and WEBP. This means better website performance and less work on your end.

Uploading Images#

Important!

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. Use a tool like Squoosh, Photoshop, or similar image editing tool to resize and optimize your images. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 300kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

Bulk Saving of Edits#

Build Times#

Mind Team Website Training

2025-04-30T19:23:01+00:00

What is Jamstack?
Logging In
Admin Dashboard Overview
- Home
- Inbox
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
- Toggle Blocks
- List Items
Adding New Staff Pages
Adding New Blog Posts
Editing Existing Blog Posts
Editing Basic SEO Information
Inbox
Special Considerations

What is Jamstack?#

Here are the main benefits of Jamstack:

Faster performance#

Serve pre-built markup and assets over a Content Delivery Network.

More secure#

No need to worry about server or database vulnerabilities.

Scalability#

If your website suddenly goes viral and has many active users, the CDN seamlessly compensates.

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.mymindteam.com/ic-sec=my-mind-team-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website and a list of recent activity.

Inbox#

Inbox is where you can view and manage the email notifications from your contact forms.

Pages#

Here you will find a list of all your website pages.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, Twitter, LinkedIn, and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO, Menu, Hero, and Intro, followed by all content blocks the page uses. Each content block gives a brief overview of what is contained within it.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Toggle Blocks#

List Items#

CloudCannon list items give you the ability to drag and reorder blocks of content. List items will be shown with a grid of six dots, use these handles by clicking and holding the list item, now you can drag it into the order you prefer. To add a new list item, click the + Add button at the bottom of the list.

Adding New Staff Pages#

To add a new a new staff page, click on the Our Team section of pages within the admin menu options. Click the + Add button at the top right corner of the screen. Then click, + Add New Staff
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your page title, URL if a custom URL is preferred, SEO data like page title, meta description and featured image. Note: Your SEO featured image is used in metadata for social media and search engines.
Add new staff headshot
Add job title
Add Zoom room URL
Select a weight, your weight will control the order in which staff get displayed on the page. Without a weight, new team members will be added at the end of the list and sorted in alphabetical order.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Adding New Authors#

To add a new author to your blog, click Data, then click authors.
Click the + Add button in the top right or clone an existing author.
Enter in your new author title and name to match exactly as what their name is on their staff page.
Select their headshot
When ready to publish, click Save in the top right corner.

Adding New Categories#

To add a new category to your blog, click Data, then click categories.
Click the + Add button in the top right or clone an existing category.
Enter in your new category title.
When ready to publish, click Save in the top right corner. This category will now be available to select when creating your next blog post.

Adding New Blog Posts#

To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add Blog
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, URL if a custom URL is preferred, SEO data like page title, meta description and featured image, date, author and category.
Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
To add an image to the body of your post click the Snippet button, then select responsive image. Upload or select your new image and add alternative text to describe your image.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Editing Existing Blog Posts#

Navigate to Blog. Here you will see a list of all your website's posts. Select the post you are looking for by clicking on the preview image of the post. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
To edit your post content within the content editor, use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, click Save, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Inbox#

Special Considerations#

Image Handling#

All images throughout the website are configured and served through an image transformation service called Imagekit.io. Imagekit automatically handles all images that are uploaded to the website, resizes them and transforms them into modern image formats like AVIF and WEBP.

Uploading Images#

Important!

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 300kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

Bulk Saving of Edits#

Build Times#

NEI Website Training Manual

2025-04-30T19:23:01+00:00

Table of Contents#

Table of Contents

Logging In#

To log in to the admin dashboard, navigate to https://www.nei-gb.com/wp-admin. Enter your username and password and click "Log In".

Admin Dashboard Overview#

Posts#

Posts are all your website's blog posts. We built custom post types for Press Releases and Awards and Recognition so your website doesn't use the default posts.

Media#

Media is where you upload all assets such as images, videos and PDFs. Media folder organization is powered by the free FileBird Lite plugin.

Important!

Forms#

Forms is where you will find your website's contact forms and can edit form settings and view/resend form submissions. Forms are powered by Gravity Forms.

Pages#

This is where you will find your website's primary pages.

Appearance#

This is where you will make some changes to some of your website's basic settings. Navigate to Appearance > Customize.

Plugins#

Users#

Add new users if you need to give access to additional employees who are going to edit posts on your website.

Settings#

This is where you will find a variety of settings ranging from general website settings to writing, reading and permalinks. All settings are already configured to meet your needs. Changing these can be very dangerous and can do harm to your website, only change settings here if you know what you're doing.

Theme Settings#

This is where you will find options to hook into some global components that are used throughout your website. Components such as Call to Action blocks and mega menu data can be found here.

SEO#

Editing Basic Website Information#

Managing Business Info#

Navigate to Appearance > Customize > Site Identity.
Here you can edit your website name, business address, phone, email and business hours.
While in the customizer, you will see your website dynamically update with your changes. When ready to publish to the front end of your website click "Publish" in the top left corner.

Navigate to Appearance > Customize > Social Media.
Here you can enter or edit your social media channels.

Insert Scripts#

Navigate to Appearance > Customize > Insert Scripts.
Paste script into either the header or footer section depending on instructions provided by the script creator. When done click "Publish" in the top left corner.

Adding and Managing Media#

Navigate to Media. Here you will see all assets in your media library. By default, WordPress doesn't allow grouping or organizing of images into folders. We use the free FileBird Lite plugin to add this functionality. On the left-hand side, you will find all the image folders that were created to help organize images.
To add new media from directly within the media library, first, click on the folder that you want to add your image.
Next, click "Add New" and then either drag and drop files from your computer, or click "Select Files" to upload an image.
Lastly, add alternative text to your image. Alt text can provide a small amount of SEO value as search engines use alt text to gather information about your images. Most importantly, image alt text is used by screen readers. Screen readers use alt text to read a description of your image when someone with a visual impairment cannot see the actual image. Write alt text exactly like you're describing the image to someone who cannot see it.

Managing Forms#

Navigate to Forms. Your website uses two forms, "Contact Form" for the primary contact form and "Employment Form" for the job application form.
If for some reason you ever need to edit a form, simply click on the form title.
Edit existing fields or add new fields as you require then click "Save Form" in the top right corner.

Adding and Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by either clicking the page title or by hovering and clicking "Edit" in the options that appear. To quickly find pages, use the search option in the top right corner of the page.
Your website uses the default WordPress editor to build and manage all page content and layouts. Make sure to walk through their tour as you get started with the editor.
The Gutenberg editor gives you a preview of your blocks that is fairly close to the front-end styling of the block. To edit a block, click anywhere on the block. This will toggle open the available fields that are contained within the block.
After you have made your edits, you can click out of the block and it will revert back to the preview state. When ready to publish your changes to the front end of the website, click "Update" in the top right corner.

Creating a Custom Hero Block#

Click the + in the top left of your editor to toggle the block inserter.
Select "Custom Hero".
Enter your Hero Title. This Hero Title often feels like a duplicate of the page title, but was created intentionally to allow the flexibility to craft hero titles independent of the page title.
Add an optional Hero Body.
For extra flexibility, the hero background images use the default WordPress featured image. This allows the image to be used as the background image of this block, but also allows it to be used in metadata for search engines and social media websites where your website might be shared. To set your featured image, navigate back to the Page settings in the right-hand sidebar. Click "Set featured image".
Select your image from the media library, or click "Upload files" to add a new image.

Creating an Intro Block#

Click the + in the top left of your editor to toggle the block inserter.
Select "Intro".
Enter your heading.
Select a Heading Accent Style. You can choose from a vertical or horizontal accent.
Enter your body copy.
Select an optional link(s).
The intro block comes configured with two background images that can be toggled on or off, a topography style and a floorplan style background. Simply check the option that you want to use.

Creating a Page Block#

Click the + in the top left of your editor to toggle the block inserter.
Select "Page Block".
Enter your heading and optional subheading.
Select a Heading Accent Style. You can choose from a vertical or horizontal accent.
Enter your body copy.
Select either a left or right text column position. This allows the block to be easily flipped for quick customization throughout pages.
Select a Text Fade Direction. The Text Fade Directions on all existing blocks are configured to be opposite of the text column position.
Select an Image Reveal Direction. The Image Reveal Direction on all existing blocks is configured to be the same as the Text Column Direction.
Select an optional link(s).
Select a background color.

Adding Call to Action Blocks#

Click the + in the top left of your editor to toggle the block inserter.
Select the Call to Action block that you want to use. There are multiple options, Contact us, Meet our Team, Careers and Portfolio.
These blocks were built to be more flexible and available to be used globally in the WordPress editor and across all templates. Because of that, these global Call to Action blocks aren't editable in the page editor otherwise you would have to adjust content in multiple places if you made an update. Instead, these can be edited in the global Theme Settings. Update once and your block will update everywhere that it is used.

Yoast SEO#

Adding and Managing Staff#

Navigate to Pages and find the existing staff page you need to edit or use the search bar in the top right to search by staff name. Click on the post title to open.
To add new staff pages, click "Add New" or hover over an existing staff page and click "Clone". If you clone an existing page, you can skip steps 4 and 5 below. Staff pages use a custom layout called "Leadership Template". Page templates can be found in the right-hand sidebar under "Template". Simply select your template from the dropdown list of available templates.
While in the editor sidebar, scroll down to the "Featured image" section and set your staff headshot to your featured image.
Lastly, scroll down to the "Page Attributes" section and set the "Parent Page" to "Leadership Team".
After the "Leadership Template" is selected, a set of custom fields will appear called "Leader Info". Here you can set the employee's job title and bio.
By default, WordPress was created to be a blogging platform, so it sorts all posts by date under the assumption you're posting a blog. To ensure the intended order of the leadership display, you need to configure two things, the publish date and the order. To make it easy to edit, staff were set with published dates starting on Jan. 1, 2022, and run through Jan. 19, 2022. To add a new employee to the end of the staff list, enter the publish date of Jan. 20, 2022, and then also set the order to 20. While in the page editor, the page publish date can be found under the "Status & visibility" section. Order can be found under the "Page Attributes" section.

Adding and Managing the Portfolio#

Navigate to Portfolio. If editing an existing project, find the project in the portfolio list, or search for the project by name in the search bar at the top right of the page. Click on the post title to edit.
To add new Portfolio posts, click "Add New Project".
Enter your project title.
Click open the "Project Details" option. Here is where you will enter and store all data for your project.
Fill in the "Project Specs" section with Client, Location, Size, etc.
Fill in the "Services" section with a list of services that were provided for the project.
Fill in the "Project Scope" section with a description of the project.
Add images to the "Project Gallery" by clicking "Add to gallery" at the bottom left. Select your images from the media library or select "Upload files" to upload new project images. After selecting your images, click "Select" in the bottom right corner. Now you will see your images in your Project Gallery. From here you can drag and drop images to change their display order.
Scroll down to the Yoast SEO section to enter your SEO title and meta description for your new project.
Navigate over to the editor sidebar and find the "Project Categories" section. Select the project category/categories for your new post. Make sure to set both the category and subcategory. Ex. When adding a project to the Community subcategory, select "Commercial" and "Community" from the category list.
Next, set a featured image for this project.
Lastly, scroll down to the "Page Attributes" section and set a "Parent Page". Using the example from step 10 above, select "Commercial".

Adding and Managing Press Releases#

Navigate to Press Releases. If editing an existing release, find the release in the list, or search for the release by name in the search bar at the top right of the page. Click on the post title to edit.
To add a new Press Release, click "Add New".
Enter your post title.
Type out your post details in the post editor.
Scroll down to the Yoast SEO section and enter in a SEO title and Meta description.
Set a featured image.

Adding and Managing Awards#

Navigate to Awards and Recognition. If editing an existing award, find the award in the list, or search for the award by name in the search bar at the top right of the page. Click on the post title to edit.
To add a new Awards and Recognition post click "Add New".
Enter your post title.
In the editor sidebar, scroll down to the Award Details section. Enter in the Award Name, Association Name and Association Abbreviation.

Adding and Managing Careers#

Navigate to Careers. If editing an existing career, find the career in the list. Click on the post title to edit.
To add a new Career, click "Add New".
Enter in your post title.
Type out your job description in the post editor.
Scroll down to the Yoast SEO section and add an SEO title and Meta description.
Set a featured image for the position.
Scroll down to the "Position Details" section. Check whether the position is at the Green Bay or Sturgeon Bay location or both. Check whether the position is Full Time or Part Time.

Adding new users#

Type in the username for your new account.
Enter the email address of the new user.
Enter in a first and last name to make it clear who you are creating the account for.
Select the type of role that you want to give the new user. Read more about WordPress Roles.

SAS Rail Website Training

2025-04-30T19:23:01+00:00

Logging In
Admin Dashboard Overview
- Home
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
Content Blocks
Editing Basic SEO Information
Special Considerations
- Uploading Images
- Bulk Saving of Edits

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://sas-rail.com/ic-sec-sas-rail-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website and a list of recent activity. Click "Update home" to start editing your website.

Pages#

Here you will find a list of all your website pages.

Data#

Note: Not much of this is currently used on this website.

Data acts as a database of global information used throughout your website. Site Settings are general settings like your business name, address, phone number and so on.

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Note: This is not currently used on this website.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, Twitter, LinkedIn, and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO, followed by all content blocks the page uses. Each content block gives a brief overview of what is contained within it.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Content Blocks#

Your website currently contains the following blocks:

Columns#

Flexible columns that allow you to add an unlimited number of columns. Best paired with the Content block for general content or the Image Card block.

Content#

Generic content block, best for a heading and body copy pairing within the Columns block.

CTA#

Full-width Call to Action block. Use this to drive people towards the primary action you want them to take on your website.

Hero Simple#

Simple hero block with page heading, subheading and optional button. Use this section to concisely tell your website visitors what you do and what problems you will solve for them.

Hero With Form#

Simple split hero section with a contact form. Use this section to concisely tell your website visitors what you do and what problems you will solve for them.

Image Card#

Simple card with optional image.

Intro#

Simple intro section with section heading, body and button. Best used as a two to three sentence intro to your page content.

Media & Text#

A split column block with image column and text column.

Numbers#

Simple numbers block to showcase stats like years in business, % of money saved by using product etc ...

To add additional content blocks, click the "+ Add Content Block" button underneath the list of existing blocks. Select the block you want to use and add all heading, body, image and button fields etc ... Content blocks can be reordered by clicking and dragging the block to the position of choice. When ready to publish, click Save in the top right corner.

Editing Basic SEO Information#

Special Considerations#

Uploading Images#

Important!

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. Use a tool like Squoosh, Photoshop, or similar image editing tool to resize and optimize your images. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 200kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

Bulk Saving of Edits#

Stadium Bike Website Training

2025-04-30T19:23:01+00:00

What is Jamstack?
Logging In
Admin Dashboard Overview
- Home
- Inbox
- Pages
- Data
Editing Basic Website Information
- Managing Business Info
- Managing Social Media
Managing Pages
Adding New Event Posts
Editing Existing Event Posts
Editing Basic SEO Information
Inbox
Special Considerations

What is Jamstack?#

Here are the main benefits of Jamstack:

Faster performance#

Serve pre-built markup and assets over a Content Delivery Network.

More secure#

No need to worry about server or database vulnerabilities.

Scalability#

If your website suddenly goes viral and has many active users, the CDN seamlessly compensates.

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.stadiumbike.com/ic-sec=stadium-bike-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website and a list of recent activity.

Inbox#

Inbox is where you can view and manage the email notifications from your contact forms.

Pages#

Here you will find a list of all your website pages.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Managing Locations#

Navigate to Data > Locations. Here you will find a list of all data associated with each location.
Ex. To edit an item like your social media, scroll to the Social Media section.
Your website is preconfigured with options for Facebook, Instagram, Twitter, LinkedIn, YouTube and TikTok.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO, Menu, Hero, and Intro, followed by all content blocks the page uses. Each content block gives a brief overview of what is contained within it.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Adding New Event Posts#

To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add Event
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
Within the data editor, enter your post title, URL if a custom URL is preferred, SEO data like page title, meta description.
Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
Add event details by opening the Event data. Enter in all your event details.
To add custom add to calendar links to the post, you can optionally use this tool https://www.labnol.org/calendar/ to generate your links. Every service handles these links differently so this is the most straightforward way of doing this.
When ready to publish, ensure that your post is switched out of a draft state and click Save.

Editing Existing Event Posts#

Navigate to Events. Here you will see a list of all your website's event posts. Select the post you are looking for by clicking on the preview image of the post. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
To edit your post content within the content editor, use the formatting options of the WYSIWYG editor to style your post as you need.
When ready to publish, click Save, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

Inbox#

Special Considerations#

Image Selection#

Images on the web can be tough and it's important to be thoughtful with your image selection. In order to be responsive, the vast majority of layout based images are background images. These allows them to be flexible and adjust to the various screen sizes that they will be viewed on. As a result, some outer areas of images will not be displayed.

You should aim to select images that have center focused subjects and allow plenty of white space between subjects and the edges of your images. The same applies for images that contain embedded text content. Choose images that have lots of white space between text and the edges. Images that have text edge to edge will not fully display your embedded text content.

Image Handling#

Uploading Images#

Important!

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 300kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

Bulk Saving of Edits#

Build Times#

The Meat Block Website How-to

2025-04-30T19:23:01+00:00

Table of Contents#

Documents and Resources
Logging in
Admin Dashboard
Product Attributes
Product Filters
Add Product Filters to Shop Sidebar
Add Products
Simple Products
Group Products
Variable Products
Adding and Managing Specials
Editing Basic Store Information
Create Coupons
Adding New Users

Documents and Resources#

Adding and Managing Products

Logging In#

To log in to the admin dashboard, navigate to themeatblock.com/wp-admin. Enter your username and password and click "Log In".

Admin Dashboard#

Posts#

Posts are all your site's blog posts.

Media#

Media is where you upload all assets such as images and PDFs.

Forms#

Forms is where you will find your site's contact forms and can edit forms settings and view/resend form submissions.

Pages#

This is where you will find all of your site's primary pages.

Specials#

This is where you will post and manage specials.

Appearance#

This is where you will make some changes to some of your site's basic settings. Navigate to Appearance > Customize.

Users#

Users allows you to add new users if you need to give access to additional employees who are going to edit products, fulfill orders, manage specials, or additional blog authors.

Product Attributes#

Adding an Attribute Group#

Click here to open up the product attributes.
Type in the name you want for your new attribute group.
Slug will be auto-generated, you don’t need to do anything here.
Choose the sort order you want.
Click “Add attribute” when done.
When your attribute appears in the list on the right, click on the attribute title or “Configure terms” to edit that attribute group.

Adding Attributes to a Group#

Once you are in the attribute group you want to edit, type in the new attribute name that you want to add in the name field.
Slug will be auto-generated.
Description is only needed for internal purposes if you want to add a description. This may come in handy to help keep data clear and easy to understand.
Click “Add New” to finalize.

The product filters use product attribute groups to group similar products by specific features. This is to allow the ability to sort through various product attributes on the shop pages.

To set up a new product filter hover or click on the tab "BeRocket" then choose product filters > filters. Here you will see all the active filters. Simply select one to edit if needed. To create a new filter:

Click “Add Filter”.
Enter the title for the new filter, this is exactly as it will display to a user on the shop pages.
In the product filter settings, click the “Attribute” select box and select the attribute that you want to filter.
Move down to the advanced settings, check “enable collapse option”, then check “collapse this widget on load”.
Click “Save” on upper right.

Navigate to Appearance > Widgets.
Click and drag a “AAPF Filter Single” widget over to your sidebar area on the right.
Click the new filter to open the filter options.
Select the filter you want to apply.
Click “Save”.

Adding Products#

Simple Product#

Type in your product name.
Add in your product description in the WYSIWYG editor. This can be as detailed as you like. Text can be styled using the text editor options.
Set your products featured image, click “Set product image”.
Choose the image from your image library or upload a new image.
Image size should be about 700px x 700px.
A really nice free photo editor if you don’t have tools like Photoshop is https://pixlr.com/.
Save images as the lowest possible file size you can. Use a tool like https://tinypng.com/ to compress images and strip them of unnecessary data so they don’t slow down your website. Images should be no more than 100KB in size.
To add a gallery of images, click “Add product gallery images”, select as many images as you want from the media library or upload new images as needed. Remember to keep image file size in mind at all times.
Product Brands. This is an optional field built with brand recognition in mind. Use this to show users what division of The Meat Block each product represents. To set a brand image for a specific product, click on “Product Brands”. Click “Add Image”, select the brand logo you wish to display with the specific product.
Product Categories. Select the categories you wish to group this product. All the categories that were included in the sitemap should be added into the category list. If you don’t see the category you’re looking for, click the “Add new category” button, type in the category name you need, select a parent category if it applies, then click “Add new category” button to finalize your change.
Select the product type you are creating from the Product Data Dropdown box. You can either choose simple, grouped, or variable product.
In the “General” tab, enter your product price. And select tax status.
Enter a sale price, if you choose. You can even schedule sale prices to start and end on certain days.
In the “Inventory” tab add a SKU or stock keeping unit. This isn’t absolutely needed but will help with search results in search engines, and also when users are searching for products on-site.
Click “Manage stock” to select stock options if you want to limit a product to a set number of items. Choose whether or not you want to allow backorders. Select a “Low stock threshold” if you want to get email notifications from your store letting you know when a product is low.
In the “Shipping” tab, enter in your products shipping weight and dimensions.
“Linked Products” are Up-Sells, Cross-Sells and Related Products. Learn more about these types of sells here.
“Attributes” are how your products will be filtered on the shop pages. Attributes are ways to group products by their specific features. To add attributes you first need to make sure you have added your product attributes to your store. Some have already been set up for you. Back in your new product, click on the select box of attributes, find the attribute that you want and click “Add”. Next click on the “Values” field, this will open up a list of all the attribute options within that attribute group. Select the attribute that you want to apply. You can add as many attributes as you choose.

Tip: A quick way to see all your attributes in an attribute group is to click the “Select All” button under the values field. Now you can see all attributes and remove the ones you don’t need.

To add additional attribute groups, simply start the process over by selecting an attribute from the select box, and click “Add”. Then choose your attribute options.

Enter a product short description to give a product a one or two-sentence description that will show up “above the fold” next to the product image. This gives you a chance to draw the viewer in with a little detail before they get down to the full product description.
When you are ready to publish your new product to your site, scroll back to the top of the page, and click “Publish” in the top right corner.
For more information on adding products see the woocommerce documentation for adding products.

Group Product#

Follow all the steps as you would for adding a simple product.
In the “product data” section. Select the product type you want from the select field. Choose “Grouped Product”.
Click on “Linked Products” to see the new “Grouped Products” field. Here you can now add all the products that you want to add to this group.
Group products have to be products that are already published that you want to combine into one bundle.
Fill out all product data fields again as you would a simple product.
Click “Publish“ when done.

Variable Products#

Variable products are going to be the most complex products to set up.
To set up a variable product, select “Variable Product”.
Set up all your product settings just as you would for a simple product.
The major difference with variable products is that you will need to set attributes in order for these to work. To set your attributes click on the “Attributes” tab and set your attributes as you did for simple products.
Make sure to check the checkbox “used for variations”
Next go to the “Variations” tab. Here you can choose “Add variation” or “create variations from all attributes”. To add a new variation select “Add variation” and click “Go”.
Select the attribute that you want to add as a variation. Now you can click on the new variation and open up all the associated fields with that variation. You can set a product image, price, stock options, weight and dimensions or shipping class, and your description. Make sure to do this for all variations of the product.
When done click “Publish”.
Learn more about variable products.

Adding and Managing Specials#

Click on "Specials" in the admin menu or hover over and select Add New Special.
Type in your specials title.
In the post toolbar on the right hand side, click open the "Permalink" tab to edit your posts URL.
Next open the Categories tab. Select the type of special that you are creating. Specials are categorized as either Regular Specials or Seafood Specials.
Next open the Featured image tab. Here you will add the image for your special.

Important!

There will rarely be a time when you want to upload a full resolution image to your website. Images are the most resource-intensive form of media that your site will load. Loading full-size images will drastically affect the performance of your website.

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a jpg. If you are using an image editor like photoshop you will have image options when you save. Save as the lowest quality you can before your image starts to look bad. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

After you save your image drop it into an image optimizer such as https://tinypng.com/ This will optimize the image one step further for the web, typically cutting down the file size in half. You should shoot for under 100kb file size for all images you load to the site.

Editing Basic Store Information#

Managing Store Info#

Navigate to Appearance > Customize > Site Identity.
Here you can edit your logo, site name, business address, phone, email, and business hours.
While in the customizer, you will see your website dynamically update with your changes. When ready to publish to the front-end of your website click "Publish" in the top left corner.

Navigate to Appearance > Customize > Social Media.
Here you can enter or edit your social media channels.

Create Coupons#

WooCommerce has a built-in way to provide coupons with flexible configurations. To learn more about coupons and what you can all do first read more about coupons. To create a coupon:

Navigate to Marketing < Coupons.
Give your coupon a title for the promotion. Optionally, add a description.
Select the type of coupon that you want to configure. WooCommerce has three coupon types so it's important to learn each type and what they can all do.
Fill in all your coupon data as needed, and click "Publish" when done.
Share your new coupon code on your social media pages, email campaigns or however else you intend to share it!

Adding New Users#

Type in the Username for your new account.
Enter in the Email address of the new user.
Enter in a First and Last name to make it clear who you are creating the account for.
Select the type of role that you want to give the new user. You will likely want to choose Store Manager or Author depending on what they are going to be doing on the website. Read more about WooCommerce Roles and WordPress Roles.

Whistler's Run & Rescue Website Training Manual

2025-04-30T19:23:01+00:00

Table of Contents#

Table of Contents

What is Jamstack?#

Here are the main benefits of Jamstack:

Faster performance#

Serve pre-built markup and assets over a Content Delivery Network.

More secure#

No need to worry about server or database vulnerabilities.

Scalability#

If your website suddenly goes viral and has many active users, the CDN seamlessly compensates.

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.whistlersrun.com/ic-sec=whistlers-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website and a list of recent activity.

Inbox#

Inbox is where you can view and manage the email notifications from your contact forms.

Pages#

Here you will find a list of all your website pages.

Data#

Editing Basic Website Information#

Managing Business Info#

Navigate to Data > Site Settings.
Here you can edit your business name, address, phone, fax, email and social media links.
As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website. Or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Navigate to Data > Site Settings.
Your website is preconfigured with options for Facebook, Instagram, Twitter, LinkedIn, and YouTube.
Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
Click "Save", to publish your change. As soon as you add a link to any of these, the appropriate icon will be displayed in the "Connect With Us" section in the footer of your website.

Managing Pages#

Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO, Menu, Hero, and Intro, followed by all content blocks the page uses. Each content block gives a brief overview of what is contained within it.
To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner of the editor.

Adding Events#

Event management is done through the events management software Loxi.

Log into Loxi.
Click the plus icon in the left hand sidebar area called "Create an Event".
Enter in your event title and event date at a mimimum in order to get started. Optionally, add in your event image and description.
After your initial event details are started, you will be taken to the full events settings page. Go through all of these options to find all the options available for your event.
Click the "Publish" button at the bottom right of the page to publish your new event.

Editing Basic SEO Information#

Inbox#

Special Considerations#

Image Handling#

Uploading Images#

Important!

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should almost always shoot for under 300kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.

Bulk Saving of Edits#

You can now make multiple edits across pages, files, and collections and save them all simultaneously in a single batch. CloudCannon records your edits as you go, allowing you to save them all in one click. This means you only need to wait for your site to build once.