How to Create a Blog Post Using WordPress Gutenberg

Gutenberg is WordPress’ new content editor which was rolled out in WordPress 5.0,  last December 6, 2018. It replaced the Classic Editor which we were very familiar with. What’s the Difference? Content creation in Gutenberg is done using Blocks. By default, Gutenberg comes with the following content blocks: Common Blocks Paragraph Image Heading Gallery List […]

Read More

Adding and Inserting image in Visual Composer 8.1

1. From the Visual Composer editor, click Add Element. 2. Under Add Element box, search for Single Image and click it. 3. The Single Image Settings box will appear. Below that, click Add Image. 4. In the Set Image box, you can either upload a new image or use the existing image in the media [...]
Read More

How to change font size and type using TinyMCE Advanced

TinyMCE Advanced is a WordPess plugin that allows WordPress users to change font type and size easily. We use this plugin in most Jezweb websites. On this tutorial we will try to change the font size and font type. It is presumed that your WordPress site has this plugin ready installed, otherwise you can get the plugin [...]
Read More

Adding image maps to your page/post

Below is the link that will show you a simple demonstration on how image mapping works. http://bit.ly/jezweb-imagemap Try clicking the 3 boxes and see what happens. Each time you click on the box there will be a corresponding box that will further give you an explanation or further action. Interesting? Please check the guide below [...]
Read More

Restoring a deleted page from trash

Sometimes we may delete a page or post accidentally in WordPress. No worries, WordPress has a way in restoring them. Please follow the guide below. 1. In your Wordpress admin, click on Post or Pages and select All Posts or All Pages. 2. Click on the Trash link. This should display all the deleted Pages [...]
Read More

Updating Image in Revolution Slider

This tutorial will guide you how to quickly edit/update your slide(s) in Revolution Slider. 1. Login to your Wordpress Admin and click on Revolution Slider at the left pane,then click on Edit Slides. 2. From the slides list, look for the specific image that you would like to change or update, then click on Edit [...]
Read More

Add Caption to Images in WordPress

Do you want to upload and add a caption to your image in WordPress? Please refer to the instructions below on how to do it. Step 1 Login to WordPress control panel Step 2 In this tutorial, we will upload a new image. Go to Media > Add New Step 3 Click Select Files or you can [...]
Read More

When Do You Need a Custom Post Type or Taxonomy in WordPress?

When working with WordPress, you might encounter the terms custom post type and custom taxonomies. If you are new to WordPress, you may have asked when do you need to use a custom post type and custom taxonomies? We will define first what are post types and taxonomies. What are Post Types and Taxonomies? Post [...]
Read More

Create Custom Post Types in WordPress using a Plugin

Most of the time, users classify WordPress as a blogging tool. Over the years, WordPress has evolved to one of the best Content Management System that can be used to almost all types of websites What is Custom Post Type in Wordpress? Custom Post Types are content types like post, pages or attachment.  A post type can [...]
Read More

Create Gradients for Canvas Information Box

Do you want to create gradients for your information box in Canvas? Jezweb prepared a simple step by step instructions for you on how to do it. Prerequisite(s) Canvas Child Theme Step 1 Login to WordPress control panel Step 2 Go to Appearance > Editor Step 3 In the Canvas Child: Stylesheet (style.css), paste the following [...]
Read More

Add a Search Box in the Header using tweaks in Canvas

Do you want to add a search box in your site header? You can do that by following these tweaks in Canvas Prerequisite(s) Canvas Child Theme Step 1 Login to WordPress control panel Step 2 Go to Appearance > Editor Step 3 Go to the main Canvas theme by choosing Canvas from the Select theme to [...]
Read More

Add Login / Logout to Primary Navigation

Do you want to add a login/logout in your primary navigation menu? You can do it using some tweaks in Canvas. Prerequisite(s) Canvas Child Theme with style.css and functions.php files Step 1 Login to WordPress control panel Step 2 Go to Appearance > Editor Step 3 Click functions.php to edit Step 4 In the functions.php file, [...]
Read More

Center Primary Navigation Menu using CSS tweaks in Canvas

Do you want to align your primary menu to the center but the theme settings does not have the option to do so? You can use CSS tweaks in Canvas to do that. We have prepared a simple tutorial for you on how to do it. Prerequisite(s): Canvas Child Theme Step 1 Login to WordPress [...]
Read More

Enable Site Pinch and Zoom in Mobile/Tablet using Tweaks in Canvas

Do you want your site mobile or tablet responsive and allow users to pinch and zoom on their mobile device? You can do that with some tweaks in Canvas. Prerequisite(s) Canvas Theme Canvas Child Theme Step 1 Login to WordPress control panel Step 2 Go to Appearance > Editor note:  Your Canvas Child theme should [...]
Read More

Customize the Color of Information Box using CSS tweaks in Canvas

Did you create an Information Box using the shortcode in Woothemes and would like to customize the color to blend with your site theme? Jezweb has prepared a simple tutorial for you on how to do it. Prerequisite(s) Canvas Theme Canvas Child Step 1 Login to WordPress control panel Step 2  Go to Appearance > [...]
Read More

Use Google Font for your Site

Do you want to use Google fonts for your site? You can download the Google fonts list here . We have prepared a simple step by step guide on how you can use Google font for your site. Please see below Step 1  Go to http://www.google.com/fonts Step 2  Select the desired font that you would like to [...]
Read More

Change the color of the box background using CSS tweaks in Canvas

Do you want to change the color of your box background? You can use simple CSS tweaks in Canvas to do that. Prerequisite(s) Canvas theme Canvas Child theme Step 1 Login to the WordPress control panel Step 2 Provided that we have already activated the Canvas Child theme, go to Appearance > Editor Step 3 [...]
Read More

Make a transparent box layout using CSS tweaks in Canvas

Do you want to make your box layout transparent? You can use some simple CSS tweaks in Canvas to do this. Prerequisite(s) Canvas Theme Canvas Child Step 1 Login to WordPress control panel Step 2 Provided that we have already activated the Canvas Child theme, go to Appearance > Editor Step 3 Enter the following [...]
Read More

Make a Transparent Menu in Canvas

Do you want a transparent primary menu? You can simply do that using the settings in Canvas and some color generator site. Prerequisite(s) Canvas theme Hex color calculator site http://hex2rgba.devoth.com/ Step 1 Convert your desired color to transparent using http://hex2rgba.devoth.com/. In this example, we will convert color blue to transparent. Type blue in the HEX value box. [...]
Read More

Align Top Menu to the Right using CSS tweaks in Canvas

Do you have a top menu and would like to align it to the right? It can be done using some simple CSS tweaks in Canvas. Prerequisite(s) Canvas theme Canvas Child theme Step 1 Login to WordPress control panel Step 2 Provided that you have already uploaded a Canvas Child folder containing style.css and functions.php [...]
Read More

Remove Widget Footer from Home Page using CSS tweaks in Canvas

Would you like to remove widget footer content from the home page of your site? Here are some CSS tweaks on how to do it. Prerequisite(s) Canvas theme Canvas Child theme Step 1 Login to WordPress control panel Step 2 Provided that you have already uploaded a Canvas Child folder containing style.css and functions.php files [...]
Read More

Align Site Logo to the center using CSS tweaks in Canvas

Is it difficult to align the site logo to the center of your website? not anymore, CSS tweaks in Canvas has a simple solution for you. Please refer to the steps below Prerequisite(s) Canvas theme Canvas Child theme Step 1 Login to WordPress control panel Step 2 Provided that you have already uploaded a Canvas Child [...]
Read More

Remove canvas header using CSS

Do you want to completely remove the header of your site? Some CSS tweaks in Canvas can help you how to do it. Please refer below Prerequisite(s) Canvas theme Canvas Child theme Step 1 Login to WordPress control panel Step 2 Provided that you have already uploaded a Canvas Child folder containing style.css and functions.php [...]
Read More

Remove all image border using CSS tweaks in Canvas

Do you want want to remove all borders on your image? You can use the CSS tweaks in Canvas theme. Please refer to the steps below Prerequisite(s) Canvas theme Canvas child theme Step 1 Login to your WordPress control panel Step 2 Provided that you have already uploaded a Canvas Child folder containing style.css and [...]
Read More

Change sidebar background color using CSS tweaks in Canvas

Does your site has a sidebar and you want to change its background color? Here is a way on how to do it using CSS tweaks in Canvas. Prerequisite(s) Canvas theme Canvas Child theme Step 1 Login to WordPress control panel Step 2 Provided that you have already uploaded a Canvas Child folder containing style.css [...]
Read More

Add an image to the footer area using CSS tweaks in Canvas

Need an image added to your site footer area? You can simply use the CSS tweaks in Canvas by following the steps below Prerequisite(s) Canvas theme Canvas Child theme Step 1 Login to WordPress control panel Step 2 Provided that you have already uploaded a Canvas Child folder containing style.css and functions.php files in the [...]
Read More

Remove all page titles using CSS Tweaks in Canvas

Do you want to hide the page title such as Home, About and Contact Us from your page? It can be done using a simple CSS tweaks in Canvas Child theme. Please refer to the steps below Prerequisite(s) Canvas theme Canvas child theme Step 1 Login to your WordPress control panel Step 2 Provided that [...]
Read More

Remove a specific page title using CSS tweaks in Canvas

Do you want to remove a title from specific page of your site using Canvas theme? e.g. About. You can refer below on how to do it Prerequisite(s) Canvas theme Canvas child theme Step 1 Login to WordPress control panel Step 2 In case the Permalink settings is not set to default. Go to Settings > Permalinks [...]
Read More

Position primary menu to the right of your canvas logo

Jezweb created a custom plugin to position the navigation menu to the right of the canvas header while maintaining the canvas logo at the left. Pre-requisite: Canvas Logo Left and Menu Right plugin should be saved in the local drive. You can download the plugin here Step 1 Login to your WordPress control panel Step [...]
Read More

How to open new tab in your WordPress MENU

How to open New Tab in your WordPress Menu Step 1 Click Appearance > Menus   Step 2 Click Screen Options   Step 3 Click Link Target   Step 4 After Clicking Link Target go to your menu for example (Header Menu/Footer Menu)   Step 5 Click Save Menu Button
Read More

Hide or show SEO box and other fields

Do you want to hide or show other plugin fields and settings when making changes to your article or page? There are two ways to do it. note: You should have WordPress SEO plugin installed so you can follow the steps Option 1 Temporarily collapse the fields by clicking the arrowup/dropdown menu. Step 1 Login [...]
Read More

Move a menu item to another menu

In this example we have a menu on the left of the website and one on the right. We want to 'move' a menu item from left to right. In fact we don't move the menu item, simply remove it from the left and then add it to the right so that it appears to [...]
Read More

Change canvas logo in the admin page

Do you want to change canvas logo in your admin page? Please follow these simple steps Step 1 Login to your WordPress control panel Step 2 Go to Canvas > Framework Settings Step 3 Go to Branding then click Upload under Options panel header Step 4 In this tutorial, we will add file(s) from the [...]
Read More

Embed a facebook album on your site using facebook Galleria

Would you like to display your facebook album on your WordPress site? Here are simple ways to do it using facebook Galleria, a third party software where you can link your facebook profile and generate codes that you can use to embed to your WordPress site. Pre-requisites Facebook Account Facebook Galleria Account or you can [...]
Read More

Embed a twitter feed to your site

Do you like to add twitter feeds on your site using a plugin? here is how to do it. Step 1 Login to your Wordpress control panel Step 2 On the side bar, click Plugins > Add New Step 3 In the Search box, type Easy Twitter Feed Widget then click Search Plugins. Step 4 [...]
Read More

Embed a single tweet to your site

Sharing a good tweet on your page? Here is a simple way to do it Step 1 Locate the tweet that you would like to share on your site and click the time stamp Step 2 Copy the entire URL from the address bar Step 3 Login to your WordPress control panel. In this case, [...]
Read More

Edit an image in a horizontal reel scroll slideshow

We have used this plugin for a side scrolling set of sponsor logos but it could be used for a set of client logos or supplier logos or some other image that you want to show in a sequence for example on www.wintercarnivale.com.au as below Plugin name: Image horizontal reel scroll slideshow Plugin source: https://wordpress.org/plugins/image-horizontal-reel-scroll-slideshow [...]
Read More

Hide Canvas Elements (page title, primary navigation, footer)

Sometimes we need to hide page elements like header, primary navigation or footer especially when creating sales page or landing pages. In this tutorial we will use a plugin called Page Element Hider. This plugin allows you to hide various elements on a page by page basis, by integrating with Canvas Settings on every page. No [...]
Read More

Phone number link in the primary menu

With smartphones being so ubiquitous nowadays, we often need to add a phone number in our website that people can click to dial from their phone. An easy option for doing that is your WordPress navigation bar. Here is a tutorial on how to do this: 1. Log in to your WP Dashboard. 2. Click [...]
Read More

Social media buttons in Canvas primary menu

Adding a social media buttons in the primary menu requires a bit of code. However, once you get that code in there, then it would be easy to set up your social media links. You can just add their URL address under Canvas Settings. Please check the tutorial below. 1. Login to your WP Dashboard [...]
Read More

Creating custom bullet list

Today, we are going to talk about how to add custom bullet lists into your website. To achieve this we will use woo shortcodes for custom lists and visual composer for rows and columns. Although there is a shortcode in woo for rows and columns but we intentionally use visual composer to give us the [...]
Read More

Adding Paypal Button and Shopping Cart

In this tutorial, we will use a plugin called "WordPress Simple Paypal Shopping Cart". This will allow you to add an 'Add to Cart' button for your product on any posts or pages. This simple shopping cart plugin lets you sell products and services directly from your own wordpress site and turns your WP blog [...]
Read More

Add a PDF to drop down menu

Adding a PDF or document file to the dropdown menus in WordPress takes a few steps but is fairly quick and simple once you have done it a few times. The basic steps of this are: Upload the PDF to the media library Copy the URL for the path to the file in the media [...]
Read More

Text link to a page

If you would like to add a text link to a page in WordPress its really quite simple, first you need to highlight the text you want to make into a link and then click the chainlink icon in the toobar. This is a link to a page. Highlight text and click the link icon [...]
Read More

Create a new page

Select Pages, Add Page Enter a page name Click Visual Composer If you are going to write a simple text page and you don't need any columns or special page arrangements you don't have to enable Visual Composer. It's perfectly fine to just start typing or paste text into the 'Classic' WordPress page editor like [...]
Read More

Change the parent of a page

When you create a new page, by default it will be a top level page such that it is at the top of your page hierarchy. To make it easier to find pages when you have more than 20 though it helps to arrange pages into parent and child pages or if you prefer top [...]
Read More

Move a page to a new menu position and adding a menu item

Changing where a page appears in the main menu or dropdown menus of your WordPress website is controlled from the Appearence > Menus section of the dashboard. Adding a page to the menu From the menu editor area of the dashboard you simply tick the page you want to add to the menus. It then appears [...]
Read More

Add a clickable phone number to the WordPress menu bar

Adding a clickable phone number to the WordPress menu bar is simple a matter of prefixing the phone number with "tel:" which indicates to the web browser that the number following is a phone number. For example tel:0249501140 The link on the menu bar in WordPress can be text or the phone number.
Read More

Remove a page from dropdown menus

Pages can be deleted from the 'pages' section of the WordPress dashboard. If you do remove a page though that does not automatically remove the link that could be in the top menu or dropdown menus of your website. Click into the WordPress menu manager Click onto the link in the menu that you want [...]
Read More

Custom Post Types

When you need a certain layout or set of information for a repeating section of your wordpress website a custom post type (CPT) can work really well. If your website is in WordPress, you may have noticed sometimes there will be an extra name or an extra button in the menu bar in the administration area.  [...]
Read More

Child Pages

Unlike posts, which are listed by date and can be tagged and categorized, pages are added to your site’s menu and can be organized by hierarchy. You can create top-level “parent” pages that are visible in the menu and lower level ‘child’ pages that only appear in the menu when you mouse over the parent [...]
Read More

Crop and Resize Images

Once you have uploaded images into the WordPress. Download this guide as a powerpoint, or a word doc. Editing images in the WordPress media manager from Jeremy Dawes
Read More

Keyboard Shortcuts

Rather than reaching for your mouse to click on the toolbar, use these access keys. Windows and Linux use Ctrl + letter. Macintosh uses Command + letter. Letter Action Letter Action c Copy v Paste a Select all x Cut z Undo y Redo b Bold i Italic u Underline 1 Heading 1 2 Heading [...]
Read More

Add Pages to a Website Menu

Adding pages to a website menu of your WordPress site is pretty straight forward. Please note that by default, WordPress will populate all the pages that you created in the menu bar. So it would be good to organize them the way you like those pages to appear. Here is a tutorial on how to do so: Step [...]
Read More

Standard Text Formatting Options

Most text blocks whether in the standard WordPress style or as a text block in Visual Composer will have a familiar toolbar above the box where you type the text. Depending on your theme and the plugins that are installed there could be some variation as to what extra buttons there are but the following [...]
Read More

Find the page you want to edit in WordPress

There are two simple ways to find a page that you would like to edit in your WordPress website. This guide is available as a powerpoint slideshow, here. Find a page in the WordPress dashboard 1. Once you have logged in to your WordPress dashboard click on the Pages button on the left menu 2. [...]
Read More