{"id":2083,"date":"2023-12-10T11:31:27","date_gmt":"2023-12-10T11:31:27","guid":{"rendered":"https:\/\/wpshortcode.org\/?p=2083"},"modified":"2023-12-10T11:31:27","modified_gmt":"2023-12-10T11:31:27","slug":"animated-live-wall","status":"publish","type":"post","link":"https:\/\/wpshortcode.org\/animated-live-wall\/","title":{"rendered":"Animated Live Wall Shortcode"},"content":{"rendered":"\n        \n        <p class=\"wp-block-paragraph\">Below, you&#8217;ll find a detailed guide on how to add the <strong>Animated Live Wall Shortcode<\/strong> to your WordPress website, including its <strong>parameters<\/strong>, <strong>examples<\/strong>, and <strong>PHP function code<\/strong>. Additionally, we&#8217;ll assist you with common issues that might cause the Animated Live Wall Plugin shortcode not to show or not to work correctly.<\/p>\n        \n\n        \n        <p class=\"wp-block-paragraph\">Before starting, here is an overview of the Animated Live Wall Plugin and the shortcodes it provides:<\/p>\n        \n        \n        <p>            <div class=\"plugin-info-box\">\n        <div class=\"top-main\">\n            <!-- SVG Image -->\n            <div class=\"plugin-image\">\n                <img decoding=\"async\" src=\"https:\/\/ps.w.org\/animated-live-wall\/assets\/icon-128x128.gif?rev=2858222\" alt=\"Plugin Icon\" \/>\n            <\/div>\n            \n            <div class=\"plugin-descriptive-part\">\n                <!-- Plugin Name with Link -->\n\n                    <a class=\"plugin-title\" href=\"https:\/\/wordpress.org\/plugins\/animated-live-wall\" target=\"_blank\" rel=\"noopener\">\n                        Animated Live Wall &#8211; Photo Animation, Feed Gallery Image Change Animation                    <\/a>\n\n\n                <!-- Plugin Description -->\n                <p class=\"plugin-description\">\n                    &quot;Animated Live Wall is a dynamic WordPress plugin that brings your images to life with stunning animations. It transforms your static photo galleries into vibrant, interactive feeds for an immersive visual experience.&quot;                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Rating and Additional Info -->\n        <div class=\"plugin-meta\">\n            <span class=\"plugin-rating\">\n                <span class='stars'>\u2605\u2605\u2605\u2605\u2729<\/span> (11)\n            <\/span>\n            <span class=\"plugin-active-installs\">\n                <strong>Active Installs<\/strong>: 3000+\n            <\/span>\n            <span class=\"plugin-tested\">\n                <strong>Tested with<\/strong>: 6.3.2            <\/span>\n            <span class=\"plugin-php-version\">\n                <strong>PHP Version<\/strong>: 5.2.4            <\/span>\n        <\/div>\n\n        <!-- List of Included Shortcodes -->\n        <div class=\"plugin-shortcodes\">\n            <strong>Included Shortcodes:<\/strong>\n            <ul>\n                <li>[]<\/li>            <\/ul>\n        <\/div>\n    <\/div>\n    <\/p>\n\n            <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            \n            \n            <h2 class=\"wp-block-heading\">Animated Live Wall [null] Shortcode<\/h2>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">The Animated-Live-Wall shortcode is a dynamic tool that enables the creation of a customizable photo wall on your WordPress site. It uses the shortcode: [ALW]. \n\nThe shortcode fetches images from various sources like local galleries, Instagram, or Flickr. It allows multiple layout options such as grid or masonry and offers extensive customization from grid gaps to animation speed. \n\nAdditionally, it includes a load-more button with customizable color and limit settings. This shortcode is a versatile solution for enhancing visual engagement on your site.<\/p>\n            \n\n            \n            <p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[null]<\/code><\/p>\n            \n            \n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n                <h3 class=\"wp-block-heading\">Parameters<\/h3>\n                \n                \n                \n                <p class=\"wp-block-paragraph\">Here is a list of all possible null shortcode parameters and attributes:<\/p>\n                \n                \n                <ul>\n<li><code>id<\/code> &#8211; Unique identifier for the specific animated live wall settings<\/li>\n<li><code>alw_grid_rows<\/code> &#8211; Defines the number of rows in the grid<\/li>\n<li><code>alw_grid_columns<\/code> &#8211; Sets the number of columns in the grid<\/li>\n<li><code>alw_grid_animation<\/code> &#8211; Chooses the animation style for the grid<\/li>\n<li><code>alw_grid_max_step<\/code> &#8211; Sets the maximum step for the animation<\/li>\n<li><code>alw_grid_anim_speed<\/code> &#8211; Determines the speed of the animation<\/li>\n<li><code>alw_grid_anim_interval<\/code> &#8211; Time interval between animations<\/li>\n<li><code>alw_grid_no_change<\/code> &#8211; Disables grid changes<\/li>\n<li><code>alw_grid_gap<\/code> &#8211; Specifies the gap between grid items<\/li>\n<li><code>alw_images_gap<\/code> &#8211; Sets the gap between images<\/li>\n<li><code>enable_gallery_layout<\/code> &#8211; Enables the gallery layout feature<\/li>\n<li><code>alw_grid_thumb_size<\/code> &#8211; Determines the size of grid thumbnails<\/li>\n<li><code>alw_thumb_size<\/code> &#8211; Specifies the size of the thumbnails<\/li>\n<li><code>alw_img_redirection<\/code> &#8211; Controls the redirection of the image<\/li>\n<li><code>alw_maso_img_redirection<\/code> &#8211; Controls the redirection of masonry images<\/li>\n<li><code>alw_grid_stop_anim<\/code> &#8211; Stops the grid animation<\/li>\n<li><code>alw_instagram_token<\/code> &#8211; The Instagram API access token<\/li>\n<li><code>alw_gallery_wall<\/code> &#8211; Chooses between photo wall or Instagram wall<\/li>\n<li><code>alw_insta_icon<\/code> &#8211; Sets the Instagram icon<\/li>\n<li><code>alw_insta_caption<\/code> &#8211; Controls the display of Instagram captions<\/li>\n<li><code>alw_insta_link<\/code> &#8211; Controls the redirection of Instagram links<\/li>\n<li><code>alw_flickr_api_key<\/code> &#8211; The Flickr API key<\/li>\n<li><code>alw_flickr_user_id<\/code> &#8211; The user ID for the Flickr account<\/li>\n<li><code>alw_hover_effect<\/code> &#8211; Enables or disables the hover effect<\/li>\n<li><code>column_setting<\/code> &#8211; Sets the column configuration<\/li>\n<li><code>alw_lightbox<\/code> &#8211; Enables or disables the lightbox feature<\/li>\n<li><code>alw_lightbox_thumb_size<\/code> &#8211; Determines the size of thumbnail in lightbox<\/li>\n<li><code>alw_load_more<\/code> &#8211; Enables or disables the load more feature<\/li>\n<li><code>alw_load_more_limit<\/code> &#8211; Sets the limit for the load more feature<\/li>\n<li><code>alw_load_more_color<\/code> &#8211; Sets the color for the load more button<\/li>\n<li><code>alw_custum_css<\/code> &#8211; Allows for custom CSS input<\/li>\n<\/ul>\n    \n                \n                <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n                \n                <h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n                \n \n            <p><strong>Basic example<\/strong> &#8211; Displaying an animated live wall by referencing the post ID.<\/p>\n\n<pre class=\"wp-block-code\"><code>[ALW id=10 \/]<\/code><\/pre>\n\n\n<p><strong>Advanced examples<\/strong><\/p>\n\n<p>Displaying an animated live wall by referencing the post ID and specifying the number of grid rows and columns.<\/p>\n\n<pre class=\"wp-block-code\"><code>[ALW id=10 alw_grid_rows=5 alw_grid_columns=5 \/]<\/code><\/pre>\n\n\n<p>Displaying an animated live wall by referencing the post ID and specifying the grid animation speed and interval.<\/p>\n\n<pre class=\"wp-block-code\"><code>[ALW id=10 alw_grid_anim_speed=800 alw_grid_anim_interval=1500 \/]<\/code><\/pre>\n\n\n<p>Displaying an animated live wall by referencing the post ID and specifying the image redirection target and hover effect.<\/p>\n\n<pre class=\"wp-block-code\"><code>[ALW id=10 alw_img_redirection='_new' alw_hover_effect='true' \/]<\/code><\/pre>\n\n\n<p>Displaying an animated live wall by referencing the post ID and specifying the load more limit and color.<\/p>\n\n<pre class=\"wp-block-code\"><code>[ALW id=10 alw_load_more_limit=6 alw_load_more_color='#FF0000' \/]<\/code><\/pre>\n\n\n<p>Displaying an animated live wall by referencing the post ID and specifying the Instagram token and gallery wall type.<\/p>\n\n<pre class=\"wp-block-code\"><code>[ALW id=10 alw_instagram_token='YOUR_INSTAGRAM_TOKEN' alw_gallery_wall='insta_wall' \/]<\/code><\/pre>\n\n\n<p>Displaying an animated live wall by referencing the post ID and specifying the Flickr API key, user ID, and gallery wall type.<\/p>\n\n<pre class=\"wp-block-code\"><code>[ALW id=10 alw_flickr_api_key='YOUR_FLICKR_API_KEY' alw_flickr_user_id='YOUR_FLICKR_USER_ID' alw_gallery_wall='flickr_wall' \/]<\/code><\/pre>\n\n\n            \n            <div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n            \n            <h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n            \n            \n            \n            <p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[null]<\/code> shortcode, check below the related PHP functions code.<\/p>\n            \n                    \n                    <p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n                    \n        \n                    \n                    <pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'ALW', 'awl_alw_shortcode' );<\/code><\/pre>\n                    \n                    \n                    <p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n                    \n            \n                    <div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\n                    function awl_alw_shortcode( $post_id ) {\n\tob_start();\n\n\t\/\/ js\n\twp_enqueue_script( &#039;jquery&#039; );\n\twp_enqueue_script( &#039;imagesloaded&#039; );\n\twp_enqueue_script( &#039;modernizr-custom-js&#039; );\n\twp_enqueue_script( &#039;jquery-gridrotator-js&#039; );\n\n\t\/\/ CSS\n\twp_enqueue_style( &#039;alw-style-css&#039; );\n\n\t\/\/ Freewall\n\twp_enqueue_script( &#039;freewall-js&#039; );\n\twp_enqueue_style( &#039;freewall-style-css&#039; );\n\n\t\/\/ Lightbox\n\twp_enqueue_style( &#039;colorbox-lightbox-css&#039; );\n\twp_enqueue_script( &#039;colorbox-lightbox-js&#039; );\n\n\t\/\/ fontawesome\n\twp_enqueue_style( &#039;all-fontawesome-min-css&#039; );\n\n\t\/\/ hover effects\n\twp_enqueue_style( &#039;hover-effect-css&#039; );\n\n\t\/\/ get the photo wall settings\n\t$alw_get_settings = get_post_meta( $post_id&#91;&#039;id&#039;], &#039;awl_animated_live_wall&#039; . $post_id&#91;&#039;id&#039;], true );\n\n\t\/\/ grid configuration\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_rows&#039;] ) ) {\n\t\t$alw_grid_rows = $alw_get_settings&#91;&#039;alw_grid_rows&#039;];\n\t} else {\n\t\t$alw_grid_rows = &#039;4&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_columns&#039;] ) ) {\n\t\t$alw_grid_columns = $alw_get_settings&#91;&#039;alw_grid_columns&#039;];\n\t} else {\n\t\t$alw_grid_columns = &#039;12&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_animation&#039;] ) ) {\n\t\t$alw_grid_animation = $alw_get_settings&#91;&#039;alw_grid_animation&#039;];\n\t} else {\n\t\t$alw_grid_animation = &#039;random&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_max_step&#039;] ) ) {\n\t\t$alw_grid_max_step = $alw_get_settings&#91;&#039;alw_grid_max_step&#039;];\n\t} else {\n\t\t$alw_grid_max_step = &#039;&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_anim_speed&#039;] ) ) {\n\t\t$alw_grid_anim_speed = $alw_get_settings&#91;&#039;alw_grid_anim_speed&#039;];\n\t} else {\n\t\t$alw_grid_anim_speed = &#039;700&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_anim_interval&#039;] ) ) {\n\t\t$alw_grid_anim_interval = $alw_get_settings&#91;&#039;alw_grid_anim_interval&#039;];\n\t} else {\n\t\t$alw_grid_anim_interval = &#039;1200&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_no_change&#039;] ) ) {\n\t\t$alw_grid_no_change = $alw_get_settings&#91;&#039;alw_grid_no_change&#039;];\n\t} else {\n\t\t$alw_grid_no_change = &#039;&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_gap&#039;] ) ) {\n\t\t$alw_grid_gap = $alw_get_settings&#91;&#039;alw_grid_gap&#039;];\n\t} else {\n\t\t$alw_grid_gap = 0;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_images_gap&#039;] ) ) {\n\t\t$alw_images_gap = $alw_get_settings&#91;&#039;alw_images_gap&#039;];\n\t} else {\n\t\t$alw_images_gap = &#039;15&#039;;\n\t}\n\n\tif ( isset( $alw_get_settings&#91;&#039;enable_gallery_layout&#039;] ) ) {\n\t\t$enable_gallery_layout = $alw_get_settings&#91;&#039;enable_gallery_layout&#039;];\n\t} else {\n\t\t$enable_gallery_layout = &#039;&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_thumb_size&#039;] ) ) {\n\t\t$alw_grid_thumb_size = $alw_get_settings&#91;&#039;alw_grid_thumb_size&#039;];\n\t} else {\n\t\t$alw_grid_thumb_size = &#039;thumbnail&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_thumb_size&#039;] ) ) {\n\t\t$alw_thumb_size = $alw_get_settings&#91;&#039;alw_thumb_size&#039;];\n\t} else {\n\t\t$alw_thumb_size = &#039;full&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_img_redirection&#039;] ) ) {\n\t\t$alw_img_redirection = $alw_get_settings&#91;&#039;alw_img_redirection&#039;];\n\t} else {\n\t\t$alw_img_redirection = &#039;_new&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_maso_img_redirection&#039;] ) ) {\n\t\t$alw_maso_img_redirection = $alw_get_settings&#91;&#039;alw_maso_img_redirection&#039;];\n\t} else {\n\t\t$alw_maso_img_redirection = &#039;_new&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_grid_stop_anim&#039;] ) ) {\n\t\t$alw_grid_stop_anim = $alw_get_settings&#91;&#039;alw_grid_stop_anim&#039;];\n\t} else {\n\t\t$alw_grid_stop_anim = &#039;no&#039;;\n\t}\n\n\t\/\/ instagram\n\tif ( isset( $alw_get_settings&#91;&#039;alw_instagram_token&#039;] ) ) {\n\t\t$alw_instagram_token = $alw_get_settings&#91;&#039;alw_instagram_token&#039;];\n\t} else {\n\t\t$alw_instagram_token = &#039;IGQVJXZA1dJWUlQUVhFMy1uRU4tM1RJU0tDa1dJTWt0N3FySktYR2FKeUhTSzkwdnFqOXl2UFR2dks2cmpteGNZAazRDUVd1MkhpZAjYzeWZA0ZAkt6NWVFZAUYxeUQ4UURSOEFjZAFZA1V2xIT0FYS1FNcGE0RQZDZD&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_gallery_wall&#039;] ) ) {\n\t\t$alw_gallery_wall = $alw_get_settings&#91;&#039;alw_gallery_wall&#039;];\n\t} else {\n\t\t$alw_gallery_wall = &#039;&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_insta_icon&#039;] ) ) {\n\t\t$alw_insta_icon = $alw_get_settings&#91;&#039;alw_insta_icon&#039;];\n\t} else {\n\t\t$alw_insta_icon = &#039;instagram&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_insta_caption&#039;] ) ) {\n\t\t$alw_insta_caption = $alw_get_settings&#91;&#039;alw_insta_caption&#039;];\n\t} else {\n\t\t$alw_insta_caption = &#039;false&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_insta_link&#039;] ) ) {\n\t\t$alw_insta_link = $alw_get_settings&#91;&#039;alw_insta_link&#039;];\n\t} else {\n\t\t$alw_insta_link = &#039;_new&#039;;\n\t}\n\n\t\/\/ Flickr\n\tif ( isset( $alw_get_settings&#91;&#039;alw_flickr_api_key&#039;] ) ) {\n\t\t$alw_flickr_api_key = $alw_get_settings&#91;&#039;alw_flickr_api_key&#039;];\n\t} else {\n\t\t$alw_flickr_api_key = &#039;4405cbae4b35b98f14f5e839c6e03599&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_flickr_user_id&#039;] ) ) {\n\t\t$alw_flickr_user_id = $alw_get_settings&#91;&#039;alw_flickr_user_id&#039;];\n\t} else {\n\t\t$alw_flickr_user_id = &#039;147476924@N07&#039;;\n\t}\n\n\t\/\/ Hover\n\tif ( isset( $alw_get_settings&#91;&#039;alw_hover_effect&#039;] ) ) {\n\t\t$alw_hover_effect = $alw_get_settings&#91;&#039;alw_hover_effect&#039;];\n\t} else {\n\t\t$alw_hover_effect = &#039;true&#039;;\n\t}\n\n\t\/\/ lightbox\n\tif ( isset( $alw_get_settings&#91;&#039;column_setting&#039;] ) ) {\n\t\t$column_setting = $alw_get_settings&#91;&#039;column_setting&#039;];\n\t} else {\n\t\t$column_setting = &#039;small_column&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_lightbox&#039;] ) ) {\n\t\t$alw_lightbox = $alw_get_settings&#91;&#039;alw_lightbox&#039;];\n\t} else {\n\t\t$alw_lightbox = &#039;true&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_lightbox_thumb_size&#039;] ) ) {\n\t\t$alw_lightbox_thumb_size = $alw_get_settings&#91;&#039;alw_lightbox_thumb_size&#039;];\n\t} else {\n\t\t$alw_lightbox_thumb_size = &#039;full&#039;;\n\t}\n\t\/\/ load more\n\tif ( isset( $alw_get_settings&#91;&#039;alw_load_more&#039;] ) ) {\n\t\t$alw_load_more = $alw_get_settings&#91;&#039;alw_load_more&#039;];\n\t} else {\n\t\t$alw_load_more = &#039;no&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_load_more_limit&#039;] ) ) {\n\t\t$alw_load_more_limit = $alw_get_settings&#91;&#039;alw_load_more_limit&#039;];\n\t} else {\n\t\t$alw_load_more_limit = &#039;4&#039;;\n\t}\n\tif ( isset( $alw_get_settings&#91;&#039;alw_load_more_color&#039;] ) ) {\n\t\t$alw_load_more_color = $alw_get_settings&#91;&#039;alw_load_more_color&#039;];\n\t} else {\n\t\t$alw_load_more_color = &#039;#1ECD97&#039;;\n\t}\n\t\n\tif ( isset( $alw_get_settings&#91;&#039;alw_custum_css&#039;] ) ) {\n\t\t$alw_custum_css = $alw_get_settings&#91;&#039;alw_custum_css&#039;];\n\t} else {\n\t\t$alw_custum_css = &#039;&#039;;\n\t}\n\n\t\/\/ lod button css\n\t?&gt;\n\t&lt;style&gt;\n\t.progress-button button {\n\t\tborder: 2px solid &lt;?php echo esc_attr( $alw_load_more_color ); ?&gt;;\n\t\tcolor: &lt;?php echo esc_attr( $alw_load_more_color ); ?&gt;\n\t}\n\t.progress-button button:hover {\n\t\tbackground-color: &lt;?php echo esc_attr( $alw_load_more_color ); ?&gt;\n\t}\n\t.ri-grid ul li {\n\t\tmargin: &lt;?php echo esc_attr( $alw_grid_gap ); ?&gt;px !important;\n\t}\n\t\n\t&lt;?php echo $alw_custum_css; ?&gt;\n\t\n\t&lt;\/style&gt;\n\t&lt;?php\n\t\/\/ get id\n\t$alw_id = $post_id&#91;&#039;id&#039;];\n\n\tif ( $alw_gallery_wall == &#039;photo_wall&#039; ) {\n\t\tif ( $enable_gallery_layout == &#039;grid&#039; ) {\n\t\t\trequire &#039;include\/alw-grid-animated-shortcode.php&#039;;\n\t\t}\n\t\tif ( $enable_gallery_layout == &#039;masonry&#039; ) {\n\t\t\trequire &#039;include\/alw-masonry-layout-shortcode.php&#039;;\n\t\t}\n\t}\n\tif ( $alw_gallery_wall == &#039;insta_wall&#039; ) {\n\n\t\t\/\/ get instagram api\n\t\t$instagram_data_decode = file_get_contents( &quot;https:\/\/graph.instagram.com\/me\/media?fields=id,thumbnail_url,permalink,media_type,media_url,caption,username,children{media_url}&amp;access_token=$alw_instagram_token&quot; );\n\t\t$instagram_data        = json_decode( $instagram_data_decode, true );\n\t\t\n\t\t\n\t\t\/*  echo &quot;&lt;pre&gt;&quot;;\n\t\tprint_r($instagram_data);\n\t\techo &quot;&lt;\/pre&gt;&quot;;  *\/\n\t\t\n\t\t\/\/ require layout\n\t\tif ( $enable_gallery_layout == &#039;grid&#039; ) {\n\t\t\trequire &#039;include\/instagram-gallery\/alw-instagram-grid-animated-shortcode.php&#039;;\n\t\t}\n\t\tif ( $enable_gallery_layout == &#039;masonry&#039; ) {\n\t\t\trequire &#039;include\/instagram-gallery\/alw-instagram-masonry-layout-shortcode.php&#039;;\n\t\t}\n\t}\n\tif ( $alw_gallery_wall == &#039;flickr_wall&#039; ) {\n\n\t\t\/\/ get flickr api\n\t\t$params = array(\n\t\t\t&#039;api_key&#039;  =&gt; $alw_flickr_api_key,\n\t\t\t&#039;user_id&#039;  =&gt; $alw_flickr_user_id,\n\t\t\t&#039;method&#039;   =&gt; &#039;flickr.people.getPublicPhotos&#039;,\n\t\t\t&#039;per_page&#039; =&gt; 50,\n\t\t\t&#039;format&#039;   =&gt; &#039;php_serial&#039;,\n\t\t\t&#039;extras&#039;   =&gt; &#039;date_upload, date_taken, owner_name, icon_server, original_format, last_update, geo, tags, machine_tags, o_dims, views, media, path_alias, url, url_sq, url_q, url_t, url_s, url_n, url_m, url_z, url_c, url_l, url_o&#039;,\n\t\t);\n\n\t\t$encoded_params = array();\n\t\tforeach ( $params as $k =&gt; $v ) {\n\t\t\t$encoded_params&#91;] = urlencode( $k ) . &#039;=&#039; . urlencode( $v );\n\t\t}\n\n\t\t\/\/ call the API and decode the response\n\t\t$url     = &#039;https:\/\/api.flickr.com\/services\/rest\/?&#039; . implode( &#039;&amp;&#039;, $encoded_params );\n\t\t$rsp     = file_get_contents( $url );\n\t\t$rsp_obj = unserialize( $rsp );\n\n\t\tif ( isset( $rsp_obj&#91;&#039;photos&#039;]&#91;&#039;photo&#039;] ) ) {\n\t\t\t$flickr_data = $rsp_obj&#91;&#039;photos&#039;]&#91;&#039;photo&#039;];\n\t\t} else {\n\t\t\t$flickr_data = &#039;&#039;;\n\t\t}\n\n\t\t\/\/ $flickr_data = $rsp_obj&#91;&#039;photos&#039;]&#91;&#039;photo&#039;];\n\n\t\t\/\/ require layout\n\t\tif ( isset( $rsp_obj&#91;&#039;photos&#039;]&#91;&#039;photo&#039;] ) ) {\n\t\t\tif ( $enable_gallery_layout == &#039;grid&#039; ) {\n\t\t\t\trequire &#039;include\/flickr-gallery\/alw-flickr-grid-animated-shortcode.php&#039;;\n\t\t\t}\n\t\t\tif ( $enable_gallery_layout == &#039;masonry&#039; ) {\n\t\t\t\trequire &#039;include\/flickr-gallery\/alw-flickr-masonry-layout-shortcode.php&#039;;\n\t\t\t}\n\t\t}\n\t}\n\treturn ob_get_clean();\n}\n                    <\/pre><\/div>\n                    \n                    <p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n                    \n                    \n                    \n                    <pre class=\"wp-block-code\"><code>animated-live-wall\/animated-live-wall\/shortcode.php<\/code><\/pre>\n                    \n        <div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n        \n        \n        \n        <h2 class=\"wp-block-heading\">Conclusion<\/h2>\n        \n        \n        \n        <p class=\"wp-block-paragraph\">Now that you&#8217;ve learned how to embed the <strong>Animated Live Wall Plugin shortcode<\/strong>, understood the parameters, and seen code examples, it&#8217;s easy to use and debug any issue that might cause it to &#8216;not work&#8217;. If you still have difficulties with it, don&#8217;t hesitate to leave a comment below.<\/p>\n        ","protected":false},"excerpt":{"rendered":"<p>Below, you&#8217;ll find a detailed guide on how to add the Animated Live Wall Shortcode to your WordPress website, including its parameters, examples, and PHP function code. Additionally, we&#8217;ll assist you with common issues that might cause the Animated Live Wall Plugin shortcode not to show or not to work correctly. Before starting, here is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"name":"Animated Live Wall &#8211; Photo Animation, Feed Gallery Image Change Animation","slug":"","version":"1.1.2","author":"<a href=\"https:\/\/www.awplife.com\">A WP Life<\/a>","icons":"https:\/\/ps.w.org\/animated-live-wall\/assets\/icon-128x128.gif?rev=2858222","plugin_tags":"{\"animation-wall\":\"animation wall\",\"flickr\":\"flickr\",\"gallery\":\"gallery\",\"image-masonry-design\":\"image masonry design\",\"instagram\":\"Instagram\"}","author_profile":"https:\/\/profiles.wordpress.org\/awordpresslife\/","requires":"3.0.1","tested":"6.3.2","requires_php":"5.2.4","rating":86,"num_ratings":11,"active_installs":3000,"downloaded":90756,"last_updated":"2023-09-27 10:06am GMT","added":"2019-02-25","homepage":"","short_description":"Animated live wall gallery creates a Photo wall with animated switching blocks that can be created with instagram, flickr or uploaded media.","description":"\"Animated Live Wall is a dynamic WordPress plugin that brings your images to life with stunning animations. It transforms your static photo galleries into vibrant, interactive feeds for an immersive visual experience.\"","shortcodes":"[null]","footnotes":""},"categories":[1],"tags":[],"class_list":["post-2083","post","type-post","status-publish","format-standard","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/2083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/comments?post=2083"}],"version-history":[{"count":1,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/2083\/revisions"}],"predecessor-version":[{"id":2588,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/2083\/revisions\/2588"}],"wp:attachment":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/media?parent=2083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/categories?post=2083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/tags?post=2083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}