CanvaKala
User Manual
CanvaKala Pro allows you to completely change the way your WordPress site looks by adding 750+ fonts and font effects; a complete built-in image editor (with the possibility of searching for free images online that you can start using straight away), and an improved video player with 7 unique skins.
INSTALLATION PROCESS This plugin is installed like any other Premium plugins. You should go to Plugins >> Add New and then choose “Upload”.
The next step is to select the .zip file that you downloaded, and click on “Install Now”.
2
USING THE PLUGIN
1. FONTS
With the font functionality of the plugin, you can:
1) Change the default fonts used by your theme (choose from over 650 Google fonts)
2) Add new fonts to be used in the standard WP editor
3) Use over 30 font effects to make your content stand out
Getting started:
The first thing you will need to do is to activate the fonts you'll want to use for your site (you can only use those fonts that you have previously activated). Make sure not to activate too many fonts, or your site's performance might get hurt (a safe number to have is from 2 to 4 active fonts).
When you access the CanvaKala Pro > Fonts menu, you'll find combinations of recommended fonts that you can start using straight away, or you can browse the complete list of Google Fonts.
3
Under the recommended fonts section, you have the following possibilities:
Preview: get a quick look of what your site would look like with those fonts (doesn’t make any changes yet)
Enable: marks both fonts as active so that they can be used in the selectors above, or in the WP editor
Set as default: enables those fonts and sets the headline title as standard for all
, etc in your theme, plus the body text as standard for all
items in your theme.
Under "All fonts", you will get a complete list of all 650+ Google fonts, that you can use in your site. For each Font, you can:
Activate/Deactivate: Once you activate a Font, you will be able to use it in the standard WP editor, plus it will be visible in the dropdowns at the top of the page, to modify the theme standards.
Preview: See a longer text to get a better idea of what the Font looks like
Once you have at least one active font, at the top of the screen you have the possibility to change the default font used for the different elements of your theme (headers, body, lists...). You can, also, optionally, use one of the 20+ Google effects available with the plugin.
4
Font effects
Here you will find two sets of effects:
1) Google Effects: need to be activated manually 2) CanvaKala effects: are enabled by default, can be used in the WP editor straight away
Google Fonts Effects can be also used to edit your theme styles.
5
Note: not all Google effects are available for all browsers; on the right you can find information about browser support.
Once you have enabled some fonts and/or effects, you can use them in the WordPress standard editor.
Under the “Fonts” dropdown you will find the standard fonts, plus those Google Fonts that you have enabled.
Under “Formats” you will find all Font effects.
You will also get Font sizes and Font foreground/background color selectors.
6
2. IMAGES
Once you activate the plugin, your WordPress editor will have a new button at the top: "CanvaKala", which will allow you to import images, and edit them from within WordPress.
Once you click on it, the first screen will allow you to choose the source of the picture you would like to use. These are the different options:
7
1) Search free images: You can find copyright free images online, and import them with just one click.
To do the search, you only need to enter the desired keyword, and click “Search”.
You can refine the search with these options:
Image type: Photo/Clipart
Attribution needed or not (if attribution is needed, the plugin will handle it by adding the required text on the image caption)
Sites to search: Select at least one
Images can be modified: Check this box to get only images that allow editions
Note: you will need to configure image settings for free sites under CanvaKala >> Images.
2) Upload image: You can upload a picture stored on your computer
3) WP Gallery: Use one of the images currently on the standard WordPress media library.
4) External URL: If you know the current url of the image, you can import it with one click. Simply enter the url of the image and click “Download Image”.
5) Image Pack: Our Premium Image Pack with 3000+ Images ready to use in your site
6) Memes: The plugin comes with 24 of the most popular meme images that you can start using right away
8
7) Your social networks: You can import images from your social networks accounts with just one click:
Flickr
Google Drive
Dropbox
Note: For security reasons, you will need to configure the settings of each social network under the main menu CanvaKala >> Images before you can import social images.
8) Color Background: You can create a background with the size and color of your choice.
Once you have picked the image you would like to work with, you have several options:
Insert into the current post/page
Download to your computer
Store on WP media gallery
Share on:
9
Google +
Save to Dropbox
Save to Google Drive
If, at this point, you click any of the options above, the image will be inserted/shared without any modifications from the original.
On the right sidebar, apart from the SEO options, you will find a button to Edit the image. If you click on it, you will be presented the CanvaKala Editor, with the following options:
10
Crop
Resize
Effects
Manual effects
Border
Text
Image
Add shape
Draw
Layers
SEO Options
Before you insert an image into a post/page, you can apply different SEO options, like:
File name
Image title
Image caption
Image alt
11
Setting up your image Settings
You can edit all settings from the menu CanvaKala >> Images.
Pixabay settings: You will need to enter these details to make a search on pixabay.
Get your api key here: http://pixabay.com/accounts/register/
12
Flickr settings: You will need your API Key to be able to search for free images on flickr, and your username to import your own photos.
Get your api key here: http://www.flickr.com/services/apps/create/apply/
Get your Flickr username here: http://idgettr.com/
Dropbox settings: You will need your Dropbox App Key to import your Dropbox images.
Get your app key here: https://www.dropbox.com/developers/apps
Facebook settings: You need to create a Facebook app and enter settings here to be able to import your Facebook images, and also to share images on Facebook as well.
You will need to enter your App settings, click Authorize and authorize your app to get your images and upload images.
13
Create your app here: https://developers.facebook.com/
Google drive / Google+ settings: you will need to authorize CanvaKala to read your images to be able to import images from your Google+ / Picasa albums, and to share images on Google +. Make sure you are logged into your Google account before clicking “Save & Authorize”.
14
Pinterest settings: enter your Pinterest username to import pins from your Pinterest account.
Instagram settings: enter your Instagram Client details to be able to import your images from your Instagram account.
Get your Instagram Client data here: http://instagram.com/developer/
Once you enter the details, click “Authorize” and authorize your app.
Twitter settings: enter your twitter Api details here to share images on twitter from CanvaKala.
Get your Twitter Api details here: https://apps.twitter.com/
15
Free Image Sources:
Check the sources you want to use when searching for free images (for Pixabay and Flickr you will need to enter details above).
Drag and drop them to reorder the search results
16
Watermarking settings: Configure settings here if you want to add a watermark (optionally) to your images.
The watermark can be a text (you can configure font family, size, color…) or an image.
Tip: If you choose an image, make sure it’s not too big or it will cover your original image.
To select the watermark position, edit position (9 possibilities) and offset (distance in pixels from the desired position).
17
3. VIDEOS
When you activate the plugin, your standard WordPress editor will show a new button, that you can click any time to insert a skinned video, either stored on your site, or from Youtube.
When you click on it, you get the following options:
18
Source: Image URL (either on your site, or Youtube URL)
Skin: the skin you would like for your video
Hide logo: if you have set up a logo for all your videos, but you would like to hide it on this particular video, select the checkbox.
Poster image: The default image for the video before it starts playing
Width/Height: Video size
Autoplay: Check this box to make the video play automatically on page load
Advanced tip: You can also insert your video manually anywhere by using the following shortcode:
[canvakala-video src="video url" skin="skin1" width="300" height="400" autoplay="true"]
Adding a logo to your video
If you wish to add your own logo to the video player, all you need to do is configure it under the main menu CanvaKala >> Video
On that screen you can select the image for your logo, the position and transparency.
Tip: Make sure that the image is small enough or it will cover your whole video!
19
PLUGIN REQUIREMENTS
To use CanvaKala, you will need to run WordPress version 3.5 or above.
SUPPORT
If you have any issues with the plugin, please open a support ticket at:
http://canvakala.com/support/
20