For example, if you look at the homepage of this website you will see our homepage banner block. This comprises a title, a description, a button and a video. Just below this you will see a logo block, which allows us to specify an intro paragraph (Over the years…) and then add a number of logos to display. Following that we have an experience block, then a case study listing block.

With Flexible Content Blocks, I have the power to change the content easily, remove blocks, add new blocks, move blocks up and down the page.

Adding / Removing / Moving

Adding New Blocks

To add a new block to a page/post, first of all scroll to the bottom of your existing blocks where you’ll find a button labelled Add Row or Add Block

This will reveal a tooltip that has a list of all the blocks available to you on your website. Simply click the block you’d like to use and it will insert it at the bottom of the page empty and ready for new content:

Inserting Block before another element

If you want to insert a block before one of your existing elements, this is also incredibly simple. Simply hover over your existing block title to reveal some little icons:

You will now see a plus icon top right, clicking this will reveal your list of blocks as above, but this time selecting one will insert the block above Homepage Banner.

Removing a Block

To remove a block, simply hover over the block title (as above) to reveal the three icons. You then just need to click the minus icon which will then prompt you to confirm you’d like to remove the specified block:

Simply click Remove to confirm your choice and the block will be removed. Alternatively click Cancel if you’ve changed your mind.

Cloning a Block

To clone an existing block, simply hover over the title (as above) and click on the middle icon (the two squares). This will copy your block and insert it directly below your chosen block. You can then update the content.

Moving a Block

To move an existing block up and down, hover over the title of the block (for example Homepage Banner) and you will see your cursor change to the 4 arrow icon:

Click down, hold and drag your element up and down. You will see as you do this it swaps positions with other blocks on the page.

Block Types

There are a number of different types of blocks available to you. Each block can be a different type. For example, we might have a Gallery block, a text block, a repeater block or otherwise. Below you will find some documents to explain the different types and how you work with them.

Repeater Blocks

A common block that I use is called a Repeater. This is a block that allows you to add content that can be repeated. For example, an FAQ block where you can add multiple questions would use a repeater.

With a repeater you have the option of dragging and dropping a row by simply clicking and dragging from the row number (see above – 1). You can clone existing rows using the little square icon highlighted above, remove rows by hovering over the right hand side and clicking the minus icon (seen above) and you can add new rows:

Gallery Blocks

A gallery block is exactly as described, it allows you to add multiple images to your field. The block looks as below:

To add new images to the gallery, click Add to gallery. This will open the media library where you can select the images you want to add (here you can tick multiple), once you’ve selected simply click the blue “Select button” at the bottom right”

Images

Image fields allow you to add a single image. Start by clicking the Add image button, then selecting your image from the media library (as above).

This will then show the image you’ve selected in place.

To replace the image, hover over your existing image and choose the cross icon. You can also update the title/meta data (used for SEO) by clicking the little pencil icon:

Simply click the blue Update Image button to apply your changes.

Text Area Fields

A text area field is a very simple field, it allows you to enter content exactly as you wish. The text area field doesn’t allow you to add any formatting (bold/italic etc…), this ensures the website remains consistent on the front end.

Text Field

Similar to the text area field, the text field allows you to add a small amount of text to populate part of your page:

WYSIWYG Field

WYSIWYG stands for What you see is what you get and is the approach taken by editors such as Microsoft Word. I tend to use these very sparingly on my client built websites as they offer the power to change colours, formatting, alignment and much more which can impact the overall look and feel of the website. These are likely to be seen on pages such as Privacy Policy where multiple headings and links are required.

There are multiple formatting options available through these fields, which are all accessed across the top toolba:

To apply any of the formatting options, you first need to highlight a piece of text within the editor then click the formatting option you want. The dropdown Paragraph option allows you to change a line of text in to a heading. Please refrain from using Heading 1 fields, these are generally already set within the banner blocks available to you.

On the bar above you can see bold, italic, unordered list, numeric list, quote, left align, centre align, right align, add a link. These are the options you are most likely to use. You are also able to add images by the “Add Media” button which will open your media library (see earlier fields for an example).

To add a link, simply highlight your text and click on the little chainlink icon:

Then just type your URL. If it’s a link to a page on your website, I recommend only using the relative part of the URL for example if your website is https://mywebsite.com/about-us/ only use /about-us/ don’t include https://mywebsite.com.

The post Flexible Content Blocks appeared first on Glenn Taylor Digital.

To manage your blog posts, start by logging in to WordPress and clicking on the Posts option on the left hand menu (or the All Posts option if hovering):

From here you’ll see a list of your existing blog posts laid out in a table:

Editing Blog Posts

To edit a blog post, start by clicking on the title of the blog post above (Our top tips…) or hover over to see an “Edit” option:

This will then open your blog post ready for editing. Blog posts are generally comprised of Flexible Content Blocks allowing you to build the perfect article. To get started with Flexible Content Blocks, see our other documentation. Flexible Content Blocks

Some blog posts may have a set of additional fields which are specific to the blog post in question. This may for example be a post image that is used for the listing page, they are generally found at the top of the page prior to the Flexible content blocks

Removing Blog Posts

To remove a blog post, simply hover over the blog post on the listing page and hit “Trash”

This will then move your blog post in to the trash section which you can find by using the filters at the top of the page:

Using the trash option is non-destructive and won’t result in you losing everything if done accidentally. To restore an article, hit the Trash filter as seen above to get to your trashed articles. You can then hover over the title of the article you want to restore and choose “Restore”:

Alternatively you can delete the item permanently. We generally dont recommend doing this unless you’re absolutely certain you don’t need this page. This cannot be undone.

Adding new Blog Posts

To add a new Blog Posts you can either click Add new at the top of the posts page, or click Add New underneath the Posts menu:

Post Status

WordPress offers multiple ways to manage posts and pages, and how / when they show on the website. There are two main statuses we use when managing websites.

Draft Posts

A draft post is an incomplete post. By default when you create a new post in WordPress it starts as a draft.

Above you’ll see the new post has a Status of draft. To publish it, simply click the blue Publish icon.

Published Posts

A published post is a complete post. Once you have published a post, it is then live and accessible through your website.

You can revert a published post back to a draft by simply clicking the little blue Edit icon alongside Status: Published, choose Draft then hit the OK button:

To confirm your changes, simply click the blue “Update” button and the post will be once again hidden from public view.

The post Managing Blog Posts appeared first on Glenn Taylor Digital.

To manage your pages, start by logging in to WordPress and clicking on the Pages option on the left hand menu (or the All Posts option if hovering):

From here you’ll see a list of your existing pages laid out in a table:

Pages work in pretty much the same fashion as blog posts on our websites, so if you have already read the Managing Blog Posts section, this may feel like dejavu.

Editing Pages

To edit a page start by clicking on the title of the page above (Our top tips…) or hover over to see an “Edit” option:

This will then open your page ready for editing. Pages are generally comprised of Flexible Content Blocks allowing you to build the perfect one. To get started with Flexible Content Blocks, see our other documentation. Flexible Content Blocks

Some pages may have a set of additional fields which are specific to the page in question. This may for example be a primary image that is used for the listing page, they are generally found at the top of the page prior to the Flexible content blocks

Removing Pages

To remove a page, simply hover over the page on the listing page and hit “Trash”

This will then move your page in to the trash section which you can find by using the filters at the top of the page:

Using the trash option is non-destructive and won’t result in you losing everything if done accidentally. To restore a page, hit the Trash filter as seen above to get to your trashed pages. You can then hover over the title of the page you want to restore and choose “Restore”:

Alternatively you can delete the item permanently. We generally dont recommend doing this unless you’re absolutely certain you don’t need this page. This cannot be undone.

Adding new Pages

To add a new page you can either click Add new at the top of the pages page, or click Add New underneath the pages menu:

Post Status

WordPress offers multiple ways to manage posts and pages, and how / when they show on the website. There are two main statuses we use when managing websites.

Draft Posts

A draft post is an incomplete post. By default when you create a new post in WordPress it starts as a draft.

Above you’ll see the new post has a Status of draft. To publish it, simply click the blue Publish icon.

Published Posts

A published post is a complete post. Once you have published a post, it is then live and accessible through your website.

You can revert a published post back to a draft by simply clicking the little blue Edit icon alongside Status: Published, choose Draft then hit the OK button:

To confirm your changes, simply click the blue “Update” button and the post will be once again hidden from public view.

The post Managing Pages appeared first on Glenn Taylor Digital.

Choosing a menu to edit

To choose a menu to edit, simply select the dropdown at the top of the page and click select:

Adding menu items

To add a new page or post to your menu, use the item navigator on the left hand side to locate your page:

Tick the page or post you’d like to add then click Add to Menu. You can also add Custom Links if the page you want isn’t there or it’s an external website:

Moving Menu Items

WordPress allows you to reposition menu items by simply clicking on the title of your page/post and dragging it in to a new position:

If your menu has a dropdown option to have child pages, you can drag your page over to the right slightly to indent it under a parent. This creates a submenu. Please be aware not all websites support this:

Removing menu items

To remove a menu item, simply click on the menu item you’d like to get rid off then hit Remove:

Save your changes

Remember to always save your menu changes by using the blue Save Menu button at the bottom right of the page:

The post Managing Menus appeared first on Glenn Taylor Digital.

This is where you’ll find social media URLs if relevant.

The post General Settings appeared first on Glenn Taylor Digital.

Locating your posts

Generally the CMS will be very well labelled and easy to find what you’re looking for. As an example we’ll look at an Events calendar setup. You can start by clicking in to Events on the left hand menu which will reveal your events:

To see how this screen works, you can refer to the Managing Blog Posts section. This will explain how to add new, edit, trash etc.

Managing Posts

So to edit your post/event/testimonial/case study, click in to it by clicking the title. Fields are all available to you in here, and as mentioned above if there are flexible components you can refer to the documents mentioned above.

Once you’ve finished editing, click Publish or Update at the top right.

The post Custom Post Types (Events/Case Studies etc…) appeared first on Glenn Taylor Digital.