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 […]
Category: WordPress
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. 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 on [...]
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 →
Create a password protected page for your clients to access
You can setup a password protected page on your WordPress website that let's you make a 'branded' place where you can give clients access to files and information. The following steps assume that you have logged into your WordPress dashboard as an administrator and clicked on Pages > Add Page. 01 - Add a new [...]
Read More →
Create a custom bullet list using your own bullet image
There are the 3 general steps: 1. Set the CSS class name 2. Upload an image to your WP media library to use as a bullet image. 3. Add a CSS to display that bullet image to your custom bullet list. Here is the tutorial: Step 1: Set a class name Log in to your [...]
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 →
Featured Images
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 →
Simple Page View Stats
Once you login there will be a summary on the homepage, for a detailed view on the side menu select Jetpack, Site Stats.
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 →