Off
View Post
Getting Started with Adding Content in Visual Composer

Getting Started with Adding Content in Visual Composer

Many of our clients have asked for guides on how to easily add content in their website. To ensure that we provide our clients with consistent guidance, we have started a blog to document basic information on updating content.

Why you will like Visual Composer

Some of you might be familiar with Joomla or WordPress default WYSIWYG (What You See Is What You Get) editor.

WYSIWYG

 

So why should you use Visual Composer? There are 2 main reasons.

  1. You are able to style your content in a more design friendly format for your readers.
  2. It is easy to use once you get the hang of it.

Step 1: Make sure that you are in Visual Composer Mode

  1. Login to wordpress admin by www.yourdomain.com/wp-admin.
  2. Go to Page/Post which you would like to update your content in.

    For Updating of E-Learning Information, we are using LearnDash LMS in this Tutorial. You can update Course/Lessons/Topics by going to LearnDash LMS > Course/Lesson/Topics.

  3. Make sure you are in Visual Composer Mode by selecting Backend Editor.VIsual Composer 1
  4. Before adding any content, it is always a good practice to Add Row before adding your content.Visual Composer 2
  5. Add any content you want in the Row by clicking on the + icon in the row.Visual Composer 3
  6. To split the content into 2/3 columns, click on the icon below and select the column you want for the row. Add your content into different columns accordingly.
    Visual Composer 4
  7. That’s it. Now you can easily add information to your website.
[mnky_button title=”More Visual Composer Tutorials” bg_color=”#f7941d” color=”#ffffff” bg_hover_color=”flat-teal” link=”url:https%3A%2F%2Fvc.wpbakery.com%2Fvideo-tutorials%2F||target:%20_blank”]
Off
View Post
How to Update Menu in WordPress

How to Update Menu in WordPress

One of the many questions our clients ask us is, how do I update the menu? In this article, we will teach you how to update the menu in wordpress.

1. Location of Menu

Depending on the design of your website, there might be several locations a menu could be present in.

Most website could have menu appearing at the top of the page.

Gigaquirks MenuOther websites might prefer to have a separate menu at the footer of the page.

The Straits Times Menu

Alternatively for more unique menu, your website design could include a different menu for mobile/ipad version.

Here is an example of a menu for an e-learning website which will only be shown to users who are logged in.

SCALA Menu

So how do you find out how many menu your website theme has?

  1. Login to WordPress Admin. On the left side bar, go to Appearance > MenuWordpress Appearance - Menu
  2. On the right hand side under Menu Settings, you will be able to see the number of menu locations available to you.  For this example, you can see that SCALA has 6 different menu locations they could use.SCALA Theme Locations

2. Updating the menu links

Now that you have learnt what menu locations you can use, you can go right ahead to set the menu.

  1. Create a new menu or select the menu you would like to edit in the dropdown box. Select a Menu
  2. On the left hand side, select the pages/posts > click on Add to Menu. 
  3. If your website is an e-learning website, and you cannot find Course/Forums on the left hand side, go to the top of the menu page and Select Screen Options and check the items you would like to see. Screen Options
  4. Remember to save the menu before you exit the page!