FotoPress Pro. User Manual

Transcription

1 FotoPress Pro User Manual

2 FotoPress 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

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 FotoPress 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

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. 4

5 Font effects Here you will find two sets of effects: 1) Google Effects: need to be activated manually 2) FotoPress 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

6 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

7 2. IMAGES Once you activate the plugin, your WordPress editor will have a new button at the top: "FotoPress", 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

8 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 FotoPress >> Images. 2) Upload: 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) 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 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

9 7) Social networks: You can import images from your social networks accounts with just one click: Facebook Instagram Pinterest Flickr Google Drive Dropbox Note: For security reasons, you will need to configure the settings of each social network under the main menu FotoPress >> Images before you can import social images. 8) Background: You can create a background with the size and color of your choice. 9) Youzign: Import images directly from your youzign.com account 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 9

10 Store on WP media gallery Share on: Facebook Pinterest Google + Twitter 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 FotoPress Editor, with the following options: 10

11 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

12 12

13 Setting up your image Settings You can edit all settings from the menu FotoPress >> Images. Pixabay settings: You will need to enter these details to make a search on pixabay. Get your api key here: 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: Get your Flickr username here: Youzign Settings: You will need your Public Key + Token to be able to import your youzign.com designs. Get your Youzign.com account here: Get your Youzing api details here: 13

14 Dropbox settings: You will need your Dropbox App Key to import your Dropbox images. Get your app key here: 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: 14

15 Google drive / Google+ settings: you will need to authorize FotoPress 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. 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: Once you enter the details, click Authorize and authorize your app. 15

16 Twitter settings: enter your twitter Api details here to share images on twitter from FotoPress. Get your Twitter Api details here: 16

17 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 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. 17

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

19 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: Source: Image URL (either on your site, or Youtube URL) 19

20 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: [fotopress-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 FotoPress >> 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! 20

21 PLUGIN REQUIREMENTS To use FotoPress, 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: 21