How To Use Portfolio Gallery In WordPress

Blog No Comments

Today I am going to introduce one of my favorite plugins, which has a wide range of functionalities and ways of using. I like this plugin most of all for its flexibility and variety of views. It can be used by website creators which have different professions and aims. For example, a painter can show his/her masterpieces, a blogger can show his videos, a cook can show the process of cooking, a teacher can show the result of a lesson or expedition, a designer can show his/her created dresses, a photographer unbelievable and creative photos. This list of professions can be unlimited because I am sure that everyone will find something useful in the plugin for building a website. As it is a natural desire to present a website in the most profitable way, then it is crucial to find a suitable plugin for reaching this aim. One of the plugins which can help users to achieve such good results is the Portfolio Gallery plugin. This plugin can be easily find in the WordPress, as well as easily installed.

In this post, I’ll present different views and their sphere of usage. Actually, the variants that I am going to present are not the only ones that can be used because everything depends on user’s taste and imagination. The first view which I am going to present is Blocks Toggle Up/Down view. This view can be used, for example, by a person who is selling  flower and plant seeds.

Today I am going to introduce one of my favorite plugins, which has a wide range of functionalities and ways of using. I like this plugin most of all for its flexibility and variety of views. It can be used by website creators which have different professions and aims. For example, a painter can show his/her masterpieces, a blogger can show his videos, a cook can show the process of cooking, a teacher can show the result of a lesson or expedition, a designer can show his/her created dresses, a photographer unbelievable and creative photos. This list of professions can be unlimited because I am sure that everyone will find something useful in the plugin for building a website. As it is a natural desire to present a website in the most profitable way, then it is crucial to find a suitable plugin for reaching this aim. One of the plugins which can help users to achieve such good results is the Portfolio Gallery plugin. This plugin can be easily find in the WordPress, as well as easily installed.

In this post, I’ll present different views and their sphere of usage. Actually, the variants that I am going to present are not the only ones that can be used because everything depends on user’s taste and imagination. The first view which I am going to present is Blocks Toggle Up/Down view. This view can be used, for example, by a person who is selling  flower and plant seeds.

The lightbox is showing images from that particular project only. In this case, peony has only two images, so in the lower left corner it is written “image 2 of 2”. This means that the lightbox is not showing images from the whole portfolio but is showing images from a separate item only.

 The next Full Height view has the  same appearance as the Toggle Up/Down has. But there is a little difference between them: the description, thumbnails and all other information are already opened from the first visit to the page. So, there is no necessity to click “close” or “open” arrow in order to get more information  as it is already given. But it doesn’t mean that the portfolio will not have a kind of secrecy and weirdness. It can be compensated with a simple view more button. The function of a “view more” button can be reached with the help of a URL field , which is placed under the description at the WordPress backend.

When the URL is added a “view more” button will appear at the front end. A “view more” button’s style and text can be easily customized with the help of general options. So, overall a Full Height block view will have the following appearance.

As it is obvious from the picture, all blocks have different heights. Actually, the height of a block depends on the description text length as well as     on thumbnails quantity.

A “view more” button which appears within a block will direct a visitor to a certain page, the URL of which was added from the backend.

After comparing these two views together it is worth to mention another view, which is somehow related to the Full Height blocks view. If we rotate the gallery to 45° then a new view will be created. And it will be called, of course, Full-Width view. As for me, the Full-Width view is more compact than Full Height view because in this case all information is presented horizontally and not vertically.

The next view, which is completely different from those ones which I have presented before is a Content Pop-Up view. This view can be used for those website creators who are offering some services. For example, in the following post, I have presented an example which can be used by a hair stylist.

This is the initial appearance of the view and after clicking on one of the images the following popup will appear.

The name of this view highlights and expresses the whole information about it: that is the popup contains some content. For example, in the following popup not only thumbnails with different hairstyles and colors are presented, but also information about the offered services: natural hair coloring, ombre, sombre and so on. The HTML can be easily used in the description and title. In the following pop up I have used <ul> tag , which is creating bullets. So, it will be possible to enumerate services and show them under each other. This kind of description will leave a good  impression on a visitor and will show the whole assortment of provided services.

The next view is FAQ Toggle Up/Down view. It can be used by those people who are going to answer some general questions which the visitors can have according to this or that topic.

The following screenshot is taken from the Demo Page of the plugin. In this case some common questions, which users have regarding the plugin are presented and answered with the help of Toggle Up/Down view. For example, how to change the name of gallery, how to upload a pro version to the WordPress, how to activate a lightbox and so on.

        The next Content Slider view can be used in different cases. In this post I’ll present the way of how a cook can use this view.

Within the Content Slider container some beautiful photo of salad, cake or meal can be added. Besides a recipe of ingredients can be written in the description field. Here HTML can be used as well. A “view more” button, which I’ve introduced earlier, can give some additional information to a slide. For example, the “view more” text can be changed into “watch a video” and it will be designed in order to show a process of cooking or making a salad. So, it will give an additional information which will make a website more useful and convenient. It worth to mention that this slider can be included in the template. And if it is already included in the template, then the  Slider can be combined with another portfolio.

        The next view is a Lightbox view. As for me this is a view of minimalists and those people who have nothing to say, except their photos, paintings, masterpieces. The proverb “actions speak louder than words” can be applied especially to this view. Here the view is “speaking” without any description, title or additional information. Only simple and exquisite photos. That is enough for presenting a separate branch of art: photography.

And finally we reached the last and the most beautiful view. It is and Elastic Grid view. This view is the mixture of a Content Popup, Blocks Toggle up/down, Lightbox and maybe other views as well. As it is very universal and amazing, it can be used for any kind of website. It can be applied to each website type that were presented in this post and to more.

In this view thumbnails are displaying in a simple and well-organized way. After hovering on the image a title appears on it. It is very important that the position for a title can be easily changed from the options and there is no need for CSS knowledge. It makes plugin more comfortable to use. After clicking on the image, an expand (that is the same popup) appears with all information on it. Thumbnails can be easily changed with little arrows and after clicking in them, they will appear at the left side instead of the main image. The great advantage and uniqueness of this view is that when a user is opening a separate image to see it, other images are not disappearing and they are always under the visitor’s attention.  It is really very important to show the whole assortment of images.

Overall, I have presented different ways and fields of using Portfolio Gallery. In this post only images and photos were used, but it is vital to note, that in this portfolio gallery it is possible to create video galleries as well with the help of videos from YouTube and Vimeo.  Without any doubt this plugin sphere of using is too large and it is impossible to speak about all of them within a one post only. However, I tried to bring some general and common example, which are like the skillets for other websites. On these skillets other information can be built. Surely, it will be better if a website creator will use his/her imagination and experience in order to create more interesting and attractive galleries using only one plugin, which is completely enough for reaching various aims that is to inform, to offer services, to answer questions, to 

share hobbies, to each and just to present the content of a website in a marvelous way.

Author Bio:

My name is Anna. I adore creating and sewing dresses. For creating a commercial website (shop) and selling my dresses I use WordPress with its wonderful plugins. I am not a website developer or expert in creating  websites, but all those plugins which I use are very simple and they help me in reaching my aims and even dreams. So, if you have any suggestion or advice feel free to contact me on the LinkedIn:

  • https://www.linkedin.com/profile/in/anna-gasparyan-1ba701125?
We really appreciate you for visiting PremiumCoding and reading this article! Now you might also want to check out our Themes here.