latest version

Memoria Documentation

General Information

General Information

Thank you for purchasing Memoria! We’re very pleased that you have chosen our theme to use on your website. We’re doing our best not to disappoint you! Before you get started, please check out these documentation pages. Memoria can only be used with WordPress and we assume that you already have it installed and ready to go. If you don’t, please see WordPress Codex to get started.

Requirements

Before using Memoria, please meet the following requirements:

  • Essentials to run WordPress – Read more about WordPress Minimum Requirements – in case any doubts regarding the server, contact your host provider.
  • Latest version of WordPress, which you can download here.
  • Create secure FTP and Database.

Installation

In our guide, we will show you step by step instructions on how to install our WordPress theme for beginners. Below you will find two ways to install a WordPress theme.

Installation via Administration Panel

If Memoria files are downloaded from your Themeforest account, you can start an installation using WordPress administration panel.

Follow steps below to install the theme:

  • Step 1 - Once you’ve logged in to your administration panel, go to My Sites > Network Admin.
_images/Installation1.jpg

  • Step 2 - Then click on Themes > Add New, you will be directed to a page where you can choose available themes.
_images/Installation2.jpg

  • Step 3 - Once directed to the page, on the upper left side of the screen click on Upload Theme button.
  • Step 4 - Choose the Memoriatheme.zip file from your computer, then click Install Now.
_images/Installation4.png

  • Step 5 - Click on My Sites then go to Appearance > Themes and Activate Memoria.
_images/Installation5.png

  • Step 6 - After activating Memoria, you will be sent to Theme Installation Instruction steps. By following this steps you will be asked to install required plugins, activate them, and import demo content (required).
_images/Installation6.png

Common Install Error: Are You Sure You Want To Do This?

If you get the following question message when installing Memoriatheme.zip file via WordPress, it means that you have an upload file size limit. Install the theme via FTP or call your hosting company and ask them to increase the limit.

Installation via FTP

To install Memoria WP via FTP, follow steps below:

  • Step 1 – Unarchive Memoriatheme.zip file
  • Step 2 – Access your host web server using FTP client
  • Step 3 – Find directory wp-content > themes
  • Step 4 – Put folder Memoriatheme in directory wp-content > themes
_images/inst_dir.png
  • Step 5 - Go to your WordPress administration panel, navigate to Appearance > Themes then activate Memoriatheme.

Learn more:

Unyson, Extension, and Plugins

Some functionalities of the Memoria Theme are available because of the plugins we used to create it. Once Memoria is activated in your WordPress admin panel you should see notification about bundled plugins we recommend to install – they are included in Memoria package – so you don’t have to do anything more than click install and activate.

Unyson

Unyson is a framework for WordPress that facilitates development of a theme. This framework was created from the ground up by the team behind ThemeFuse from the desire to empower developers to build outstanding WordPress themes fast and easy. This documentation is heavily modified by createIT to ensure all custom extensions are well documented.

This documentation assumes you have a working knowledge of WordPress. If you haven’t, please start by reading WordPress Documentation.

Minimum Requirements

  • WordPress 4.4 or greater
  • PHP version 5.2.4 or greater
  • MySQL version 5.0 or greater

Installation

Unyson is part of Memoria plugin that should be activated to be able to use the fully use this theme.

After plugin will be activated you will notice the Unyson entry in the sidebar:

_images/unysone_extension.png
Configure the plugin by going to the Unyson menu and activating the following extensions:
  • Backup & Demo Content: This extension lets you create an automated backup schedule, import demo content or even create a demo content archive for migration purposes.
  • Breadcrumbs: Creates a simplified navigation menu for the pages that can be placed anywhere in the theme.
  • Visual Composer: Allows for seamless integration with Visual Composer.
  • SASS Compiler: Compiles SASS files. Remember to activate it when you are going to change theme colors via Customize.
  • Memoria Team: This extension will add team post type support.
  • CT Testimonials: This extension will add testimonials post type support
  • CT Twitter: This extension will add twitter shortcode.
  • CT Footer: This extension will add footer sidebars and options.
  • CT Obituaries: This extension will add obituaries post type support.

License

The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software. Unyson inherits the General Public License (GPL) from WordPress.

Extension

On the Unysone page you’ll see a list of avaliable extensions separated in two sections:

Active Extensions - Extensions that should be activate to be able to fully use Memoria WP theme functionality:

Available Extensions - Extensions not yet downloaded or activate.

Note

We recommend to not activate any of the extensios that are not part of the list above. They may not be compatible with the theme and could create unexpected issues.

Plugins

Visual Composer
_images/vc.png

Simply drag and drop elements to build your page content. We prepared components which will help you determine main structure of the webpage – easily set up backgrounds, colors and styles for whole sections as well as lots of various smaller components which you can freely put wherever you want.

Note

As the VC plugin used with Memoria WP Theme is part of a bundle, that mean that theme author has a license and only he/she can download latest versions of VC and include it in the theme. You as a theme user may use Visual Composer free of charge while you use the theme that came with VC (because you have a license for that theme).

Learn more:

For more information about Visual Composer, please check articles below:

Slider Revolution
_images/Installation7.png

How to activate the plugin

Slider Revolution is included in Memoria WP package – so you don’t have to do anything more than click install and activate as you do with other plugins.

If you are new user of the revolution Slider plugin or you just want to check some of it functionality feel free to check Slider Revolution Documentation created by the authors of this plugin.

Common questions:

Contact Form 7

Contact forms in Memoria WP are created with the use of Contact Form 7 Plugin. Below you will find information how to recreate Contact forms used in our theme by adding the correct markup for the Form section of this plugin.

_images/custom_form.png

If you never before used this plugin I suggest you to check Getting Started with ContactForm 7.

WooCommerce
_images/woo.png

WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.

With endless flexibility and access to hundreds of free and premium WordPress extensions, WooCommerce now powers 30% of all online stores — more than any other platform.

Learn more:

Demo Content

Note

To be able to use theme content installation and backup functionality make sure to activate Backup & Demo Content Unyson’s extension.

_images/unysone_extension.png

The fastest and easiest way to import our demo content is to use Theme Options Demo Content Installer. It will import all pages and posts, sample slider, widgets, theme options, assigned pages, and more.

Import Demo Content

To import our demo content, please follow the steps below:

  • Step 1 – Navigate to Tools where after activating the Unyson extension Demo Content Install option will be available

    _images/demo_content_inst.png
  • Step 2 – Choose import option you want to use from available options

  • Step 3 - To be able to continue you need to agree to this term.

    _images/warning_message.png
  • Step 4 – Wait until the content will be installed

    _images/install_new_content.png

Importing can take a few minutes. Please be patient and wait for it to complete. Once it is loading, you will see message with indicating progress.


We recommend this approach on a newly installed WordPress. It will replace the content you currently have on your website. However, we create a backup of your current content in (Tools > Backup). You can restore the backup from there at any time in the future.

_images/tools_backup.png

Support

All of our items comes with free support. Free support is limited to questions regarding the themes features or problems. We provide premium support for code customisation or third-party plugins.

Note

Our support hours: 10:00 AM – 6:00 PM UTC +1 on Monday to Friday.

Free Support

For issues and concerns, you can reach us through these support methods:

  • E-mailsupport@createit.pl

  • Help Desk – Click here to go to our support website. Just click on the Submit Ticket button and follow instructions to create a ticket.

  • Forum – Comment/Post on the product you have issues/queries in ThemeForest or CodeCanyon websites.

    Before You Post in a Forum

    We urge you to follow the steps below, before you post a new topic on the forum, to speed up your request. It’s in everyone’s interest and will benefit in making the entire forum more efficient:

    • Step 1 – Always check the Documentation and the Knowledgebase Section. Most questions are already answered in those areas.
    • Step 2 – If your question hasn’t been brought up on the forum, please post a new topic. Always be as specific as possible. Creating a topic requires entering the live URL to your home page or page that shows the issue in question. It also has bars for WP and FTP login info, which aren’t required, however, providing us with your login information can save a lot of time for both of us. Login credentials are securely stored and accessible only by our support staff.
    • Step 3 – We usually answer questions in 24 hours on working days. However, if you don’t get any answer within 72 hours bump up your question or send us an e-mail.

For all support methods, you will receive confirmations and replies on your queries through e-mail or by tracking your ticket which you will also get through e-mail. To track your ticket, please click here.

Once we reply to your query, each ticket will be open for 7 days without a reply from you. On the 6th day without a reply, an e-mail will be sent to notify you of the ticket’s inactivity. To make the ticket active again, you simply need to reply or follow the steps in the e-mail. If you won’t make the ticket active within 7 days, on the 8th day the ticket will automatically be closed.

Premium Support

We can create your website from scratch, redesign it or just extend the current ones. For more information, please take a look at our website. Typical issues covered by Premium Support:

  • Custom CSS
  • Support for third party software and plug-ins
  • WordPress Installation with Theme configuration
  • Server configuration
  • Site structure modifications
  • Graphic adjustments, etc.
  • WordPress general howto’s

Page

You can use Pages to organize and manage any content on your website. You can create multiple pages on your website for different types of content or setup onepager with scroll-to-section menu.

Create New Page

To create a new Page in Memoria follow the steps below:

  • Step 1 - In Dashboard, navigate to Pages > Add New. You will be directed to a page where you can add details on the page.

    _images/newPage.png
  • Step 2 - Add the Title of the page.

  • Step 3 - Add content – we recommend you to create page content using Visual Composer or by modifying demo content.

    _images/newPage1.png
  • Step 4 - Choose page attributes.

    _images/newPage2.png
    • Parent – If you want to create this page as a subpage.
    • Template – You can choose one of defined page templates
    • Order – The order of the page.
  • Step 5 - After adding all the contents of the page, click on the Publish button.

Create Page Using Visual Composer

When using Visual Composer to add content, you have 2 Editor options, the Backend Editor and Frontend Editor.

_images/newPage3.png
Backend Editor
_images/newPage4.png
Frontend Editor

In adding contents to the page, there are many options to choose from. Some of the options are:

  • Elements - You will be able to choose elements that are needed and used on the page.

    _images/newPage5.png
  • Text Block – This is where you add Text to the page.

    _images/newPage6.png
  • Row – An area where you can add elements.

    _images/newPage7.png

Homepage Setup

If you have added some pages via Pages > Add New you can choose one and set it up as a homepage.

Use Static front page tool in Settings > Reading and choose from the list your homepage. Remember to click Save changes at the end of editing.

_images/newPage8.png

Memoria Elements

Memoria Custom Shortcodes

With Memoria comes many custom shortcodes for (Visual Composer) VC that are used to show content created in Memoria.

Below you will find short information about this Visual Composer elements:

_images/shortcodes.png

Button

_images/shortcodes1.png

This theme comes with VC element that give you the option to create buttons that can be used in the theme.

_images/shortcodes2.png

-General Tab-

  • Text - Text inside the button.
  • URL - URL link for the button.
  • Style - the buttons style.
  • Button size - Size of the button.
  • Color - Color of the button.
  • Alignment - Alignment of the button in the row.

-Design options Tab-

  • Design options - Add/Change the margin, border, or padding of the promo section.
  • Border color - Color of the border line.
  • Border style - The style of the border line.
  • Border radius - The size of the border.
  • Background - Background color or image of the promo section.

Sample Button in Page

_images/shortcodes36.png

Counter

_images/shortcodes3.png

This will let you a dynamic counter from 0 to the number you set the counter on your page.

_images/shortcodes4.png

-General Tab-

  • Counter Number - Number you set the counter to reach.
  • Counter Sign - Set a sign to add beside the counter number.
  • Title - Title of the counter.
  • Select color - Text color of the title.
  • Subtitle - Subtitle of the counter.
  • Select color - Text color of the subtitle.

Sample Counter in Page

_images/shortcodes37.png

Form

_images/shortcodes5.png

You will be able to add forms on the page using this element.

_images/shortcodes6.png

-General Tab-

  • Desired number of form(s) - The set number will be the determine how many form details are going to show below this option.
  • Alert Title
  • Alert Message
  • Select color
  • Display close button

Sample Form in Page

_images/shortcodes38.png

Styled Google Maps

_images/shortcodes7.png

Lets you add a styled google map on a page. You will be able to customize this map in the Styled Google Maps Settings.

_images/shortcodes8.png

-General Tab-

  • Address - Set an address for the map.
  • Latitude - Option to add a latitude of the address.
  • Longitude - Option to add a longitude of the address.
  • Custom map height - Height of the map.
  • Zoom - Zoom percentage of the map.
  • Map marker - Option to add a custom map marker.
  • Map style code - Paste “JavaScript Style Array” here, you can find and create it on: snazzymaps.com

Sample Styled Google Maps in Page

_images/shortcodes39.png

Iconbox Without Background

_images/shortcodes11.png

This element lets you add an iconbox without a background on a page.

_images/shortcodes12.png

-Icon 1 to 4 Tab-

  • Enable this box - Option to enable this iconbox.
  • URL (Link) - URL for the icon.
  • Icon - Set an Icon for this iconbox.
  • Select Icon color - Set an Icon color for this icon.
  • Icon size - Set the size of the icon in the iconbox.
  • Background shape - Set the shape and style of the icon.
  • Select background color - Background color of the iconbox.
  • Title - Title of the icon box.
  • Select title color - Color of the title’s font.
  • Element Tag
  • Font weight - Weight value of the text.
  • Subtitle - Subtitle of the title.
  • Select subtitle color - Color of the subtitle’s font.
  • Description - Description of the iconbox.
  • Select description color - Text color of the description.

Sample Iconbox Without Background in Page

_images/shortcodes40.png

Iconbox With Button

_images/shortcodes13.png

This element lets you add an iconbox with button on a page.

_images/shortcodes14.png

-Icon 1 to 4 Tab-

  • Enable this box - Option to enable this iconbox.
  • Icon - Set an Icon for this iconbox.
  • Select Icon color - Set an Icon color for this icon.
  • Title - Title of the icon box.
  • Element Tag
  • Font weight - Weight value of the text.
  • Select title color - Color of the title’s font.
  • Description text - Description of the iconbox.
  • Select description color - Text color of the description.
  • Display button - Option to display a button in the iconbox.
  • Text - Text inside the button.
  • URL (Link) - URL for the icon.
  • Style - Style of the button.
  • Button size - Size of the button.
  • Color - Color of the button.
  • Alignment - Alignment of the button in the iconbox.
  • Select background color - Background color of the iconbox.

Sample Iconbox With Background in Page

_images/shortcodes41.png

List

_images/shortcodes15.png

Display a list with a set style and list items.

_images/shortcodes16.png

-General Tab-

  • List style - Style of the list being displayed.
  • Desired number of list items - Number of list items being displayed. The set number will determine the number list details will show in List Tab.
  • Enable bold text - The price of the listing.

-Design options Tab- You can customize the distance of the list from each other by adding padding top and bottom.

  • Design options - Add/Change the margin, border, or padding of the lists.
  • Border color - Color of the border line.
  • Border style - The style of the border line.
  • Border radius - The size of the border.
  • Background - Background color or image of the lists.
-List Tab-
  • List # - Text of the list.
-Background- - Will only work with List style > List Group with Background
  • -Select color- - Set the color you want as background.

Sample List in Page

_images/shortcodes42.png

List with Icon

_images/shortcodes17.png

Display a list w/ icon with a set style and list items.

_images/shortcodes19.png

-General Tab-

  • List style - Style of the list being displayed.
  • Enable List Group - Option to make list to a list group.
  • Desired number of list items - Number of list items being displayed. The set number will determine the number list details will show in List Tab.
  • Enable bold text - The price of the listing.

-Design options Tab- You can customize the distance of the list from each other by adding padding top and bottom.

  • Design options - Add/Change the margin, border, or padding of the lists.
  • Border color - Color of the border line.
  • Border style - The style of the border line.
  • Border radius - The size of the border.
  • Background - Background color or image of the lists.

-List Tab-

  • List # - Text of the list.
  • Icon color # - Color of the icon of a list.
  • List icon - Icon for the list.

-Background- Will only work with List style > Fancy Container with Color

  • -Select color- - Set the color you want as background.

Sample List in Page

_images/shortcodes43.png

FAQ

_images/shortcodes18.png

This element lets you add FAQs with a filtering of categories on the page.

_images/shortcodes20.png
  • Choose a FAQ Category - Category of the FAQs that you want to show.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Limit - Set results limit.

Sample FAQ in Page

_images/shortcodes44.png

FAQ with background

_images/shortcodes21.png

This element lets you add FAQs w/ a background with a filtering of categories on the page.

_images/shortcodes22.png
  • Choose a FAQ Category - Category of the FAQs that you want to show.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Limit - Set results limit.

Sample FAQ with background in Page

_images/shortcodes45.png

Team

_images/shortcodes23.png

This element will display the team members item in the page.

_images/shortcodes24.png
  • Name Color - Title for the promo section.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Limit - Set results limit.
  • Choose a Team Category - Set a category of the team you would like to display.

Sample Team in Page

_images/shortcodes46.png

Testimonials

_images/shortcodes25.png

Gives you an option to show people dynamic Testimonial Items that are made on your site.

_images/shortcodes26.png

-General Tab-

  • Color - Color type of your background where you will add the testimonials.

-Filters Tab-

  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the testimonials order looks.
  • Order by - How the testimonials are ordered.
  • Specify ct-testimonials objects - Only selected testimonials are shown.
  • Exclude ct-testimonials objects - None of the selected testimonials will be displayed.
  • Specify terms of testimony-category taxonomy - Only show testimonials under the categories.
  • Exclude terms of testimony-category taxonomy - None of the testimonials under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample Testimonials in Page

_images/shortcodes47.png

Timeline

_images/shortcodes27.png

This element will let you show Timeline items in your page.

_images/shortcodes28.png

-General Tab-

  • Timeline header color - Color type of your background where you will add the testimonials.
  • Timeline date color -
  • Timeline description color -

-Filters Tab-

  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify ct-timeline objects - Only selected posts are shown.
  • Exclude ct-timeline objects - None of the selected posts will be displayed.
  • Specify terms of category taxonomy - Only show posts under the categories.
  • Exclude terms of category taxonomy - None of the posts under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.

Sample Timeline in Page

_images/shortcodes48.png

Twitter

_images/shortcodes29.png

This element will let you connect to your twitter where all recent post will also be posted on your site. To get the information needed for the Twitter account, click on this link.

_images/shortcodes30.png
  • Title - Title of the Twitter display post.

    Note

    The following information are from the Twitter account you created.

  • username

  • customer key

  • customer secret

  • token

  • token secret

  • limit

  • text color

  • follow us button

  • new window?

  • parse url

  • parse media

  • parse user id?

  • parse hashtag?

  • embed images?

  • size of embeded images?

  • tweet length limit

  • cache results for X seconds


Sample Twitter in Page

_images/shortcodes49.png

Memoria Plugin Elements

Some plugins that are used in Memoria generates an element that helps customize the pages on your site. You will see the plugin elements as follows:

Contact Form 7

_images/shortcodes31.png

This is the plugin that can add a Contact Forms on a page. To know how to create a contact form, go to the Create Contact Form tutorial.

_images/shortcodes32.png

Revolution Slider & Revolution Slider 5

_images/shortcodes34.png

This plugin lets you add a slider that you made under the Slider Revolution. The slider revolution lets you make your own customized slider. To know how to use the slider revolution, go to the Create Revolution Slider.

_images/shortcodes33.png

Visual Composer

_images/shortcodes35.png

This element lets you customize your page using a simple drag and drop of elements to build your page content. You can easily setup the backgrounds, colors, and styles for a whole section as well as lots of various smaller components which you can freely put wherever you want.

Some of these elements are:

Single Image
_images/vcElement.png

This element will let you add a single image in your page.

_images/vcElement3.png
Video Player
_images/vcElement2.png

This element will let you add a video or MP3 file inside your page by adding the link for the video/MP3.

_images/vcElement5.png
Progress Bar
_images/vcElement6.png

This element will add an animated progress bar in your page.

_images/vcElement7.png
Chart
_images/vcElement8.png

This element lets you add a graph. These are the types of graph that you can add:

  • Pie

    _images/vcElement9.png
  • Round

    _images/vcElement10.png
  • Line

    _images/vcElement11.png

Blogs Posts

Memoria is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog post layouts. In addition, there are numerous theme options and shortcode options that allow you to customize how posts are displayed.

Create New Blog Post

No matter which method you use to display your blog posts, first thing you need to do is create them.

Memoria offers several blog post formats:

_images/newblog.png

Follow the steps below to create a blog post:

  • Step 1 - Navigate to Blog Posts > Add New in the Dashboard.
_images/newblog1.png
  • Step 2 - Create a title and insert your post content in the editing field. You can use any of our shortcode elements inside the post. If you want to use some additional fields, choose them from Screen Options at the top of the screen.
_images/newblog2.png
  • Step 3 - Add Blog Categories on the right side. Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category . To assign it to the post, check the box next to the Category name.
_images/newblog3.png
  • Step 4 - To add Tags, write the Tags at the textbox below the Blog Categories. Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical. Type the name of the tag in the field, separate multiple tags with commas.
_images/newblog4.png
  • Step 5 - To add a Single image, click the Featured Image box, select an image and click Set Featured Image.
_images/newblog5.png

To add more than one image, use Image Gallery (Visual Composer element) , each image will be a slide in the gallery slideshow.

Gallery can be created by adding images from Media gallery or by adding External links of the images that will be used.

_images/newblog6.png
  • Step 6 – To post Video, use Video Player (Visual Composer element) and paste the direct video URL from Youtube, Vimeo or Dailymotion and more.
  • Step 7 – to post Audio, use Video Player (Visual Composer element) and paste the direct audio URL from Soundcloud, Mixcloud and more.
_images/newblog7.png
  • Step 8 – For Quotation, use WordPress Blockquote option (Shift + Alt + Q). quote
  • Step 9 – For Links, use WordPress Inser/Edit Link option (Ctrl + K). link
  • Step 10 – Create an excerpt – Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts.
  • Step 11 – Once finished, click Publish to save the post.

You will see all the Blogs created at Blog Posts > All Posts.

Blog Index Page

The most popular way of displaying blog posts is to setup blog index page. There all of your posts will be displayed and ordered by publish date.

To set the page as your post page, navigate to Posts page tool in Settings > Reading and choose Blog index page from the ones you created.

_images/blogInPage.png

Note

On Blog index page you will see only your posts, so don’t add any other content to it.

Blog Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a blog would make it easier to locate and post on similar topics by category.

Create Blog Category

To create a Category for a blog, follow these steps:

  • Step 1 - Navigate your Dashboard to Blog Posts > Categories. You will see the Blog Categories page.

    _images/blogCat.png
  • Step 2 - In the page, find the Add New Category area. Add All the necessary information.

    _images/blogCat1.png
    • Name - The name of the category.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
    • Description - Description of the category.
  • Step 3 - Once done filling out the information of the category, click on Add New Category button to save.

Delete Blog Category

To delete a Category, navigate your Dashboard to Blog Posts > Categories.

In the Blog Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Blog Tags

Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical.

Adding tags to a blog post would make it easier to relate a post with another post even if the categories are different.

Create Blog Tags

To create a Tag for a blog, follow these steps:

  • Step 1 - Navigate your Dashboard to Blog Posts > Tags. You will see the Tags page.

    _images/blogTag.png
  • Step 2 - In the page, find the Add New Tag area. Add All the necessary information.

    _images/blogTag1.png
    • Name - The name of the tag.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the tag.
  • Step 3 - Once done filling out the information of the tag, click on Add New Tag button to save.

Note

Adding a tag may affect the tags from other component of the site.

Delete Blog Tags

To delete a tag, navigate your Dashboard to Blog Posts > Tags.

In the Tags page, you will see all the created tags.

To delete a tag, you have two options:

  • Single Delete - Hover your mouse pointer on the tag that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Note

Deleting a tag may affect the tags from other component of the site.

FAQ

Create FAQ Item

Frequently Asked Questions (FAQ) of Confetti is generated by the theme from FAQ items.

To create a new FAQ item, navigate in WordPress Dashboard to FAQ > Add New.

_images/faq.png

The Add New FAQ page will show, information on the FAQs can be define here.

_images/faq1.png
  1. Title – The FAQ’s question should be written as the title.
  2. Editor Container – Where the answers for the question is added.
  3. FAQ Categories (optional) – Assign to preexisting category or add a new one.
  4. Featured Image - This will be used as the background when the element FAQ with background is used.

Once done, click on Publish button.

Create FAQ Categories

Categories are convenient ways to organize your FAQ items, that can be added to more than just one category.

To create new FAQ Category, navigate in WordPress Dashboard to FAQ > FAQ Categories.

_images/faq2.png

The FAQ Categories page will show, here you can add the details of the FAQ Category that you would like to create.

_images/faq3.png

After adding all the details, click on Add New category to save.

Delete FAQ Category

To delete a Category, navigate your Dashboard to FAQ > FAQ Categories.

In the FAQ Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/faq4.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/faq5.png

Create FAQ Page

Frequently Asked Questions (FAQ) of Confetti is generated by the theme from FAQ.

To create an FAQ Page, follow these steps:

  • Step 1 - Create a new page where to add the FAQs.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the FAQ Items. The FAQ Items can be generated by 2 types of Theme Element: FAQ or FAQ with background.

    _images/faq6.png
    1. FAQ - This will let you display all the FAQ items or you can specifically add FAQ Items using the categories of the FAQ Items.

      _images/faq7.png
    2. FAQ with background - The FAQ Items are shown with a background.

      _images/faq8.png
  • Step 6 - You can customize the page by adding other elements to the page.

  • Step 7 - Once you have finished customizing the page, click on the Publish button.

Obituaries

Create Obituaries

To create a new Obituary item, navigate in WordPress Dashboard to Obituaries > Add New.

_images/obit.png

The Add New Obituary page will show. Add the details for the Obituary.

_images/obit1.png
  1. Title - The name of the Obituary.

  2. Editor container - You can add here text for description/information about the Obituary that will be shown in the website.

  3. Obituary options

    • Title
    • Client website
    • Birth date
    • Date of death
    • Share / Send Flowers links
  4. Obituary Categories

  5. Featured Image - Obituary’s picture that will be shown in the site.

After adding all the details, click on Publish button to save.

Delete Obituaries

To delete a Obituary, navigate your Dashboard to Obituaries > Obituaries

In the Obituaries page, you will see all the created Obituaries.

To delete a Obituary, you have two options:

  • Single Obituary Delete - Hover your mouse pointer on the Obituary that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/obit2.png
  • Multiple Obituaries Delete - To delete multiple Obituaries, click on the box beside the Obituaries you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/obit3.png

Obituaries Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to an Obituary would make it easier to locate and post on similar topics by category.

Create Obituaries Category

To create a Category for an Obituary, follow these steps:

  • Step 1 - Navigate your Dashboard to Obituaries > Obituary Categories. You will see the Obituary Categories page.

    _images/obit4.png
  • Step 2 - In the page, find the Add New Category area. Add All the necessary information.

    _images/obit5.png
    • Name - The name of the category.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
    • Description - Description of the category.
  • Step 3 - Once done filling out the information of the category, click on Add New Category button to save.

Delete Obituaries Category

To delete a Category, navigate your Dashboard to Obituaries > Obituary Categories.

In the Obituary Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/obit6.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/obit7.png

Create Obituaries Page

Obituaries of Confetti is generated by the theme from Obituaries items.

To create a simple Obituary Page, follow these steps:

  • Step 1 - Create a new page where to add the Obituaries page.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Obituaries items. To add the Obituaries items, add a Obituary display element to the page.

    _images/obit8.png
  • Step 6 - Add the Obituaries ID at the Data Source. Click Save changes to save.

    _images/obit9.png
  • Step 7 - You can add more elements on the page as you like. Once satisfied, click on the Publish button.


Sample Page with Obituaries

_images/obit10.png

Team Member

Create Team Member

To create a new Team Member item, navigate in WordPress Dashboard to Team members > Add New.

_images/teamNew.png

The Add New Team member page will show. Add the details for the team member.

_images/teamNew1.png
  1. Title - The name of the team member.

  2. Editor container - You can add here the role of the team member that will be shown in the website.

  3. Team options

    • Info Tab - Information about the team member is added at this part.
    • Social Medias - Social media URLs of the team memeber.
  4. Team Categories

  5. Featured Image - Team members picture that will be shown in the site.

After adding all the details, click on Publish button to save.

Delete Team members

To delete a Team member, navigate your Dashboard to Team members > All Team members

In the Team members page, you will see all the created Team members.

To delete a Team member, you have two options:

  • Single Team member Delete - Hover your mouse pointer on the Team member that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/teamNew2.png
  • Multiple Team members Delete - To delete multiple Team members, click on the box beside the Team members you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/teamNew3.png

Team Members Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a Team member would make it easier to locate and post on similar topics by category.

Create Team Members Category

To create a Category for a Team member, follow these steps:

  • Step 1 - Navigate your Dashboard to Team members > Team Categories. You will see the Team Categories page.

    _images/teamPage3.png
  • Step 2 - In the page, find the Add New Category area. Add All the necessary information.

    _images/blogCat1.png
    • Name - The name of the category.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
    • Description - Description of the category.
  • Step 3 - Once done filling out the information of the category, click on Add New Category button to save.

Delete Team Members Category

To delete a Category, navigate your Dashboard to Team members > Team Categories.

In the Team Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/newTesti6.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/newTesti7.png

Create Team Member Page

Teams of Memoria is generated by the theme from Team members items.

To create a simple Team Page, follow these steps:

  • Step 1 - Create a new page where to add the Teams page.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Team members items. To add the Team members items, add a Team element to the page.

    _images/teamPage.png
  • Step 6 - Add the needed information for the Team element. Click Save changes to save.

  • Step 7 - You can add more elements on the page as you like. Once satisfied, click on the Publish button.


Sample Page with Team Member

_images/teamPage2.png

Testimonials

A Testimonial is a statement that testify to someone’s character and qualifications. You can use this statements on your page to establish confidence.

Create Testimonials

To create a new testimonial, on your Dashboard navigate to Testimonials > Add New.

_images/newTesti.png

The Add New Testimonial page will show. Add the details for the testimonial.

_images/newTesti1.png
  1. Title - The title of the single testimonial page.

  2. Editor container - You can add here the testimonial.

  3. Author

    • Name - The name of the one who said the testimonial.
    • Title - Position in the company.
    • Company - Name of the company.
  4. Featured Image - Author’s picture.

After adding all the details, click on Publish button to save.

Delete Testimonials

To delete a Testimonial, navigate your Dashboard to Testimonials > Testimonials

In the Testimonials page, you will see all the created testimonials.

To delete a testimonial, you have two options:

  • Single Testimonial Delete - Hover your mouse pointer on the testimonial that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/newTesti2.png
  • Multiple Testimonials Delete - To delete multiple testimonials, click on the box beside the testimonials you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/newTesti3.png

Testimonials Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a testimonial would make it easier to locate and post on similar topics by category.

Create Testimonials Category

To create a Category for a testimonial, follow these steps:

  • Step 1 - Navigate your Dashboard to Testimonials > Categories. You will see the Testimonials Categories page.

    _images/newTesti5.png
  • Step 2 - In the page, find the Add New Category area. Add All the necessary information.

    _images/blogCat1.png
    • Name - The name of the category.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
    • Description - Description of the category.
  • Step 3 - Once done filling out the information of the category, click on Add New Category button to save.

Delete Testimonials Category

To delete a Category, navigate your Dashboard to Testimonials > Categories.

In the Testimonials Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/newTesti6.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/newTesti7.png

Add Testimonials to Page

To add testimonials to a page, an element in the Visual Composer is used: Testimonial

_images/newTesti4.png

This is the element that will add testimonials on the page.

For more information about this element, go to Memoria Elements > Memoria Custom Shortcodes > Testimonials.


Sample Page with Testimonials

_images/newTesti9.png

Contact Form

Create New Contact

To create a new Contact item, navigate in WordPress Dashboard to Contact > Add New.

_images/newContact.png

The Add New Contact Form page will show. Add the details for the Contact Form.

_images/newContact1.png
  1. Title - The title for the Contact Form

  2. Form Details - Details and information of the form.

    • Form - The codes for the user interface of the form.
    • Mail - Set the email template of the form.
    • Messages - Message prompt when an action is done with the form.
    • Additional Settings - You can add customization code.

After adding all the details, click on Save button to save.

Note

For information on how to use this plugin or what markup to use, go to here, General Information > Unyson, Extension, and Plugins > Contact Form 7.

Create Contact Page

Contact Page of Memoria is generated by the theme from Contact Form item.

To create an Contact Page, follow these steps:

  • Step 1 - Create a new page where to add the Contact form.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Contact Form item. The Contact Form can be generated by Contact Form 7 of Theme Element.

    _images/newContact2.png
  • Step 6 - The Contact Form 7 Settings will pop-up. Change details as needed.

    _images/newContact3.png
    • Select contact form - The form you want to add to the page.
    • Search title - Optional title to search if no form is added.
  • Step 7 - You can customize the page by adding other elements to the page.

  • Step 8 - Once you have finished customizing the page, click on the Publish button.


Sample Page with Contact Page

_images/newContact4.png

Products

Create Products

To create a new Products item, navigate in WordPress Dashboard to Products > Add New.

_images/prod.png

The Add new product page will show. Add the details for the Products.

_images/prod1.png
  1. Title - The name of the Products.

  2. Editor container - You can add here the role of the Products that will be shown in the website.

  3. Product data

    • General Tab - Information about the Products is added at this part.

      • Regular price ($) -
      • Sale Price ($) -
    • Inventory Tab -

      • SKU -
      • Manage stock? -
      • Stock status -
      • Sold individually -
    • Shipping Tab -

      • Weight (kg) -
      • Dimensions (cm) -
      • Shipping class
    • Linked Products Tab -

      • Upsells -
      • Cross-sells -
    • Attributes Tab -

    • Advanced Tab -

      • Purchase note -
      • Menu order -
  4. Product short description

  5. Product categories

  6. Product tags

  7. Product image - Products picture that will be shown in the site.

  8. Product gallery

After adding all the details, click on Publish button to save.

Delete Products

To delete a Product, navigate your Dashboard to Products > All Products

In the Products page, you will see all the created Products.

To delete a Product, you have two options:

  • Single Product Delete - Hover your mouse pointer on the Product that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/prod2.png
  • Multiple Products Delete - To delete multiple Products, click on the box beside the Product you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/prod3.png

Products Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a Product would make it easier to locate and post on similar topics by category.

Create Products Category

To create a Category for a Product, follow these steps:

  • Step 1 - Navigate your Dashboard to Products > Categories. You will see the Product Categories page.

    _images/prod7.png
  • Step 2 - In the page, find the Add New Category area. Add All the necessary information.

    _images/prod6.png
    • Name - The name of the category.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
    • Description - Description of the category.
    • Display Type - Type of display the category will have.
    • Thumbnail - Image used for the category.
  • Step 3 - Once done filling out the information of the category, click on Add New Category button to save.

Delete Products Category

To delete a Category, navigate your Dashboard to Products > Categories.

In the Product Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/prod8.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/prod9.png

Create Product Page

Products of Memoria is generated by the theme from Products items.

To create a simple Product Page, follow these steps:

  • Step 1 - Create a new page where to add the Products page.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Products items. To add the Products items, add one of these woocommerce elements to the page.

    _images/prod4.png
  • Step 6 - Add the needed information for the Product element. Click Save changes to save.

  • Step 7 - You can add more elements on the page as you like. Once satisfied, click on the Publish button.


Sample Page with Products

_images/prod5.png

Widgets & Menu

Widgets

Widgets are small blocks of content, which you can find in theme footer or sidebar. They were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure.

_images/widget1.png

How to Edit Widgets

You can access widget edit screen under Appearance > Widgets panel or via Customize on path Appearance > Customise > Widgets. It has three main areas:

  • Available Widgets
  • Inactive Widgets
  • Inactive Sidebars and widget areas

To add a widget to your site, drag and drop the name of the widget you want to use from the Available Widgets section into one of the widget areas on the right-hand side of the window. After you have added it, the widget will open up (or if it doesn’t, you can click on the triangle to open it) and you can change the settings and save the widget. The specific settings needed will depend on what type of widget you are using. For instance, if it is a text widget, you just need to type in the text (and optionally, HTML code), and save the widget.

Customising Memoria

Memoria comes with an advanced customizer, which allows to edit most of the theme’s elements in one place. If you want to use it, navigate to Appearance > Customize.

_images/custom.png

Site Identity

Here you will have the option to customize your site’s identity or how it can be viewed by people.

_images/custom1.png
  • Site Title - The title of the site you created.
  • Tagline - The slogan/catchphrase for you site. What people will remember if they see your site.
  • Site Icon - The icon used as a browser icon. Icons must be square, and at least 512 pixels wide and tall.

Add all the information you like to add, then click on the Save button.

General

You can pick the color scheme of the site here.

_images/custom2.png

Note

In order to use this feature, please have SASS Compiler enabled in Unyson extensions.

  • Pick the motive color - Pick the main color scheme of the site.
  • Preloader on/off - Display preloader before page is loaded.
  • Image for preloader - The image that will show in the preloader.
  • Vertical navigation on/off - Option to show or not the vertical navigation on the right side of the site.

Add all the information you like to add, then click on the Save button.

Header & Navigation

Header & Navigation is divided into 4 parts:

_images/custom3.png
  • Navigation

    • Navigation style - How the navigation of the header behaves.

      _images/custom4.png
  • Contact Information

    • Text After Contact Number - Text displayed after the contact number.

    • Contact Number - Contact number that will be displayed at the header.

    • Text after Email Address - Text displayed after the Email address.

    • Email Address - Email address that will be displayed at the header.

      _images/custom5.png
  • Social Icons

    • Search Icon Display - Option to display header on top of the pages.

    • Facebook

    • Twitter

    • Pinterest

    • Instagram

    • RSS

    • LinkedIn

    • Google Plus

    • Tumblr

    • Skype

    • Dribble

    • DropBox

    • Flickr

    • GitHub

    • Stack Exchange

    • Stack Overflow

    • Vimeo

    • Weibo

    • Xing

      _images/custom6.png
  • Logo and Layout Settings

    • Logo - The main logo displayed in the site.

    • Logo Position - Location of the Logo in the header.

    • Contact Number Display - Option to show contact number in the header.

    • Contact Number Position - Location of the contact number in the header.

    • Email Address Display - Option to show Email Address in the header.

    • Email Address Position - Location of the Email Address in the header.

    • Social Icon Display - Option to show Social Icon in the header.

    • Social Icon Position - Location of the Social Logo in the header.

      _images/custom7.png

Add all the information you like to add, then click on the Save button.

Blog

The blog settings is divided into 2:

_images/custom10.png
  • Single blog post

    • Display blog sidebar - Option to show sidebar on the individual blog’s page.

    • Place to display sidebar - Location on the page where the sidebar is placed.

    • Tag after post - Option to show blog’s tags at the end of the post.

    • Social Share - Option to show the Social Media Share Buttons.

    • Social Share - Options of social media to show as Social Media Share Buttons.

    • Display comments after post - Option to have a comments area after the post.

      _images/custom11.png
  • Blog List

    • Display blog sidebar - Option to show sidebar in the all blog’s page.

    • Place to display sidebar - Location on the page where the sidebar is placed.

    • Social Share - Option to show the Social Media Share Buttons.

    • Social Share - Options of social media to show as Social Media Share Buttons.

      _images/custom12.png

Add all the information you like to add, then click on the Save button.

Shop

You can customize the page where you are displaying the shop here.

_images/custom13.png
  • Display shop sidebar - Option to show sidebar on the products page.
  • Place to display sidebar - Location on the page where the sidebar is placed.
  • Display description and reviews tabs in the product detail - Option to show description and reviews on the individual product’s page.

Add all the information you like to add, then click on the Save button.

Homepage Setting

Option for the front page is shown here.

  • Front page displays - Options on how the front page/home page looks like.

    • Your latest posts - Show the latest post on your blogs.

      _images/custom14.png
    • A static page - Set a page that would stay the same until the page is replaced manually.

      _images/custom15.png

Add all the information you like to add, then click on the Save button.

Note

You can also do this using the Homepage Setup instructions in Page > Homepage Setup.

Background Image

You can customize the Background image of the site.

_images/custom16.png
  • Background Image - Choose an image to use as the background of the site.

Add all the information you like to add, then click on the Save button.

Widgets

You can customize what is inside the widgets on the page. If a widget is placed on the page you see on the preview, it will be listed on the left side under widgets.

_images/custom20.png
  • Prefooter 1 column

    _images/custom21.png
  • Footer 1 column

  • Footer 2 column

  • Footer 3 column

  • Footer 4 column

    _images/custom22.png

Add all the information you like to add, then click on the Save button.

Note

You can also do the same thing by following How to Edit Widgets instructions in Widgets & Menu > Widgets.

Additional CSS

You can add your own CSS code for your site.

_images/custom23.png