1 – Supported Blog Content
Caption

1 – Supported Blog Content

Welcome to the Care Blog. This page shows some of the content you can use in this blog that has been tested in Firefox, Chrome, Safari, Opera, MS Edge 15 and Internet Explorer 11 on the Desktop, as well as on the iPhone and iPad. The next page contains screenshots of the blog options that have been developed for this blog that give you additional flexibility. The 3rd demo page shows you the options you have using the “care button” shortcode that comes in the 9 different care colours in 3 different sizes, alignments and with the option to open the button in the same window or in a new one.

A few additional points to get you started:

This blog has been developed with the new WordPress Gutenberg Editor that for now is still a plugin and can be disabled but will be part of the WordPress core later this year.

If this blog is being used by multiple bloggers, a new user account has to be created for each author so his/her name will appear at the top of the blog posts. To enable the “author box” below each post, just add a short bio on the user profile page in the WordPress dashboard. The social  icons will likewise appear when you add social networks there. The same applies to the author avatar that can be added on the user profile directly, or on Gravatar. I would suggest to add new bloggers with the access level  “Editor”.

The social sharing icons at the bottom of each post and in the  floating sidebar work out of the box, however, to enable sharing on Facebook, an app needs to be created on Facebook Developers where the URL of the live site has to be added and the App ID needs to be added on the Easy Social Share options page. Additional information about the Easy Social Share plugin, like how to use the build in analytics can be found on their website. 

To change the blog header image, just upload a new image in “Slider Revolution” into the ‘blog’ slider. The page header text can be changed in the new WPBakery Page Builder “Blog” template.

The site search has been upgraded with a search filter. Searching from the site navigation will return products and pages – searching from the blog sidebar will return blog posts. However, a filter has been added on the search page itself that allows you to select the content types you are looking for, 

Below is now some demo content with some additional instructions to give you a quick overview of what can be used and what has been tested. If you come across any bugs on devices or in browsers that I don’t have access to please send a screenshot to ten.nilssergknarfnull@olleh. Thanks!

Paragraph header h2

This drop cap is optional and can be activated for each paragraph block from the editor options. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus. Phasellus in venenatis sapien.

Paragraph header h3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Paragraph header h4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Default Editor Blockquote – Lorem ipsum dolor sit amet, & consectetur adipiscing elit. Nulla a ligula ut arcu tempus sed sed neque.

citation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Blockquote with “additional css class” care-blockquote-1 – Lorem ipsum dolor sit amet, & consectetur adipiscing elit. Nulla a ligula ut arcu tempus sed sed neque.

citation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Blockquote with “additional css class” care-blockquote-2 – Lorem ipsum dolor sit amet, & consectetur adipiscing elit. Nulla a ligula ut arcu tempus sed sed neque.

citation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Sub Heading: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu tempus sed sed neque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Text Alignment

TEXT ALIGN LEFT – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu tempus sed sed neque.

TEXT ALIGN CENTER – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu tempus sed sed neque.

TEXT ALIGN RIGHT – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu tempus sed sed neque.

Bold, Italic, Strikethrough & Text Link

Lorem underline dolor sit H20 amet, bold adipiscing elit. Nulla a italic ut x2 arcu strikethrough sed text link. Some formats such as underline, sub and sup have to be added as HTML elements

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis another text link. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Preformatted Text

$wp_customize->add_setting( 'inc_options[blog_placeholder]', array(
    'default'                   => 'image.jpg',
    'capability'                => 'edit_theme_options',
    'type'                      => 'option',
    'sanitize_callback'         => 'inc_sanitize_image',
));

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Verse (scroll right)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu tempus sed sed neque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Image without Lightbox

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Image with Lightbox – to enable, copy image URL from Media Library and add as image link.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Gallery with Caption & Lightbox

To enable the lightbox for galleries, select ‘link to media file’ from the block sidebar options menu in the editor

UPDATE: The new Gutenberg Gallery is not supported by Internet Explorer 11. Use legacy WordPress Gallery with shortcode like below instead.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus.

Image Alignement

Care Huggle - Digestive Health
Caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus. Phasellus in venenatis sapien. Vivamus velit leo, faucibus vel dapibus a, egestas id tellus. Suspendisse imperdiet, orci sed tincidunt posuere, ligula odio rutrum ipsum, id aliquet mi felis pharetra diam. Ut porta lacinia libero, eget semper neque convallis ac. Nunc et lorem tellus. Integer mollis leo ut lectus tempor malesuada hendrerit felis aliquam.

Care Huggle - Pain Relief
Caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus. Phasellus in venenatis sapien. Vivamus velit leo, faucibus vel dapibus a, egestas id tellus. Suspendisse imperdiet, orci sed tincidunt posuere, ligula odio rutrum ipsum, id aliquet mi felis pharetra diam. Ut porta lacinia libero, eget semper neque convallis ac. Nunc et lorem tellus. Integer mollis leo ut lectus tempor malesuada hendrerit felis aliquam.

Care Huggle - Aromatherapy
Caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus. Phasellus in venenatis sapien. Vivamus velit leo, faucibus vel dapibus a, egestas id tellus. Suspendisse imperdiet, orci sed tincidunt posuere, ligula odio rutrum ipsum, id aliquet mi felis pharetra diam. Ut porta lacinia libero, eget semper neque convallis ac. Nunc et lorem tellus. Integer mollis leo ut lectus tempor malesuada hendrerit felis aliquam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus. Phasellus in venenatis sapien. Vivamus velit leo, faucibus vel dapibus a, egestas id tellus. Suspendisse imperdiet, orci sed tincidunt posuere, ligula odio rutrum ipsum, id aliquet mi felis pharetra diam. Ut porta lacinia libero, eget semper neque convallis ac. Nunc et lorem tellus. Integer mollis leo ut lectus tempor malesuada hendrerit felis aliquam.


A B
1
Lorem ipsum Lorem ipsum
2
Lorem ipsum Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus. Phasellus in venenatis sapien. Vivamus velit leo, faucibus vel dapibus a, egestas id tellus. Suspendisse imperdiet, orci sed tincidunt posuere, ligula odio rutrum ipsum, id aliquet mi felis pharetra diam. Ut porta lacinia libero, eget semper neque convallis ac. Nunc et lorem tellus. Integer mollis leo ut lectus tempor malesuada hendrerit felis aliquam.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus. Phasellus in venenatis sapien. Vivamus velit leo, faucibus vel dapibus a, egestas id tellus. Suspendisse imperdiet, orci sed tincidunt posuere, ligula odio rutrum ipsum, id aliquet mi felis pharetra diam. Ut porta lacinia libero, eget semper neque convallis ac. Nunc et lorem tellus. Integer mollis leo ut lectus tempor malesuada hendrerit felis aliquam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a vulputate ut, ultrices non ipsum. Integer non lacus in quam ultrices tincidunt a nec tellus. Phasellus in venenatis sapien. Vivamus velit leo, faucibus vel dapibus a, egestas id tellus. Suspendisse imperdiet, orci sed tincidunt posuere, ligula odio rutrum ipsum, id aliquet mi felis pharetra diam. Ut porta lacinia libero, eget semper neque convallis ac. Nunc et lorem tellus. Integer mollis leo ut lectus tempor malesuada hendrerit felis aliquam.

Author: Phill Williams

  • Avatar
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a ligula ut arcu scelerisque tempus sed sed neque. Duis rutrum nisl nisi. Donec urna ante, molestie eu ultrices quis, rutrum ut quam. Donec eros ligula, consectetur a…
    Top
    Bottom

    Send this to a friend