{"id":833,"date":"2026-07-14T15:06:56","date_gmt":"2026-07-14T09:36:56","guid":{"rendered":"https:\/\/awplife.com\/demo\/video-gallery-premium\/?page_id=833"},"modified":"2026-07-14T15:06:56","modified_gmt":"2026-07-14T09:36:56","slug":"wistia-api-gallery","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/video-gallery-premium\/wistia-api-gallery\/","title":{"rendered":"Wistia API Gallery"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><style type=\"text\/css\">\n\n.single-image figure {\n\tmargin:0 !important;\n}\n.single-image {\n\tposition: relative;\n\tleft: 0;\n\ttop: 0;\n\tfloat: left;\n}\n#image_gallery_832, #nev_vimeo_api_832, #nev_twitch_api_832, #nev_dm_api_832, #nev_wis_api_832, .youram-simple_832, .vimeo-api-gallery-wrapper_832, .vg_load_more_832, #loadMoreBtn_832 {\n\t--vg-load-btn-padding-y: 12px;\n\t--vg-load-btn-padding-x: 32px;\n\t--vg-load-btn-radius: 10px;\n\t--vg-load-btn-bg: #4f46e5;\n\t--vg-load-btn-color: #ffffff;\n\t--vg-load-btn-hover-bg: #4f46e5;\n\t--vg-load-btn-rgba-bg: rgba(79, 70, 229, 0.2);\n\t--vg-load-btn-rgba-hover: rgba(79, 70, 229, 0.5);\n\t--vg-thumb-aspect-ratio: auto;\n\t--vg-primary: #4f46e5;\n\t--vg-title-size: 20px;\n\t--vg-title-color: #383838;\n\t--vg-desc-size: 14px;\n\t--vg-desc-color: #72777C;\n\t--vg-video-icon-display: flex;\n\t--vg-thumbnail-radius: 8px;\n\t--vg-gutter: 8px;\n\t--vg-card-border-color: rgba(238, 242, 246, 1);\n\t--vg-card-bg-color: rgba(255, 255, 255, 1);\n\t--vg-radius: 8px;\n\t--vg-card-radius: 8px;\n\t--vg-card-padding: 8px;\n\t--vg-title-desc-align: center;\n\t--vg-api-title-desc-align: left;\n\t--vg-api-flex-align: flex-start;\n\t--vg-overlay-initial-opacity: 0;\n\t--vg-play-initial-scale: scale(0.85);\n\t--vg-badge-initial-transform: translateY(-4px);\n\t--vg-grayscale-pct: 0%;\n\t--vg-gallery-initial-opacity: 0;\n\t--vg-gallery-transition: opacity 0.4s ease;\n}\n:root {\n\t--vg-lightbox-bg: #000000;\n\t--vg-lightbox-opacity: 0.8;\n}\n<\/style>\n\t\t\t<div class=\"vg-gallery-loader\" id=\"vg-loader-832\" style=\"--vg-loader-color: #4f46e5;\">\n\t\t\t\t\t\t\t<div class=\"vg-loader-spinner-icon\"><\/div>\n\t\t\t\t\t<\/div>\n\t\n\t\n<div id=\"your-page-column\" class=\"not-a-part-of-youram-plugin\">\r\n    <div id=\"nev_wis_api_832\" class=\"vg-row youram-simple_832 vg-layout-fixed \" style=\"--vg-cols-lg: 3; --vg-cols-md: 3; --vg-cols-sm: 3; --vg-cols-xs: 2;\" data-lg-config='{&quot;loop&quot;:true,&quot;thumbnail&quot;:true,&quot;autoplay&quot;:true,&quot;mode&quot;:&quot;lg-slide&quot;}'>\r\n                    <div class=\"grid-sizer\"><\/div>\r\n            \t<div class=\"video-item_832 vg-col\">\n\t\t<div class=\"vg-card vg-card--wistia\">\n\t\t\t<div class=\"vg-card__media\">\n\t\t\t\t<a class=\"vgp-trigger\" href=\"#\" data-html=\"&lt;iframe src=&#039;https:\/\/fast.wistia.net\/embed\/iframe\/am2zfmdzh8?autoPlay=true&#039; frameborder=&#039;0&#039; allowfullscreen=&#039;true&#039; scrolling=&#039;no&#039; height=&#039;100%&#039; width=&#039;100%&#039; style=&#039;position:absolute;top:0;left:0;&#039;&gt;&lt;\/iframe&gt;&lt;video class=&#039;lg-html5&#039; style=&#039;display:none;&#039; muted playsinline&gt;&lt;\/video&gt;\" data-thumb=\"https:\/\/embed-ssl.wistia.com\/deliveries\/65eb5611de967ffd7a330a7549258eea6c059da5.jpg?image_crop_resized=640x360\" data-sub-html=\"&lt;h4&gt;How to Use Album Gallery Free Plugin in WordPress&lt;\/h4&gt;&lt;p&gt;&lt;p&gt;In this video, I will show you how to use the Album Gallery Free plugin in WordPress. You will learn how to create an album gallery, add images, organize them in a clean layout, and publish the gallery on your website. This tutorial is simple, beginner-friendly, and useful for anyone who wants to showcase photos in a professional way.&lt;\/p&gt;\n&lt;\/p&gt;\">\n\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/embed-ssl.wistia.com\/deliveries\/65eb5611de967ffd7a330a7549258eea6c059da5.jpg?image_crop_resized=640x360\" alt=\"How to Use Album Gallery Free Plugin in WordPress\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__overlay\">\n\t\t\t\t\t\t\t<button class=\"vg-card__play\" aria-label=\"Play video\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" style=\"color: #ffffff;\"><polygon points=\"6,3 20,12 6,21\" fill=\"currentColor\"\/><\/svg>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__duration\">03:44<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"vg-card__body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vg-card__title\">How to Use Album Gallery Free Plugin in WordPress<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vg-card__desc\">In this video, I will show you how to use the Album Gallery Free plugin in WordPress. You will learn how to create an album gallery, add images, organ...<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n\t\t\t\t\t\t\t\t0\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg>\n\t\t\t\t\t\t\t\t3 months ago\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\t<div class=\"video-item_832 vg-col\">\n\t\t<div class=\"vg-card vg-card--wistia\">\n\t\t\t<div class=\"vg-card__media\">\n\t\t\t\t<a class=\"vgp-trigger\" href=\"#\" data-html=\"&lt;iframe src=&#039;https:\/\/fast.wistia.net\/embed\/iframe\/0trtl5e4kh?autoPlay=true&#039; frameborder=&#039;0&#039; allowfullscreen=&#039;true&#039; scrolling=&#039;no&#039; height=&#039;100%&#039; width=&#039;100%&#039; style=&#039;position:absolute;top:0;left:0;&#039;&gt;&lt;\/iframe&gt;&lt;video class=&#039;lg-html5&#039; style=&#039;display:none;&#039; muted playsinline&gt;&lt;\/video&gt;\" data-thumb=\"https:\/\/embed-ssl.wistia.com\/deliveries\/8b581ca169f371a0cc7f020c3cf3d208.jpg?image_crop_resized=640x360\" data-sub-html=\"&lt;h4&gt;How to Configure Album Gallery Premium Plugin&lt;\/h4&gt;&lt;p&gt;&lt;p&gt;This video shows how to configure the Album Gallery Premium plugin in WordPress. It covers individual album settings, global settings, layout options, lightbox controls, and shortcode-based display. By the end of this walkthrough, you\u2019ll know how to customize album titles, thumbnails, aspect ratio, and overall gallery behavior.&lt;\/p&gt;\n&lt;\/p&gt;\">\n\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/embed-ssl.wistia.com\/deliveries\/8b581ca169f371a0cc7f020c3cf3d208.jpg?image_crop_resized=640x360\" alt=\"How to Configure Album Gallery Premium Plugin\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__overlay\">\n\t\t\t\t\t\t\t<button class=\"vg-card__play\" aria-label=\"Play video\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" style=\"color: #ffffff;\"><polygon points=\"6,3 20,12 6,21\" fill=\"currentColor\"\/><\/svg>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__duration\">05:41<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"vg-card__body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vg-card__title\">How to Configure Album Gallery Premium Plugin<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vg-card__desc\">This video shows how to configure the Album Gallery Premium plugin in WordPress. It covers individual album settings, global settings, layout options,...<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n\t\t\t\t\t\t\t\t0\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg>\n\t\t\t\t\t\t\t\t3 months ago\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\t<div class=\"video-item_832 vg-col\">\n\t\t<div class=\"vg-card vg-card--wistia\">\n\t\t\t<div class=\"vg-card__media\">\n\t\t\t\t<a class=\"vgp-trigger\" href=\"#\" data-html=\"&lt;iframe src=&#039;https:\/\/fast.wistia.net\/embed\/iframe\/hb7d9l1zo8?autoPlay=true&#039; frameborder=&#039;0&#039; allowfullscreen=&#039;true&#039; scrolling=&#039;no&#039; height=&#039;100%&#039; width=&#039;100%&#039; style=&#039;position:absolute;top:0;left:0;&#039;&gt;&lt;\/iframe&gt;&lt;video class=&#039;lg-html5&#039; style=&#039;display:none;&#039; muted playsinline&gt;&lt;\/video&gt;\" data-thumb=\"https:\/\/embed-ssl.wistia.com\/deliveries\/e17bbca58225a4d377236faacf4adcb7ed854c14.jpg?image_crop_resized=640x360\" data-sub-html=\"&lt;h4&gt;How to Disable Right-Click on a Website&lt;\/h4&gt;&lt;p&gt;&lt;p&gt;This tutorial demonstrates how to install and set up the Right Click Band WordPress plugin to protect website content. The walkthrough covers the complete process from plugin installation through the WordPress plugin menu, activation, and configuration of protection settings, including disabling right-click, text selection, image dragging, F12 key blocking, and source code access. The tutorial also shows how to test the plugin&#039;s functionality and use the analytics feature to track blocked attempts. The plugin provides comprehensive visitor protection for WordPress websites with mobile protection options and detailed usage analytics.\n#Wistia #RightClickDisable #VideoProtection #WebsiteSecurity #ContentProtection #WebDevelopment #VideoSEO&lt;\/p&gt;\n&lt;\/p&gt;\">\n\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/embed-ssl.wistia.com\/deliveries\/e17bbca58225a4d377236faacf4adcb7ed854c14.jpg?image_crop_resized=640x360\" alt=\"How to Disable Right-Click on a Website\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__overlay\">\n\t\t\t\t\t\t\t<button class=\"vg-card__play\" aria-label=\"Play video\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" style=\"color: #ffffff;\"><polygon points=\"6,3 20,12 6,21\" fill=\"currentColor\"\/><\/svg>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__duration\">01:44<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"vg-card__body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vg-card__title\">How to Disable Right-Click on a Website<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vg-card__desc\">This tutorial demonstrates how to install and set up the Right Click Band WordPress plugin to protect website content. The walkthrough covers the comp...<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n\t\t\t\t\t\t\t\t0\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg>\n\t\t\t\t\t\t\t\t3 months ago\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\t<div class=\"video-item_832 vg-col\">\n\t\t<div class=\"vg-card vg-card--wistia\">\n\t\t\t<div class=\"vg-card__media\">\n\t\t\t\t<a class=\"vgp-trigger\" href=\"#\" data-html=\"&lt;iframe src=&#039;https:\/\/fast.wistia.net\/embed\/iframe\/xfcnsbdkh5?autoPlay=true&#039; frameborder=&#039;0&#039; allowfullscreen=&#039;true&#039; scrolling=&#039;no&#039; height=&#039;100%&#039; width=&#039;100%&#039; style=&#039;position:absolute;top:0;left:0;&#039;&gt;&lt;\/iframe&gt;&lt;video class=&#039;lg-html5&#039; style=&#039;display:none;&#039; muted playsinline&gt;&lt;\/video&gt;\" data-thumb=\"https:\/\/embed-ssl.wistia.com\/deliveries\/69ac1209c56beed8b21323285f21b1fa.jpg?image_crop_resized=640x360\" data-sub-html=\"&lt;h4&gt;How to Protect Website Content Using the Right-Click Ban&lt;\/h4&gt;&lt;p&gt;&lt;p&gt;Learn how to protect your WordPress website content using the Right Click Ban Content Protection Pro Plugin. In this complete step-by-step tutorial, you\u2019ll learn how to disable right-click, block copy-paste, disable inspect element, and secure your images &amp; text from content theft.&lt;\/p&gt;\n\n&lt;p&gt;This premium WordPress plugin helps website owners secure their valuable content with advanced protection features and an easy-to-use setup. Perfect for bloggers, business websites, portfolio sites, and anyone who wants stronger content security.&lt;\/p&gt;\n\n&lt;p&gt;\u2705 Disable Right Click\n\u2705 Block Copy &amp; Paste\n\u2705 Disable Inspect Element\n\u2705 Protect Images &amp; Text Content\n\u2705 Advanced Content Protection Features\n\u2705 Easy WordPress Plugin Setup&lt;\/p&gt;\n\n&lt;p&gt;Watch the full tutorial and secure your website professionally with Right Click Ban Content Protection Pro Plugin.&lt;\/p&gt;\n\n&lt;h1&gt;WordPress #ContentProtection #RightClickBan #WordPressPlugin #WebsiteSecurity #DisableRightClick #WPPlugin #WordPressTutorial&lt;\/h1&gt;\n&lt;\/p&gt;\">\n\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/embed-ssl.wistia.com\/deliveries\/69ac1209c56beed8b21323285f21b1fa.jpg?image_crop_resized=640x360\" alt=\"How to Protect Website Content Using the Right-Click Ban\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__overlay\">\n\t\t\t\t\t\t\t<button class=\"vg-card__play\" aria-label=\"Play video\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" style=\"color: #ffffff;\"><polygon points=\"6,3 20,12 6,21\" fill=\"currentColor\"\/><\/svg>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__duration\">03:58<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"vg-card__body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vg-card__title\">How to Protect Website Content Using the Right-Cli...<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vg-card__desc\">Learn how to protect your WordPress website content using the Right Click Ban Content Protection Pro Plugin. In this complete step-by-step tutorial, y...<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n\t\t\t\t\t\t\t\t0\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg>\n\t\t\t\t\t\t\t\t3 months ago\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\t<div class=\"video-item_832 vg-col\">\n\t\t<div class=\"vg-card vg-card--wistia\">\n\t\t\t<div class=\"vg-card__media\">\n\t\t\t\t<a class=\"vgp-trigger\" href=\"#\" data-html=\"&lt;iframe src=&#039;https:\/\/fast.wistia.net\/embed\/iframe\/98qh9fylkp?autoPlay=true&#039; frameborder=&#039;0&#039; allowfullscreen=&#039;true&#039; scrolling=&#039;no&#039; height=&#039;100%&#039; width=&#039;100%&#039; style=&#039;position:absolute;top:0;left:0;&#039;&gt;&lt;\/iframe&gt;&lt;video class=&#039;lg-html5&#039; style=&#039;display:none;&#039; muted playsinline&gt;&lt;\/video&gt;\" data-thumb=\"https:\/\/embed-ssl.wistia.com\/deliveries\/80f21a3272d7ccd3ab47fef24a27a15d.jpg?image_crop_resized=640x360\" data-sub-html=\"&lt;h4&gt;How to Use an Image Gallery Plugin in WordPress&lt;\/h4&gt;&lt;p&gt;&lt;p&gt;In this video, I show you how to use an image gallery plugin in WordPress step by step. If you want to create a photo gallery, portfolio gallery, or image showcase section on your website, this tutorial will help you get started.&lt;\/p&gt;\n\n&lt;p&gt;In this tutorial, you will learn:&lt;\/p&gt;\n\n&lt;p&gt;How to install an image gallery plugin&lt;\/p&gt;\n\n&lt;p&gt;How to set up the plugin&lt;\/p&gt;\n\n&lt;p&gt;How to create a gallery&lt;\/p&gt;\n\n&lt;p&gt;How to add images&lt;\/p&gt;\n\n&lt;p&gt;How to display the gallery on a page or post&lt;\/p&gt;\n\n&lt;p&gt;This video is perfect for beginners who want to learn WordPress simply and easily.&lt;\/p&gt;\n\n&lt;p&gt;If you found this video helpful, please like, comment, and subscribe for more WordPress tutorials.&lt;\/p&gt;\n\n&lt;h1&gt;WordPress #ImageGalleryPlugin #WordPressTutorial #BeginnerTutorial&lt;\/h1&gt;\n&lt;\/p&gt;\">\n\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/embed-ssl.wistia.com\/deliveries\/80f21a3272d7ccd3ab47fef24a27a15d.jpg?image_crop_resized=640x360\" alt=\"How to Use an Image Gallery Plugin in WordPress\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__overlay\">\n\t\t\t\t\t\t\t<button class=\"vg-card__play\" aria-label=\"Play video\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" style=\"color: #ffffff;\"><polygon points=\"6,3 20,12 6,21\" fill=\"currentColor\"\/><\/svg>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__duration\">02:36<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"vg-card__body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vg-card__title\">How to Use an Image Gallery Plugin in WordPress<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vg-card__desc\">In this video, I show you how to use an image gallery plugin in WordPress step by step. If you want to create a photo gallery, portfolio gallery, or i...<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n\t\t\t\t\t\t\t\t0\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg>\n\t\t\t\t\t\t\t\t3 months ago\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\t<div class=\"video-item_832 vg-col\">\n\t\t<div class=\"vg-card vg-card--wistia\">\n\t\t\t<div class=\"vg-card__media\">\n\t\t\t\t<a class=\"vgp-trigger\" href=\"#\" data-html=\"&lt;iframe src=&#039;https:\/\/fast.wistia.net\/embed\/iframe\/nul3hcqahw?autoPlay=true&#039; frameborder=&#039;0&#039; allowfullscreen=&#039;true&#039; scrolling=&#039;no&#039; height=&#039;100%&#039; width=&#039;100%&#039; style=&#039;position:absolute;top:0;left:0;&#039;&gt;&lt;\/iframe&gt;&lt;video class=&#039;lg-html5&#039; style=&#039;display:none;&#039; muted playsinline&gt;&lt;\/video&gt;\" data-thumb=\"https:\/\/embed-ssl.wistia.com\/deliveries\/c49e21cf0061f11011c5b1d301d293c70750eb71.jpg?image_crop_resized=640x360\" data-sub-html=\"&lt;h4&gt;How to Use Image Gallery Premium in WordPress&lt;\/h4&gt;&lt;p&gt;&lt;p&gt;In this video, I show how the Image Gallery Premium WordPress plugin works and how you can use it on your website. This tutorial covers the plugin setup, main features, and a live demonstration so viewers can understand how to manage image galleries in WordPress.This video is useful for WordPress users, website owners, and anyone looking for an easy way to create professional image galleries.&lt;\/p&gt;\n&lt;\/p&gt;\">\n\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/embed-ssl.wistia.com\/deliveries\/c49e21cf0061f11011c5b1d301d293c70750eb71.jpg?image_crop_resized=640x360\" alt=\"How to Use Image Gallery Premium in WordPress\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__overlay\">\n\t\t\t\t\t\t\t<button class=\"vg-card__play\" aria-label=\"Play video\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" style=\"color: #ffffff;\"><polygon points=\"6,3 20,12 6,21\" fill=\"currentColor\"\/><\/svg>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__duration\">04:07<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"vg-card__body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vg-card__title\">How to Use Image Gallery Premium in WordPress<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vg-card__desc\">In this video, I show how the Image Gallery Premium WordPress plugin works and how you can use it on your website. This tutorial covers the plugin set...<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vg-card__meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n\t\t\t\t\t\t\t\t0\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vg-card__meta-item\">\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg>\n\t\t\t\t\t\t\t\t3 months ago\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t    <\/div>\r\n            <div style=\"clear:both;\"><\/div>\r\n        <div class=\"vg-load-more-container\" style=\"text-align: center; margin-top: 20px;\">\r\n            <button id=\"loadMoreBtn_832\" class=\"btn vg-load-more-btn outline\" data-next-page=\"2\">Load More<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<script>\r\n    jQuery(document).ready(function () {\r\n        var postId = \"832\";\r\n\r\n        jQuery(document).on(\"click\", \"#loadMoreBtn_\" + postId, function () {\r\n            var $btn = jQuery(this);\r\n            var page = parseInt($btn.attr(\"data-next-page\"), 10);\r\n            if (!page) return;\r\n            \r\n            $btn.html('<span class=\"vg-btn-spinner\"><\/span>')\r\n                .prop('disabled', true)\r\n                .css({'opacity': '0.8', 'cursor': 'default'});\r\n            \r\n            jQuery.ajax({\r\n                url: \"https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-admin\/admin-ajax.php\",\r\n                type: \"POST\",\r\n                data: {\r\n                    action: \"nvgall_load_more_wistia\",\r\n                    security: \"c20641e08b\",\r\n                    post_id: postId,\r\n                    page: page\r\n                },\r\n                success: function (response) {\r\n                    if (response.success) {\r\n                        var $grid = jQuery(\".youram-simple_\" + postId);\r\n                        var $items = jQuery('<div>' + response.data.html + '<\/div>').find('.vg-col');\r\n                        if ($items.length > 0) {\r\n                            $grid.append($items);\r\n                            if (typeof jQuery.fn.isotope !== 'undefined' && $grid.data('isotope')) {\r\n                                if (typeof jQuery.fn.imagesLoaded !== 'undefined') {\r\n                                    $grid.imagesLoaded(function() {\r\n                                        $grid.isotope('appended', $items);\r\n                                        $grid.isotope('layout');\r\n                                    });\r\n                                } else {\r\n                                    $grid.isotope('appended', $items);\r\n                                    $grid.isotope('layout');\r\n                                }\r\n                            }\r\n                        }\r\n                        if (response.data.has_more) {\r\n                            $btn.attr(\"data-next-page\", page + 1);\r\n                            $btn.html(\"Load More\")\r\n                                .prop(\"disabled\", false)\r\n                                .css({'opacity': '', 'cursor': ''});\r\n                        } else {\r\n                            $btn.html(\"No more videos.\")\r\n                                .prop(\"disabled\", true)\r\n                                .css({'opacity': '0.6', 'cursor': 'default'});\r\n                        }\r\n                    } else {\r\n                        $btn.html(\"No more videos.\")\r\n                            .prop(\"disabled\", true)\r\n                            .css({'opacity': '0.6', 'cursor': 'default'});\r\n                    }\r\n                },\r\n                error: function () {\r\n                    $btn.html(\"Load More\")\r\n                        .prop(\"disabled\", false)\r\n                        .css({'opacity': '', 'cursor': ''});\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\r\n<script type=\"text\/javascript\">\tfunction VgLoadMore_832() {\n\t\tvar $grid = jQuery('#image_gallery_832');\n\t\t\n\t\tjQuery(\".vg_load_more_832\")\n\t\t\t.html('<span class=\"vg-btn-spinner\"><\/span>')\n\t\t\t.prop('disabled', true)\n\t\t\t.css({'opacity': '0.8', 'cursor': 'default'});\n\t\tvar vg_limit_start = parseInt(jQuery(\"#vg_limit_start_832\").val());\n\t\tvar vg_limit_end = parseInt(jQuery(\"#vg_limit_end_832\").val());\n\t\tvar vg_total_images = parseInt(jQuery(\"#vg_total_images_832\").val());\n\t\t\n\t\tif(vg_total_images > vg_limit_start){\n\t\t\tjQuery.ajax({\n\t\t\t\tdataType : 'html',\n\t\t\t\ttype: 'POST',\n\t\t\t\turl : 'https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-admin\/admin-ajax.php',\n\t\t\t\tcache: false,\n\t\t\t\tdata : {\n\t\t\t\t\taction: 'nvgall_load_more_local',\n\t\t\t\t\tsecurity: 'c20641e08b',\n\t\t\t\t\tpost_id: 832,\n\t\t\t\t\tvg_limit_start: vg_limit_start,\n\t\t\t\t\tvg_limit_end: vg_limit_end\n\t\t\t\t},\n\t\t\t\tcomplete : function() {},\n\t\t\t\tsuccess: function(response) {\n\t\t\t\t\tvar $items = jQuery('<div>' + response + '<\/div>').find('.single-image');\n\t\t\t\t\tif ($items.length > 0) {\n\t\t\t\t\t\t$grid.append($items);\n\t\t\t\t\t\tif (typeof jQuery.fn.isotope !== 'undefined') {\n\t\t\t\t\t\t\tif (typeof jQuery.fn.imagesLoaded !== 'undefined') {\n\t\t\t\t\t\t\t\t$grid.imagesLoaded(function() {\n\t\t\t\t\t\t\t\t\t$grid.isotope('appended', $items);\n\t\t\t\t\t\t\t\t\t$grid.isotope('layout');\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t$grid.isotope('appended', $items);\n\t\t\t\t\t\t\t\t$grid.isotope('layout');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (typeof jQuery.fn.isotope !== 'undefined') {\n\t\t\t\t\t\t$grid.isotope('layout');\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar new_start_limit = vg_limit_end;\n\t\t\t\t\tvar new_end_limit = parseInt(vg_limit_end) +  parseInt(6);\n\t\t\t\t\tjQuery(\"#vg_limit_start_832\").val(new_start_limit);\n\t\t\t\t\tjQuery(\"#vg_limit_end_832\").val(new_end_limit);\n\n\t\t\t\t\tif (new_start_limit >= vg_total_images) {\n\t\t\t\t\t\tjQuery(\".vg_load_more_832\")\n\t\t\t\t\t\t\t.html(\"No more videos.\")\n\t\t\t\t\t\t\t.prop('disabled', true)\n\t\t\t\t\t\t\t.css({'opacity': '0.6', 'cursor': 'default'});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tjQuery(\".vg_load_more_832\")\n\t\t\t\t\t\t\t.html(\"Load More\")\n\t\t\t\t\t\t\t.prop('disabled', false)\n\t\t\t\t\t\t\t.css({'opacity': '', 'cursor': ''});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\terror: function() {\n\t\t\t\t\tjQuery(\".vg_load_more_832\")\n\t\t\t\t\t\t.html(\"Load More\")\n\t\t\t\t\t\t.prop('disabled', false)\n\t\t\t\t\t\t.css({'opacity': '', 'cursor': ''});\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tjQuery(\".vg_load_more_832\")\n\t\t\t\t.html(\"No more videos.\")\n\t\t\t\t.prop('disabled', true)\n\t\t\t\t.css({'opacity': '0.6', 'cursor': 'default'});\n\t\t}\n\t} \njQuery(document).ready(function () {\n\tvar $grid = jQuery('#image_gallery_832, .youram-simple_832, #nev_vimeo_api_832, #nev_twitch_api_832, #nev_dm_api_832, #nev_wis_api_832');\n\tvar $loader = jQuery('#vg-loader-832');\n\tvar $gallery = $grid;\n\n\t\/\/ 1. Initialize Isotope\n\tif (typeof jQuery.fn.isotope !== 'undefined') {\n\t\t$grid.isotope({\n\t\t\titemSelector: '.single-image, .vg-col',\n\t\t\tlayoutMode: 'fitRows',\n\t\t\tpercentPosition: true,\n\t\t\tmasonry: {\n\t\t\t\tcolumnWidth: '.grid-sizer'\n\t\t\t},\n\t\t\ttransitionDuration: 0\n\t\t});\n\t}\n\n\t\/\/ 2. Unified reveal and layout function\n\tvar revealGallery = function() {\n\t\tif ($loader.length) {\n\t\t\t$loader.fadeOut(300, function() {\n\t\t\t\t$loader.remove();\n\t\t\t\t$gallery.css('opacity', 1);\n\t\t\t\tif (typeof jQuery.fn.isotope !== 'undefined') {\n\t\t\t\t\t$grid.isotope('layout');\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\t$gallery.css('opacity', 1);\n\t\t\tif (typeof jQuery.fn.isotope !== 'undefined') {\n\t\t\t\t$grid.isotope('layout');\n\t\t\t}\n\t\t}\n\t};\n\n\t\/\/ 3. Load triggers\n\tif (typeof jQuery.fn.imagesLoaded !== 'undefined') {\n\t\t$gallery.imagesLoaded(function() {\n\t\t\trevealGallery();\n\t\t});\n\t\t$grid.imagesLoaded().progress(function() {\n\t\t\tif (typeof jQuery.fn.isotope !== 'undefined') {\n\t\t\t\t$grid.isotope('layout');\n\t\t\t}\n\t\t});\n\t} else {\n\t\trevealGallery();\n\t}\n\n\t\/\/ 4. Robust layout fallback timers\n\tif (typeof jQuery.fn.isotope !== 'undefined') {\n\t\tsetTimeout(function() {\n\t\t\t$grid.isotope('layout');\n\t\t}, 500);\n\t\tsetTimeout(function() {\n\t\t\t$grid.isotope('layout');\n\t\t}, 1500);\n\t}\n});\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-833","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-json\/wp\/v2\/pages\/833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":1,"href":"https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-json\/wp\/v2\/pages\/833\/revisions"}],"predecessor-version":[{"id":834,"href":"https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-json\/wp\/v2\/pages\/833\/revisions\/834"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/video-gallery-premium\/wp-json\/wp\/v2\/media?parent=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}