=== Portfolio Gallery === Contributors: Huge-IT Donate link: http://huge-it.com/portfolio-gallery/ Tags: Portfolio Gallery, portfolio, portfolios, page, pages, picture, pictures, album, custom fields, image, image description, images, image display, image-size, images gallery, gallery, jpeg, jpg, png, labels, posts, post, visual items, thumbnails, screenshots, screenshot, image gallery, FAQ, FAQ widget, answer, answers, wordpress FAQ, questions, list, grid, web designer, slider, sliders, wordpress slider, wordpress slideshow, wp slider, slide, slide show, slider, slider plugin, slider widget, slides, slideshow, slideshow manager, gallery description, slideshow plugin, gallery slider, galeri, galerie, widget, widget slider, widget slideshow, widgets, foto, seo, posts slider, responsive, responsive slider, responsive slideshow, Photo Slider, plugin, Image Rotator, carousel, wordpress photo gallery plugin, wordpress gallery, wordpress gallery plugin, banner rotator, best gallery, best gallery plugin, image album, image gallery plugin, images gallery, media, photo, photo album, photo albums, photo gallery, photogallery, photos, nextgen, nextgen gallery, photoset, picture, pictures, Simple gallery, website gallery, widget gallery, wp gallery plugins, wp gallery, photoalbum, view images, multiple pictures, category, categories, plugin, plugins, thumbs, shortcode, lightbox, lightbox photo, image lightbox, gallery lightbox, content slider, wordpress portfolio, galleries, galleria, wordpress portfolio plugin, project, photography, dashboard, projects, custom, filterable gallery, filterable portfolio, jquery portfolio, jquery gallery, sortable portfolio, prettyphoto, picture gallery, picture portfolio, fullscreen gallery, fullscreen, thumbnail, iphone gallery, mobile, free photo gallery, Requires at least: 3.0.1 Tested up to: 3.9.1 Stable tag: 10.0 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Portfolio Gallery is a great plugin for adding specialized portfolios or gallery to your site. There are various view options for the images to choose. == Description == ### Wordpress Portfolio Gallery [Demo Portfolio Gallery](http://huge-it.com/wordpress-plugins-portfolio-gallery-demo/) [Demo Portfolio Gallery Admin](http://huge-it.com/wordpress-plugins-portfolio-gallery-demo-admin/) [User Portfolio Gallery Manual](http://huge-it.com/wordpress-plugins-portfolio-gallery-user-manual/) **Portfolio Gallery** is perfect for using for creating various portfolios or gallery within various views. The product allows adding descriptions and titles for each portfolio gallery. It is rather useful whever using with various pages and posts, as well as within custom location. You can use **portfolio gallery** plugin to make your portfolio's projects as well as to create your own image gallery, It has also the ability to create nicely designed FAQ system. You can can use portfolio gallery on different pages so if you need to create portfolio, gallery, gallery with description, faq, slider and content slider you can install only portfolio gallery plugin. With nicely designed user friendly admin panel of porfolio gallery It will take you 2 minutes to create your portfolio or gallery on your website. Portfolio Gallery uses 7 view options and can be customized using the General Options. Almost all kind of texts are customizable in terms of text and color. ### The features of the Portfolio Gallery: **WordPress Portfolio** / Gallery ready 7 Views of Portfolio Gallery : * Blocks Toggle Up/Down * Full-Height Blocks * Gallery / Content-Popup * Full-Width Blocks * FAQ Toggle Up/Down * Content Slider * Lightbox Gallery * Unlimited amount of images to be added to the Portfolio Gallery * Possibility of adding various portfolios * Possibility of adding various images for each portfolio gallery * Image, title and description to the Portfolio Gallery * Possibility to add URL to tailor specific pages to the Portfolio Gallery * Possibility to use different Portfolios / Galleries for different pages * Autogenerated shortcode for the easier process of adding the Portfolio / Gallery to the posts/pages/templates * Possibility to add Portfolio / Gallery in widgets right from widgets admin panel * Drag and Drop functionality. Drag and drop images/projects to rearrange their sequence in the Portfolio / Gallery * Full Documentation * Sample Portfolios / Galleries Included Upgrade to [WordPress Portfolio / Gallery Pro](http://huge-it.com/portfolio-gallery) to Customizable Styles and Colors. ### If you think, that you found a bug in our [WordPress Portfolio Gallery](http://huge-it.com/portfolio-gallery) plugin or have any question contact us at [info@huge-it.com](mailto:info@huge-it.com). == Installation == ###Thank you for your interest in Portfolio Gallery. Minimum requirements Portfolio Gallery. WordPress 3.0+ PHP 5.x MySQL 5.x ### First download the ZIP file , 1. Log in to your website administrator panel. 2. Go to Plugins page, and add new plugin. 3. Upload [WordPress Portfolio Gallery](http://wordpress.org/plugins/portfolio-gallery). 4. Click `Install Now` button. 5. Then click `Activate Plugin` button. Now you can set your Portfolio Gallery options, images and use our portfolio gallery. ### If you think, that you found a bug in our [WordPress Portfolio Gallery](http://huge-it.com/portfolio-gallery) plugin or have any question contact us at [info@huge-it.com](mailto:info@huge-it.com). == Screenshots == 1. WordPress Portfolio Gallery view 1 - Blocks Toggle Up/Down 2. WordPress Portfolio Gallery view 2 - Full-Height Blocks 3. WordPress Portfolio Gallery view 3 - Gallery 4. WordPress Portfolio Gallery view 3.2 - Gallery / Content-Popup 5. WordPress Portfolio Gallery view 4 - Full-Width Blocks 6. WordPress Portfolio Gallery view 5 - FAQ Toggle Up/Down 7. WordPress Portfolio Gallery view 6 - Content Slider 8. WordPress Portfolio Gallery view 7 - Lightbox - Gallery 9. WordPress Portfolio Gallery view 7.2 - Lightbox / Gallery - popup 10. [WordPress Portfolio Gallery](http://wordpress.org/plugins/portfolio-gallery/) - Portfolio Gallery admin page 11. [WordPress Portfolio Gallery](http://wordpress.org/plugins/portfolio-gallery/) - Portfolio Gallery admin page == Changelog == = 1.1.2 = * Bug fixed. = 1.0.7 = * Bug fixed in Portfolio Gallery. = 1.0.8 = * Bug fixed in Portfolio Gallery. = 1.0.9 = * Add image Bug fixed in Portfolio Gallery. = 1.1.0 = * The lightbox has been changed from old one to new and better. ==Wordpress Adding a Portfolio Gallery== ### Adding a Portfolio Gallery. To add a new Portfolio Gallery go to Porfolios> Add New Porfolio / Gallery. Add images. Use the standard WordPress Image uploader to add an image presing Add Project/Image button. Title. Provide a title for the portfolio gallery set. Description. Provide a description for the portfolio gallery set. URL. Provide the link to be opened when hitting the image. In addition you can make the image to open in a separate window checking the box. ### Inserting Created Portfolio Gallery. On the upper right hand you can identify three blocks of options for the portfolio gallery. Current Porfolio Gallery Options. Choose one of the options for the porfolio gallery image display. Usage. Here you will see the shortcode for the created portfolio gallery. You can add the shortcode to the page or post where you want the images to be displayed. In addition you can find the shortcode icon width each post and page within its TinyMCE editor and can click on it, select the portfolio gallery and insert the shortcode. Template Usage. If you want to use the portfolio gallery for a custom location with the theme, you can copy and paste the provided code. ### Upgrade to [WordPress Portfolio Gallery Pro](http://huge-it.com/portfolio-gallery/) to add some features: ### General Options of Portfolio gallery. This section will allow making changes for the specific view option of the Portfolio Gallery. Most of the view options allow styling and color options. The relevant changes will affect all portfolio gallery using that specific view option. ### Blocks Toggle Up/Down - Portfolio Gallery. Element Styles Element Background Color.Determine the background color for the portfolio gallery element. Element Border Width. Set the border width for the portfolio gallery element. Element Border Color. Select the portfolio gallery element border color. Toggle Button Style. Choose the style for the portfolio gallery toggle button. Show Separator Lines. Choose whether to display portfolio gallery divider lines or not. Main Image Main Image Width. Set the portfolio gallery main image width in pixels. Main Image Height. Set the portfolio gallery main image height in pixels. Title Title Font Size. Specify the font size for the portfolio gallery title. Title Font Color. Choose the color for the portfolio gallery title font. thumbs Show thumbs. Choose whether to display the portfolio gallery image thumbs or not. thumbs Position. Set the portfolio gallery positioning of the thumbs. thumbs Width. Set the width for the portfolio gallery image thumbs. Description Show Description. Choose whether to display the description of the portfolio gallery or not. Description Font Size. Set the portfolio gallery description font size in pixels. Description Font Color. Select the portfolio gallery description font color. Link Button Show Link Button. Choose whether to display portfolio gallery Show More button. Link Button Text. Define the text of the portfolio gallery Show More button. Link Button Font Size. Set the font size for the portfolio gallery Show More button. Link Button Font Color. Select the font color for the portfolio gallery Show More button. Link Button Font Hover Color. Select the font color for the portfolio gallery Show More button when hovered. Link Button Background Color. Select the background color for the portfolio gallery Show More button. Link Button Background Hover Color. Select the background color for the portfolio gallery Show More button when hovered. ### Full-Height Blocks - Portfolio Gallery Element Styles Block Width. Set the width of the blocks in pixels. Element Background Color. Determine the background color for the portfolio gallery element. Element Border Width. Set the border width for the portfolio gallery element. Element Border Color. Select the portfolio gallery element border color. Show Separator Lines. Choose whether to display divider lines or not. Title Title Font Size. Specify the font size for the portfolio gallery title. Title Font Color. Choose the color for the portfolio gallery title font. Thumbs Show Thumbs. Choose whether to display the portfolio gallery image thumbs or not. Thumbs Position. Set the portfolio gallery thumbnail position. Thumbs Width. Set the portfolio gallery thumbnail width in pixels. Description Show Description. Choose whether to display the portfolio gallery image descriptions or not. Description Font Size. Determine the font size for the portfolio gallery image descriptions. Description Font Color. Choose the portfolio gallery font color for the image description. Link Button Show Link Button. Choose whether to display Show More button. Link Button Text. Define the portfolio gallery text of the Show More button. Link Button Font Size. Set the portfolio gallery font size for the Show More button. Link Button Font Color. Select the portfolio gallery font color for the Show More button. Link Button Font Hover Color. Select the portfolio gallery font color for the Show More button when hovered. Link Button Background Color. Select the portfolio gallery background color for the Show More button. Link Button Background Hover Color. Select the portfolio gallery background color for the Show More button when hovered. ### Gallery / Content Pop-Up - Portfolio Gallery Element Styles Element Width. Set portfolio gallery element width in pixels. Element Height. Set portfolio gallery element height in pixels. Element Background Color. Determine the background color for portfolio gallery element. Element Border Width. Set portfolio gallery border width for the element. Element Border Color. Select portfolio gallery element border color. Element's Image Overlay Color. Set portfolio gallery overlay color for the element image. Element's Image Overlay Transparency. Determine portfolio gallery transparency level of the overlay. Zoom Image Style. Choose portfolio gallery light or dark options of the image zoom. Element Title Element Title Font Size. Specify portfolio gallery font size for the element title. Element Title Font Color. Choose portfolio gallery color for the element title font. Element Link Button Show Link Button On Element. Choose whether to display Show More button on portfolio gallery element or not. Link Button Text. Set portfolio gallery text for the Show More button. Link Button Font Size. Defin portfolio gallery font size for the text over the button. Link Button Font Color. Select portfolio gallery font color for the text over the buton. Link Button Background Color. Select portfolio gallery background color for the text over the button. Popup Styles Popup Background Color. Select portfolio gallery popup background color. Popup Overlay Color. Set portfolio gallery overlay color for the background. Popup Overlay Transparency. Set portfolio gallery level of transprancy of the popup overlay. Popup Close Button Style. Select portfolio gallery style of the Close button for the background. Show Separator Lines. Choose whether to display divider lines or not. Popup Title Popup Title Font Size. Specify portfolio gallery font size for the popup title. Popup Title Font Color. Choose the color for the popup title font. Popup Thumbs Show Thumbs. Choose whether to display portfolio gallery image thumbs or not. Thumbs Position. Set portfolio gallery positioning of the thumbs. Thumbs Width. Set portfolio gallery width for the image thumbs. Popup Description Show Description. Choose whether to display portfolio gallery description of the portfolio gallery or not. Description Font Size. Set portfolio gallery portfolio gallery description font size in pixels. Description Font Color. Select portfolio gallery portfolio gallery description font color. Popup Link Button Show Link Button. Choose whether to display Show More button. Link Button Text. Define portfolio gallery text of the Show More button. Link Button Font Size. Set portfolio gallery font size for the Show More button. Link Button Font Color. Select portfolio gallery font color for the Show More button. Link Button Font Hover Color. Select portfolio gallery font color for the Show More button when hovered. Link Button Background Color. Select portfolio gallery background color for the Show More button. Link Button Background Hover Color. Select portfolio gallery background color for the Show More button when hovered. ### Full-Width Blocks - Portfolio Gallery Elements Styles Main Image Width. Set portfolio gallery width of the main image. Element Background Color. Determine portfolio gallery background color for the element. Element Border Width. Set portfolio gallery border width of the element. Element Border Color. Select portfolio gallery element border color. Show Separator Lines. Choose whether to display divider lines or not. Title Title Font Size. Specify portfolio gallery font size for the portfolio gallery title. Title Font Color. Choose portfolio gallery color for the portfolio gallery title font. Thumbs Show Thumbs. Choose whether to display the image thumbs or not. Thumbs Position. Set portfolio gallery positioning of the thumbs. Thumbs Width. Set portfolio gallery width for the image thumbs. Description Show Description. Choose whether to display portfolio gallery description of the portfolio gallery or not. Description Font Size. Determine portfolio gallery description font size in pixels. Description Font Color. Select portfolio gallery font color for the description. Link Button Show Link Button. Choose whether to display Show More button. Link Button Text. Define portfolio gallery text of the Show More button. Link Button Font Size. Set portfolio gallery font size for the Show More button. Link Button Font Color. Select portfolio gallery font color for the Show More button. Link Button Font Hover Color. Select portfolio gallery font color for the Show More button when hovered. Link Button Background Color. Select portfolio gallery background color for the Show More button. Link Button Background Hover Color. Select portfolio gallery background color for the Show More button when hovered. ### FAQ - Portfolio Gallery First Shown Block Block Width. Set portfolio gallery width for the block in pixels. Block Background Color. Select portfolio gallery background Block Border Width. Se portfolio gallery border width in pixels. Block Border Color. Choose portfolio gallery boder color. Title Title Font Size. Specify portfolio gallery font size for the portfolio gallery title. Title Font Color. Choose portfolio gallery color for the portfolio gallery title font. Toggle Button Style. Select portfolio gallery toggle button style from the provided options. Description Show Description. Choose whether to display portfolio gallery description of the portfolio gallery or not. Description Font Size. Set portfolio gallery portfolio gallery description font size in pixels. Description Font Color. Select portfolio gallery portfolio gallery description font color. Link Button Show Link Button. Choose whether to display Show More button. Link Button Text. Define portfolio gallery text of the Show More button. Link Button Font Size. Set portfolio gallery font size for the Show More button. Link Button Font Color. Select portfolio gallery font color for the Show More button. Link Button Font Hover Color. Select portfolio gallery font color for the Show More button when hovered. Link Button Background Color. Select portfolio gallery background color for the Show More button. Link Button Background Hover Color. Select portfolio gallery background color for the Show More button when hovered. ### Content Slider - Portfolio Gallery Portfolio Gallery Content Slider Slider Background Color. Choose portfolio gallery background color for the slider. Slider Tabs Font Color. Set portfolio gallery font color for the slider tabs. Slider Tabs Background Color. Set portfolio gallery background color for the slider tabs. Icons Style. Choose portfolio gallery icon style. Images Main Image Width. Set portfolio gallery main image width in pixels. Main Image Height. Set portfolio gallery main image height in pixels. Show Thumbs Thumbs Width. Set portfolio gallery width for the thumbs. Thumbs Height. Set portfolio gallery height for the imag thumbs. Title Title Font Size. Specify portfolio gallery font size for the portfolio gallery title. Title Font Color. Choose portfolio gallery color for the portfolio gallery title font. Description Show Description. Choose whether to display portfolio gallery description of the portfolio gallery or not. Description Font Size. Set portfolio gallery portfolio gallery description font size in pixels. Description Font Color. Select portfolio gallery portfolio gallery description font color. Link Button Show Link Button. Choose whether to display Show More button. Link Button Text. Define portfolio gallery text of the Show More button. Link Button Font Size. Set portfolio gallery font size for the Show More button. Link Button Font Color. Select portfolio gallery font color for the Show More button. Link Button Font Hover Color. Select portfolio gallery font color for the Show More button when hovered. Link Button Background Color. Select portfolio gallery background color for the Show More button. Link Button Background Hover Color. Select portfolio gallery background color for the Show More button when hovered. ### Lightbox Gallery - Portfolio Gallery Image Image Width. Set portfolio gallery image width in pixels. Image Border Width. Set portfolio gallery image border width in pixels. Image Border Color. Select portfolio gallery image border color. Border Radius. Set portfolio gallery border radius in pixels. Title Title Font Size. Specify portfolio gallery font size for the portfolio gallery title. Title Font Color. Choose portfolio gallery color for the portfolio gallery title font. Title Font Hover Color. Choose portfolio gallery color for the portfolio gallery title font when hovered. Title Background Color. Set a background color fot the title. Title Background Transparency. Determine portfolio gallery title background transparency level. ### Inserting the Portfolio gallery Inserting the Portfolio gallery into the Post or Page. You should use the automatically generated code into the the Post or Page. The shortcodes takes the following form: [huge_it_portfolio id=N] , where N is the number ID of the created [WordPress Portfolio gallery](http://huge-it.com/portfolio-gallery). Inserting the Portfolio gallery into the template. The shortcode can be easily inserted into a template/theme which corresponds to the WordPress standards. To do so you should insert the following shorcode: Where N is the number ID of the created Portfolio gallery.