WP Beautify Pro

User Manual

2

WP Beautify allows you to completely change the way your WordPress site looks by adding

650+ 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”.

3

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 WP Beautify > 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.

4

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 <h1>,

<h2> etc in your theme, plus the body text as standard for all <p> 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.

5

Font effects

Here you will find two sets of effects:

1) Google Effects: need to be activated manually

2) WP Beautify 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.

Note: not all Google effects are available for all browsers; on the right you can find information

about browser support.

6

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 “Styles” you will find all Font effects.

You will also get Font sizes and Font foreground/background color selectors.

7

2. IMAGES

Once you activate the plugin, your WordPress editor will have a new button at the top: "WP

Beautify", 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:

1) Upload image: You can upload a picture stored on your computer

2) WP Gallery: Use one of the images currently on the standard WordPress media library.

8

3) 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”.

4) 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 WP Beautify >> Images.

5) Dropbox: import images from your Dropbox account

6) Memes: The plugin comes with 24 of the most popular meme images that you can start

using right away

7) Your social networks: You can import images from your social networks accounts with just

one click:

Facebook

Instagram

9

Pinterest

Flickr

Google+

Note: For security reasons, you will need to configure the settings of each social network under

the main menu WP Beautify >> Images before you can import social images.

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:

Facebook

Pinterest

Google +

Twitter

If, at this point, you click any of the options above, the image will be inserted/shared without

any modifications from the original.

10

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 WP Beautify Editor, with the following options:

Crop

Resize

Effects

Manual effects

Border

11

Text

Add shape

Draw

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

12

Setting up your image Settings

You can edit all settings from the menu WP Beautify >> 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/

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

13

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.

Create your app here: https://developers.facebook.com/

Google + settings: you will need to authorize WP Beautify 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 “Authorize”.

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.

14

Twitter settings: enter your twitter Api details here to share images on twitter from WP

Beautify.

Get your Twitter Api details here: https://apps.twitter.com/

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

15

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.

16

To select the watermark position, edit position (9 possibilities) and offset (distance in pixels

from the desired position).

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.

17

When you click on it, you get the following options:

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.

18

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:

[wpbeautify-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 WP Beautify >> 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 WP Beautify, 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://wpbeautify.com/support/