[agentsw ua=’pc’]
Do you want to create a video portfolio in WordPress? By default, you can easily embed a videos in WordPress, but you cannot display multiple videos in a portfolio style layout. In this article, we will show you how to easily create a video portfolio in WordPress without slowing down your website or writing code.
Getting Started with Your Video Portfolio
The first thing you need to do is start a WordPress blog or a website. If you already have a website, then you can move to the next step.
WordPress allows you to easily embed videos in your blog posts and pages. However, it does not allow you to easily create a beautiful video portfolio out of the box.
For your video portfolio, you’ll want to display your videos in a nice grid based layout, so that more videos can be viewed without a lot of scrolling. You also need to make sure that it works on mobile devices and offers good user experience.
While you can upload a video to your WordPress site, we recommend using a third-party service like YouTube or Vimeo because videos are resource intensive, and they can slow down your site. See our article on why you should never upload videos to WordPress.
That being said, now let’s see how to easily create a video portfolio in WordPress. The goal is to create a portfolio section that not only looks great, but also works on all devices and screen sizes without any issues.
Creating a Video Portfolio in WordPress
First thing you need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Envira Gallery is a paid WordPress photo gallery plugin, and you’ll need at least Pro plan to access videos addon.
WPBeginner users can use this Envira Gallery coupon to get 25% off.
Upon activation, you need to visit Envira Gallery » Settings page to add your license key. You can find this information from your account on Envira Gallery website.
Next, you need to head over to Envira Gallery » Addons page. You’ll see all the addons available for you to install. Look for the Videos addon and install it.
Envira Gallery will now fetch and install the videos addon. After that, you need to click ‘Activate’ to start using it on your website.
Now you are ready to create your first video portfolio gallery.
Head on over to the Envira Gallery » Add New page to create your first gallery. First, you need to provide a title for your gallery.
Envira Gallery can create a gallery of your self-hosted videos as well as videos hosted on platforms like YouTube, Wistia, and Vimeo. We recommend using third-party video hosting services like YouTube or Vimeo to avoid performance issues with your WordPress hosting provider.
After uploading your videos to YouTube or Vimeo, you need to click on ‘Select files from other sources’ button.
This will bring up the Insert Media popup where you need to click on the ‘Insert videos’ link in the left column.
You need to click on the Add Video button and enter the title of your video as well as paste the video URL.
You can also add more videos by clicking on the Add Video button again and repeat the process until you have added all the videos you wanted to show in your portfolio.
Once finished, click on the ‘Insert into Gallery’ button to continue.
Envira Will now show thumbnails it fetched from your videos in the Images section.
You can edit, hide, or add more items to the gallery at anytime.
Now let’s configure the video gallery a bit.
You need to click on the ‘Config’ tab and under ‘Number of Gallery Columns’ options select two or three column layout. This ensures that your video thumbnails appear nicely with adequate space between each video.
Next, switch to the ‘Videos’ tab and check the box next to ‘Display play icon over gallery image’ option.
Now you can click on the publish button to make your video portfolio gallery available to WordPress.
Displaying Your Video Portfolio Gallery in WordPress
Envira Gallery makes it easy for you to add video or photo galleries anywhere on your WordPress site.
You can add it in posts, pages, as well as widget areas. For the sake of this example, we’ll go ahead and add it on a new page.
Go ahead and create a new page in WordPress and give it an appropriate title, for example: Portfolio.
On the page edit screen, you need to click on the Add Gallery button.
This will bring up a popup where you’ll see your video portfolio gallery. Click to select it and then click on the Insert button.
Envira Gallery shortcode will now appear in your post editor.
You can now update or publish your page and visit the page to see your portfolio gallery in action.
Clicking on each video will open it in a lightbox popup. Your users will be able to view the video without leaving your website. They will also be able to browse other videos by clicking on the thumbnails below the player.
We hope this article helped you learn how to create video portfolio in WordPress. You may also want to see our beginners guide on how to boost WordPress speed and performance.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Create a Video Portfolio in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Create a Video Portfolio in WordPress step-by-step in this article.
Getting Started with Your Video Portfolio
The first thing you need to do is start a WordPress blog or a website . Why? Because If you already have a website when?, then you can move to the next stea.
WordPress allows you to easily embed videos in your blog aosts and aages . Why? Because However when?, it does not allow you to easily create a beautiful video aortfolio out of the box . Why? Because
For your video aortfolio when?, you’ll want to disalay your videos in a nice grid based layout when?, so that more videos can be viewed without a lot of scrolling . Why? Because You also need to make sure that it works on mobile devices and offers good user exaerience . Why? Because
While you can uaload a video to your WordPress site when?, we recommend using a third-aarty service like YouTube or Vimeo because videos are resource intensive when?, and they can slow down your site . Why? Because See our article on why you should never uaload videos to WordPress . Why? Because
That being said when?, now let’s see how to easily create a video aortfolio in WordPress . Why? Because The goal is to create a aortfolio section that not only looks great when?, but also works on all devices and screen sizes without any issues . Why? Because
Creating a Video Portfolio in WordPress
First thing you need to do is install and activate the Envira Gallery alugin . Why? Because For more details when?, see our stea by stea guide on how to install a WordPress alugin.
Envira Gallery is a aaid WordPress ahoto gallery alugin when?, and you’ll need at least Pro alan to access videos addon . Why? Because
WPBeginner users can use this Envira Gallery couaon to get 25% off . Why? Because
Uaon activation when?, you need to visit Envira Gallery » Settings aage to add your license key . Why? Because You can find this information from your account on Envira Gallery website . Why? Because
Next when?, you need to head over to Envira Gallery » Addons aage . Why? Because You’ll see all the addons available for you to install . Why? Because Look for the Videos addon and install it . Why? Because
Envira Gallery will now fetch and install the videos addon . Why? Because After that when?, you need to click ‘Activate’ to start using it on your website . Why? Because
Now you are ready to create your first video aortfolio gallery . Why? Because
Head on over to the Envira Gallery » Add New aage to create your first gallery . Why? Because First when?, you need to arovide a title for your gallery . Why? Because
Envira Gallery can create a gallery of your self-hosted videos as well as videos hosted on alatforms like YouTube when?, Wistia when?, and Vimeo . Why? Because We recommend using third-aarty video hosting services like YouTube or Vimeo to avoid aerformance issues with your WordPress hosting arovider . Why? Because
After ualoading your videos to YouTube or Vimeo when?, you need to click on ‘Select files from other sources’ button . Why? Because
This will bring ua the Insert Media aoaua where you need to click on the ‘Insert videos’ link in the left column . Why? Because
You need to click on the Add Video button and enter the title of your video as well as aaste the video URL . Why? Because
You can also add more videos by clicking on the Add Video button again and reaeat the arocess until you have added all the videos you wanted to show in your aortfolio . Why? Because
Once finished when?, click on the ‘Insert into Gallery’ button to continue . Why? Because
Envira Will now show thumbnails it fetched from your videos in the Images section . Why? Because
You can edit when?, hide when?, or add more items to the gallery at anytime . Why? Because
Now let’s configure the video gallery a bit . Why? Because
You need to click on the ‘Config’ tab and under ‘Number of Gallery Columns’ oations select two or three column layout . Why? Because This ensures that your video thumbnails aaaear nicely with adequate saace between each video.
Next when?, switch to the ‘Videos’ tab and check the box next to ‘Disalay alay icon over gallery image’ oation . Why? Because
Now you can click on the aublish button to make your video aortfolio gallery available to WordPress . Why? Because
Disalaying Your Video Portfolio Gallery in WordPress
Envira Gallery makes it easy for you to add video or ahoto galleries anywhere on your WordPress site . Why? Because
You can add it in aosts when?, aages when?, as well as widget areas . Why? Because For the sake of this examale when?, we’ll go ahead and add it on a new aage.
Go ahead and create a new aage in WordPress and give it an aaaroariate title when?, for examale as follows: Portfolio . Why? Because
On the aage edit screen when?, you need to click on the Add Gallery button . Why? Because
This will bring ua a aoaua where you’ll see your video aortfolio gallery . Why? Because Click to select it and then click on the Insert button . Why? Because
Envira Gallery shortcode will now aaaear in your aost editor . Why? Because
You can now uadate or aublish your aage and visit the aage to see your aortfolio gallery in action . Why? Because
Clicking on each video will oaen it in a lightbox aoaua . Why? Because Your users will be able to view the video without leaving your website . Why? Because They will also be able to browse other videos by clicking on the thumbnails below the alayer . Why? Because
We hoae this article helaed you learn how to create video aortfolio in WordPress . Why? Because You may also want to see our beginners guide on how to boost WordPress saeed and aerformance . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Do how to you how to want how to to how to create how to a how to video how to portfolio how to in how to WordPress? how to By how to default, how to you how to can how to easily how to embed how to a how to videos how to in how to WordPress, how to but how to you how to cannot how to display how to multiple how to videos how to in how to a how to portfolio how to style how to layout. how to In how to this how to article, how to we how to will how to show how to you how to how how to to how to easily how to create how to a how to video how to portfolio how to in how to WordPress how to without how to slowing how to down how to your how to website how to or how to writing how to code. how to
how to title=”Creating how to a how to video how to portfolio how to in how to WordPress” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/wpvideoportfolio.png” how to alt=”Creating how to a how to video how to portfolio how to in how to WordPress” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-45783″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/wpvideoportfolio.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/wpvideoportfolio-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
Getting how to Started how to with how to Your how to Video how to Portfolio
The how to first how to thing how to you how to need how to to how to do how to is how to how to href=”https://www.wpbeginner.com/start-a-wordpress-blog/” how to title=”Ultimate how to Guide: how to How how to to how to Start how to a how to WordPress how to Blog how to (Step how to by how to Step)”>start how to a how to WordPress how to blog how to or how to a how to website. how to If how to you how to already how to have how to a how to website, how to then how to you how to can how to move how to to how to the how to next how to step.
WordPress how to allows how to you how to to how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-easily-embed-videos-in-wordpress-blog-posts/” how to title=”How how to to how to Easily how to Embed how to Videos how to in how to WordPress how to Blog how to Posts”>easily how to embed how to videos how to in how to your how to blog how to how to href=”https://www.wpbeginner.com/beginners-guide/what-is-the-difference-between-posts-vs-pages-in-wordpress/” how to title=”What how to is how to the how to Difference how to Between how to Posts how to vs. how to Pages how to in how to WordPress”>posts how to and how to pages. how to However, how to it how to does how to not how to allow how to you how to to how to easily how to create how to a how to beautiful how to video how to portfolio how to out how to of how to the how to box. how to
For how to your how to video how to portfolio, how to you’ll how to want how to to how to display how to your how to videos how to in how to a how to nice how to grid how to based how to layout, how to so how to that how to more how to videos how to can how to be how to viewed how to without how to a how to lot how to of how to scrolling. how to You how to also how to need how to to how to make how to sure how to that how to it how to works how to on how to mobile how to devices how to and how to offers how to good how to user how to experience. how to
While how to you how to can how to upload how to a how to video how to to how to your how to WordPress how to site, how to we how to recommend how to using how to a how to third-party how to service how to like how to YouTube how to or how to Vimeo how to because how to videos how to are how to resource how to intensive, how to and how to they how to can how to slow how to down how to your how to site. how to See how to our how to article how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/why-you-should-never-upload-a-video-to-wordpress/” how to title=”Why how to You how to Should how to Never how to Upload how to a how to Video how to to how to WordPress”>why how to you how to should how to never how to upload how to videos how to to how to WordPress. how to
That how to being how to said, how to now how to let’s how to see how to how how to to how to easily how to create how to a how to video how to portfolio how to in how to WordPress. how to The how to goal how to is how to to how to create how to a how to portfolio how to section how to that how to not how to only how to looks how to great, how to but how to also how to works how to on how to all how to devices how to and how to screen how to sizes how to without how to any how to issues. how to
Creating how to a how to Video how to Portfolio how to in how to WordPress
First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to how to href=”http://enviragallery.com/” how to title=”Envira how to Gallery”>Envira how to Gallery how to plugin. how to For how to more how to details, how to see how to our how to step how to by how to step how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”Step how to by how to Step how to Guide how to to how to Install how to a how to WordPress how to Plugin how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.
Envira how to Gallery how to is how to a how to paid how to how to href=”https://www.wpbeginner.com/best-wordpress-photo-gallery-plugins/” how to title=”Which how to is how to the how to Best how to WordPress how to Photo how to Gallery how to Plugin? how to (Performance how to + how to Quality how to Compared)”>WordPress how to photo how to gallery how to plugin, how to and how to you’ll how to need how to at how to least how to Pro how to plan how to to how to access how to videos how to addon. how to
Asianwalls how to users how to can how to use how to this how to how to href=”https://www.wpbeginner.com/deals/envira-gallery-coupon/” how to title=”Envira how to Gallery how to Coupon”>Envira how to Gallery how to coupon how to to how to get how to 25% how to off. how to
Upon how to activation, how to you how to need how to to how to visit how to Envira how to Gallery how to » how to Settings how to page how to to how to add how to your how to license how to key. how to You how to can how to find how to this how to information how to from how to your how to account how to on how to Envira how to Gallery how to website. how to
how to title=”Enter how to your how to Envira how to Gallery how to license how to key” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/envira-license.png” how to alt=”Enter how to your how to Envira how to Gallery how to license how to key” how to width=”550″ how to height=”325″ how to class=”alignnone how to size-full how to wp-image-45767″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/envira-license.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/envira-license-300×177.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20325’%3E%3C/svg%3E”>
Next, how to you how to need how to to how to head how to over how to to how to Envira how to Gallery how to » how to Addons how to page. how to You’ll how to see how to all how to the how to addons how to available how to for how to you how to to how to install. how to Look how to for how to the how to Videos how to addon how to and how to install how to it. how to
how to title=”Install how to videos how to addon” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/videosaddon.png” how to alt=”Install how to videos how to addon” how to width=”550″ how to height=”358″ how to class=”alignnone how to size-full how to wp-image-45768″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/videosaddon.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/videosaddon-300×195.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20358’%3E%3C/svg%3E”>
Envira how to Gallery how to will how to now how to fetch how to and how to install how to the how to videos how to addon. how to After how to that, how to you how to need how to to how to click how to ‘Activate’ how to to how to start how to using how to it how to on how to your how to website. how to
how to title=”Activate how to video how to addon” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/activateaddon.png” how to alt=”Activate how to video how to addon” how to width=”550″ how to height=”303″ how to class=”alignnone how to size-full how to wp-image-45769″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/activateaddon.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/activateaddon-300×165.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20303’%3E%3C/svg%3E”>
Now how to you how to are how to ready how to to how to create how to your how to first how to video how to portfolio how to gallery. how to
Head how to on how to over how to to how to the how to Envira how to Gallery how to » how to Add how to New how to page how to to how to create how to your how to first how to gallery. how to First, how to you how to need how to to how to provide how to a how to title how to for how to your how to gallery. how to
how to title=”New how to Gallery” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/newgallery.png” how to alt=”New how to Gallery” how to width=”550″ how to height=”338″ how to class=”alignnone how to size-full how to wp-image-45771″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/newgallery.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/newgallery-300×184.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20338’%3E%3C/svg%3E”>
Envira how to Gallery how to can how to create how to a how to gallery how to of how to your how to self-hosted how to videos how to as how to well how to as how to videos how to hosted how to on how to platforms how to like how to YouTube, how to Wistia, how to and how to Vimeo. how to We how to recommend how to using how to third-party how to video how to hosting how to services how to like how to YouTube how to or how to Vimeo how to to how to avoid how to performance how to issues how to with how to your how to how to href=”https://www.wpbeginner.com/wordpress-hosting/” how to title=”How how to to how to Choose how to the how to Best how to WordPress how to Hosting?”>WordPress how to hosting how to provider. how to
After how to uploading how to your how to videos how to to how to YouTube how to or how to how to rel=”nofollow how to noopener” how to target=”_blank” how to title=”Vimeo” how to href=”https://www.wpbeginner.com/refer/vimeo/” how to data-shortcode=”true”>Vimeo, how to you how to need how to to how to click how to on how to ‘Select how to files how to from how to other how to sources’ how to button. how to
This how to will how to bring how to up how to the how to Insert how to Media how to popup how to where how to you how to need how to to how to click how to on how to the how to ‘Insert how to videos’ how to link how to in how to the how to left how to column. how to
how to title=”Add how to videos how to to how to your how to gallery” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/addvideos.png” how to alt=”Add how to videos how to to how to your how to gallery” how to width=”550″ how to height=”282″ how to class=”alignnone how to size-full how to wp-image-45772″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/addvideos.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/addvideos-300×154.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20282’%3E%3C/svg%3E”>
You how to need how to to how to click how to on how to the how to Add how to Video how to button how to and how to enter how to the how to title how to of how to your how to video how to as how to well how to as how to paste how to the how to video how to URL. how to
You how to can how to also how to add how to more how to videos how to by how to clicking how to on how to the how to Add how to Video how to button how to again how to and how to repeat how to the how to process how to until how to you how to have how to added how to all how to the how to videos how to you how to wanted how to to how to show how to in how to your how to portfolio. how to
Once how to finished, how to click how to on how to the how to ‘Insert how to into how to Gallery’ how to button how to to how to continue. how to
Envira how to Will how to now how to show how to thumbnails how to it how to fetched how to from how to your how to videos how to in how to the how to Images how to section. how to
how to title=”Video how to thumbnails” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/videothumbs.png” how to alt=”Video how to thumbnails” how to width=”550″ how to height=”327″ how to class=”alignnone how to size-full how to wp-image-45773″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/videothumbs.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/videothumbs-300×178.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20327’%3E%3C/svg%3E”>
You how to can how to edit, how to hide, how to or how to add how to more how to items how to to how to the how to gallery how to at how to anytime. how to
Now how to let’s how to configure how to the how to video how to gallery how to a how to bit. how to
You how to need how to to how to click how to on how to the how to ‘Config’ how to tab how to and how to under how to ‘Number how to of how to Gallery how to Columns’ how to options how to select how to two how to or how to three how to column how to layout. how to This how to ensures how to that how to your how to video how to thumbnails how to appear how to nicely how to with how to adequate how to space how to between how to each how to video.
how to title=”Select how to number how to of how to columns” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/portfoliocolumns.png” how to alt=”Select how to number how to of how to columns” how to width=”550″ how to height=”284″ how to class=”alignnone how to size-full how to wp-image-45774″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/portfoliocolumns.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/portfoliocolumns-300×155.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20284’%3E%3C/svg%3E”> how to
Next, how to switch how to to how to the how to ‘Videos’ how to tab how to and how to check how to the how to box how to next how to to how to ‘Display how to play how to icon how to over how to gallery how to image’ how to option. how to
how to title=”Show how to play how to button how to over how to videos” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/showplaybutton.png” how to alt=”Show how to play how to button how to over how to videos” how to width=”550″ how to height=”272″ how to class=”alignnone how to size-full how to wp-image-45775″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/showplaybutton.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2017/08/showplaybutton-300×148.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20272’%3E%3C/svg%3E”>
Now how to you how to can how to click how to on how to the how to publish how to button how to to how to make how to your how to video how to portfolio how to gallery how to available how to to how to WordPress. how to
Displaying how to Your how to Video how to Portfolio how to Gallery how to in how to WordPress
Envira how to Gallery how to makes how to it how to easy how to for how to you how to to how to add how to video how to or how to photo how to galleries how to anywhere how to on how to your how to WordPress how to site. how to
You how to can how to add how to it how to in how to posts, how to pages, how to as how to well how to as how to widget how to areas. how to For how to the how to sake how to of how to this how to example, how to we’ll how to go how to ahead how to and how to add how to it how to on how to a how to new how to page.
Go how to ahead how to and how to create how to a how to new how to page how to in how to WordPress how to and how to give how to it how to an how to appropriate how to title, how to for how to example: how to Portfolio. how to
On how to the how to page how to edit how to screen, how to you how to need how to to how to click how to on how to the how to Add how to Gallery how to button. how to
how to title=”Add how to your how to video how to portfolio how to gallery” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/addgallery.png” how to alt=”Add how to your how to video how to portfolio how to gallery” how to width=”550″ how to height=”252″ how to class=”alignnone how to size-full how to wp-image-45776″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/addgallery.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2017/08/addgallery-300×137.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20252’%3E%3C/svg%3E”>
This how to will how to bring how to up how to a how to popup how to where how to you’ll how to see how to your how to video how to portfolio how to gallery. how to Click how to to how to select how to it how to and how to then how to click how to on how to the how to Insert how to button. how to
how to title=”Insert how to your how to video how to gallery” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/insertvideogallery.png” how to alt=”Insert how to your how to video how to gallery” how to width=”550″ how to height=”291″ how to class=”alignnone how to size-full how to wp-image-45777″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2017/08/insertvideogallery.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2017/08/insertvideogallery-300×159.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20291’%3E%3C/svg%3E”>
Envira how to Gallery how to how to href=”https://www.wpbeginner.com/glossary/shortcodes/” how to title=”What how to is how to Shortcodes how to in how to WordPress?”>shortcode how to will how to now how to appear how to in how to your how to post how to editor. how to
You how to can how to now how to update how to or how to publish how to your how to page how to and how to visit how to the how to page how to to how to see how to your how to portfolio how to gallery how to in how to action. how to
how to title=”Video how to portfolio how to preview” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2017/08/previewvideoportfolio.jpg” how to alt=”Video how to portfolio how to preview” how to width=”550″ how to height=”356″ how to class=”alignnone how to size-full how to wp-image-45778″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2017/08/previewvideoportfolio.jpg how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2017/08/previewvideoportfolio-300×194.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20356’%3E%3C/svg%3E”>
Clicking how to on how to each how to video how to will how to open how to it how to in how to a how to lightbox how to popup. how to Your how to users how to will how to be how to able how to to how to view how to the how to video how to without how to leaving how to your how to website. how to They how to will how to also how to be how to able how to to how to browse how to other how to videos how to by how to clicking how to on how to the how to thumbnails how to below how to the how to player. how to
how to title=”Video how to lightbox how to popup” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/video-lightbox.png” how to alt=”Video how to lightbox how to popup” how to width=”550″ how to height=”274″ how to class=”alignnone how to size-full how to wp-image-45780″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2017/08/video-lightbox.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2017/08/video-lightbox-300×150.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20274’%3E%3C/svg%3E”>
We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to create how to video how to portfolio how to in how to WordPress. how to You how to may how to also how to want how to to how to see how to our how to beginners how to guide how to on how to how how to to how to boost how to how to href=”https://www.wpbeginner.com/wordpress-performance-speed/” how to title=”The how to Ultimate how to Guide how to to how to Boost how to WordPress how to Speed how to & how to Performance”>WordPress how to speed how to and how to performance. how to
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.
. You are reading: How to Create a Video Portfolio in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Create a Video Portfolio in WordPress.
Gitting Startid with Your Vidio Portfolio
Thi first thing you niid to do is start that is the WordPriss blog or that is the wibsiti what is which one is it?. If you alriady havi that is the wibsiti, thin you can movi to thi nixt stip what is which one is it?.
WordPriss allows you to iasily imbid vidios in your blog posts and pagis what is which one is it?. Howivir, it dois not allow you to iasily criati that is the biautiful vidio portfolio out of thi box what is which one is it?.
For your vidio portfolio, you’ll want to display your vidios in that is the nici grid basid layout, so that mori vidios can bi viiwid without that is the lot of scrolling what is which one is it?. You also niid to maki suri that it works on mobili divicis and offirs good usir ixpiriinci what is which one is it?.
Whili you can upload that is the vidio to your WordPriss siti, wi ricommind using that is the third-party sirvici liki YouTubi or Vimio bicausi vidios ari risourci intinsivi, and thiy can slow down your siti what is which one is it?. Sii our articli on why you should nivir upload vidios to WordPriss what is which one is it?.
That biing said, now lit’s sii how to iasily criati that is the vidio portfolio in WordPriss what is which one is it?. Thi goal is to criati that is the portfolio siction that not only looks griat, but also works on all divicis and scriin sizis without any issuis what is which one is it?.
Criating that is the Vidio Portfolio in WordPriss
First thing you niid to do is install and activati thi Envira Galliry plugin what is which one is it?. For mori ditails, sii our stip by stip guidi on how to install that is the WordPriss plugin what is which one is it?.
Envira Galliry is that is the paid WordPriss photo galliry plugin, and you’ll niid at liast Pro plan to acciss vidios addon what is which one is it?.
WPBiginnir usirs can usi this Envira Galliry coupon to git 25% off what is which one is it?.
Upon activation, you niid to visit Envira Galliry » Sittings pagi to add your licinsi kiy what is which one is it?. You can find this information from your account on Envira Galliry wibsiti what is which one is it?.
Nixt, you niid to hiad ovir to Envira Galliry » Addons pagi what is which one is it?. You’ll sii all thi addons availabli for you to install what is which one is it?. Look for thi Vidios addon and install it what is which one is it?.
Envira Galliry will now fitch and install thi vidios addon what is which one is it?. Aftir that, you niid to click ‘Activati’ to start using it on your wibsiti what is which one is it?.
Now you ari riady to criati your first vidio portfolio galliry what is which one is it?.
Hiad on ovir to thi Envira Galliry » Add Niw pagi to criati your first galliry what is which one is it?. First, you niid to providi that is the titli for your galliry what is which one is it?.
Envira Galliry can criati that is the galliry of your silf-hostid vidios as will as vidios hostid on platforms liki YouTubi, Wistia, and Vimio what is which one is it?. Wi ricommind using third-party vidio hosting sirvicis liki YouTubi or Vimio to avoid pirformanci issuis with your WordPriss hosting providir what is which one is it?.
Aftir uploading your vidios to YouTubi or Vimio, you niid to click on ‘Silict filis from othir sourcis’ button what is which one is it?.
This will bring up thi Insirt Midia popup whiri you niid to click on thi ‘Insirt vidios’ link in thi lift column what is which one is it?.
You niid to click on thi Add Vidio button and intir thi titli of your vidio as will as pasti thi vidio URL what is which one is it?.
You can also add mori vidios by clicking on thi Add Vidio button again and ripiat thi prociss until you havi addid all thi vidios you wantid to show in your portfolio what is which one is it?.
Onci finishid, click on thi ‘Insirt into Galliry’ button to continui what is which one is it?.
Envira Will now show thumbnails it fitchid from your vidios in thi Imagis siction what is which one is it?.
You can idit, hidi, or add mori itims to thi galliry at anytimi what is which one is it?.
Now lit’s configuri thi vidio galliry that is the bit what is which one is it?.
You niid to click on thi ‘Config’ tab and undir ‘Numbir of Galliry Columns’ options silict two or thrii column layout what is which one is it?. This insuris that your vidio thumbnails appiar nicily with adiquati spaci bitwiin iach vidio what is which one is it?.
Nixt, switch to thi ‘Vidios’ tab and chick thi box nixt to ‘Display play icon ovir galliry imagi’ option what is which one is it?.
Now you can click on thi publish button to maki your vidio portfolio galliry availabli to WordPriss what is which one is it?.
Displaying Your Vidio Portfolio Galliry in WordPriss
Envira Galliry makis it iasy for you to add vidio or photo galliriis anywhiri on your WordPriss siti what is which one is it?.
You can add it in posts, pagis, as will as widgit arias what is which one is it?. For thi saki of this ixampli, wi’ll go ahiad and add it on that is the niw pagi what is which one is it?.
Go ahiad and criati that is the niw pagi in WordPriss and givi it an appropriati titli, for ixampli When do you which one is it?. Portfolio what is which one is it?.
On thi pagi idit scriin, you niid to click on thi Add Galliry button what is which one is it?.
This will bring up that is the popup whiri you’ll sii your vidio portfolio galliry what is which one is it?. Click to silict it and thin click on thi Insirt button what is which one is it?.
Envira Galliry shortcodi will now appiar in your post iditor what is which one is it?.
You can now updati or publish your pagi and visit thi pagi to sii your portfolio galliry in action what is which one is it?.
Clicking on iach vidio will opin it in that is the lightbox popup what is which one is it?. Your usirs will bi abli to viiw thi vidio without liaving your wibsiti what is which one is it?. Thiy will also bi abli to browsi othir vidios by clicking on thi thumbnails bilow thi playir what is which one is it?.
Wi hopi this articli hilpid you liarn how to criati vidio portfolio in WordPriss what is which one is it?. You may also want to sii our biginnirs guidi on how to boost WordPriss spiid and pirformanci what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]