{"id":20372,"date":"2012-10-26T07:45:24","date_gmt":"2012-10-26T07:45:24","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/wp-slide-up-box\/"},"modified":"2018-07-12T10:48:20","modified_gmt":"2018-07-12T10:48:20","slug":"wp-slide-up-box","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/wp-slide-up-box\/","author":10489679,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"1.0","tested":"4.9.29","requires":"4.6","requires_php":"","requires_plugins":"","header_name":"a-boxes (WP Slide-up box)","header_author":"a-idea studio","header_description":"","assets_banners_color":"7d949d","last_updated":"2018-07-12 10:48:20","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/a-idea.studio\/a-boxes\/","header_author_uri":"https:\/\/a-idea.studio\/","rating":4.7,"author_block_rating":0,"active_installs":70,"downloads":7698,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":"1","5":"2"},"assets_icons":{"icon.svg":{"filename":"icon.svg","revision":"1543898","resolution":"","location":"assets"}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":"1543898","resolution":"1544x500","location":"assets"},"banner-1800x609.jpg":{"filename":"banner-1800x609.jpg","revision":"1543898","resolution":"1800x609","location":"assets"},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"1543898","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1","0.11","0.2","0.21","0.3","0.3.1","0.4","0.4.1","1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":"1543898","resolution":"1","location":"assets"},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":"1908104","resolution":"2","location":"assets"}},"screenshots":{"1":"Here is what the plugin does in general. Hover your mouse over the image and the cover layer slides up.","2":"Shortcode generator with visual preview"}},"plugin_section":[],"plugin_tags":[202,25888,611,125516,70905],"plugin_category":[59],"plugin_contributors":[125515],"plugin_business_model":[],"class_list":["post-20372","plugin","type-plugin","status-closed","hentry","plugin_tags-jquery","plugin_tags-slidebox","plugin_tags-slider","plugin_tags-slideup-box","plugin_tags-sliding-box","plugin_category-utilities-and-tools","plugin_contributors-arachnoidea","plugin_committers-arachnoidea"],"banners":[],"icons":{"svg":"https:\/\/ps.w.org\/wp-slide-up-box\/assets\/icon.svg?rev=1543898","icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/wp-slide-up-box_7d949d.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/wp-slide-up-box\/assets\/screenshot-1.jpg?rev=1543898","caption":"Here is what the plugin does in general. Hover your mouse over the image and the cover layer slides up."},{"src":"https:\/\/ps.w.org\/wp-slide-up-box\/assets\/screenshot-2.jpg?rev=1908104","caption":"Shortcode generator with visual preview"}],"raw_content":"<!--section=description-->\n<p>Add jQuery-driven fancy slideboxes to your WordPress pages and posts. With this plugin a layer will slide on an inserted picture on mouse hover or touch event.<\/p>\n\n<p>This plugin was renamed to a-boxes from WP Slide-up box with the release of v1.0.<\/p>\n\n<h4>Features:<\/h4>\n\n<ul>\n<li>10 different animations<\/li>\n<li>Full support for touchscreens<\/li>\n<li>Can be used as a shortcode or as PHP function<\/li>\n<li>Shortcode builder in admin with preview<\/li>\n<li>High level of customizability<\/li>\n<li>Uses CSS animations (since 1.0)<\/li>\n<li>Translatable<\/li>\n<\/ul>\n\n<p>You can find detailed documentation about the plugin on the author's website:\n<a href=\"https:\/\/a-idea.studio\/a-boxes\/\">a-boxes documentation<\/a><\/p>\n\n<p>If you have an idea how we could make it better, please let us know on the Support page in wp-admin.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Go to <strong>Plugins \u00bb Add New<\/strong> in wp-admin<\/li>\n<li>Search for <strong>\"wp slide-up box\"<\/strong> or <strong>\"a-boxes\"<\/strong><\/li>\n<li>Click on the <strong>Install Now<\/strong> button<\/li>\n<li>Then on the <strong>Activate<\/strong> link<\/li>\n<li>After that a new page will appear in WP-admin (a-boxes) near the bottom of the menu, where you can find the Shortcode Generator and the Settings<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>Installation Instructions<\/dt>\n<dd><ol>\n<li>Go to <strong>Plugins \u00bb Add New<\/strong> in wp-admin<\/li>\n<li>Search for <strong>\"wp slide-up box\"<\/strong> or <strong>\"a-boxes\"<\/strong><\/li>\n<li>Click on the <strong>Install Now<\/strong> button<\/li>\n<li>Then on the <strong>Activate<\/strong> link<\/li>\n<li>After that a new page will appear in WP-admin (a-boxes) near the bottom of the menu, where you can find the Shortcode Generator and the Settings<\/li>\n<\/ol><\/dd>\n<dt>How can I determine the picture IDs in WordPress?<\/dt>\n<dd><p>We made a short tutorial on this topic:\n<a href=\"https:\/\/a-idea.studio\/blog\/2016\/05\/27\/find-id-number-picture-wordpress\/\">https:\/\/a-idea.studio\/blog\/2016\/05\/27\/find-id-number-picture-wordpress\/<\/a><\/p><\/dd>\n<dt>What animation types can I use?<\/dt>\n<dd><p>The available animation types (modes) are listed in the dropdown in the shortcode generator (wp-admin &gt;&gt; a-boxes &gt;&gt; Shortcode Generator). To see how they work, visit the <a href=\"https:\/\/a-idea.studio\/a-boxes\/modes-showcase\/\">Modes Showcase<\/a> page.<\/p><\/dd>\n<dt>How can I add links to the description?<\/dt>\n<dd><p>Since v0.4 you can add 2 types of links to the boxes:<\/p>\n\n<ul>\n<li><strong>Target link:<\/strong> the target attribute of the shortcode. It will link the full box to the target URL.<\/li>\n<li><strong>Description links:<\/strong> you can place local links inside the description attribute using the following shorttag (of course you can change the Link text and the URL to whatever you'd like to): {{Link text|http:\/\/example.com}}<\/li>\n<\/ul>\n\n<p>Hierarchy of the links: if you specify both a Target link and a Description link, then the Description link will be used and the Target link won't be added to the box.<\/p><\/dd>\n<dt>Can I use HTML code in the description part?<\/dt>\n<dd><p>Generally yes, however, the allowed HTML tags are limited to these: 'br', 'em', 'strong', 'i', 'b', 'p', 'span', 'ul', 'ol', 'li'. No HTML tag attributes are allowed to prevent conflicts with the shortcode attributes.<\/p>\n\n<p>Also, if you're adding HTML tags, make sure you do it in the Text edit mode and not in Visual mode. Otherwise your HTML tags will be escaped.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0 (2018-07-10)<\/h4>\n\n<ul>\n<li>A: color selectors for cover background and text colors in the Shortcode generator<\/li>\n<li>A: admin settings page added for setting default values. The shortcode generator is pre-filled with these values if they are not empty.<\/li>\n<li>A: Preview box for the shortcode generator<\/li>\n<li>A: all the strings in the plugin are now translatable<\/li>\n<li>A: added a Support page to the admin menu<\/li>\n<li>A: added a direct link to the plugin settings page from the All Plugins page for easier reach<\/li>\n<li>M: the plugin was renamed to \"a-boxes\" (from \"WP Slide-up box\") to better fit into our plugin branding line<\/li>\n<li>M: all animations are rewritten to use native CSS animations instead of jQuery<\/li>\n<li>M: minified versions of the CSS and JS files added, and these are loaded to speed up the loading times<\/li>\n<li>M: added 20px left and bottom margins to the boxes by default - to make them better align when used next to or below each other<\/li>\n<li>F: adjusted some initial values to prevent the cover layer from \"flashing up\" during page load<\/li>\n<li>F: now the code trims white spaces from shortcode URL parameters, preventing some annoying linking issues.<\/li>\n<\/ul>\n\n<h4>0.4.1 (2017-01-11)<\/h4>\n\n<ul>\n<li>M: website links are changed to https:\/\/ in the readme and in plugin file headers<\/li>\n<li>F: target links on touchscreens weren\u2019t working in v0.4. Now it\u2019s fixed.<\/li>\n<li>F: better compatibility with the 2016 theme<\/li>\n<\/ul>\n\n<h4>0.4 (2016-11-30)<\/h4>\n\n<ul>\n<li>A: links can be placed inside the description<\/li>\n<li>A: touchscreen support - a tap on the box starts the animation, while the link appears in the corner<\/li>\n<li>A: now not only image IDs, but image URLs can also be used, making it possible to use external images, too<\/li>\n<li>A: added plugin header and icon for the WP plugin directory<\/li>\n<li>M: the plugin code is now more secure using escaping methods<\/li>\n<li>M: the extra class is added to the container boxgrid DIV insead of the cover - it adds more customizability<\/li>\n<li>M: links in the help block and in readme now point to the new website<\/li>\n<li>F: on some themes the cover layer had issues if the IMG had margins - now it's fixed<\/li>\n<\/ul>\n\n<h4>0.3.1 (2016-08-25)<\/h4>\n\n<ul>\n<li>Fixed cover width issues in JS (sometimes it was not set properly on some servers)<\/li>\n<li>Improved responsiveness (in the previous version there had been issues with window resizing)<\/li>\n<\/ul>\n\n<h4>0.3 (2016-05-27)<\/h4>\n\n<ul>\n<li>Plugin's code was rewritten completely with more attention to quality<\/li>\n<li>The plugin no longer creates a table in WPDB, everything can now be controlled via the shortcode or the template function's parameters (however, we kept the table reader functions for backwards compatibility)<\/li>\n<li>Size parameter added for using other image sizes than \"full\"<\/li>\n<li>The project is now on <a href=\"https:\/\/github.com\/ervind\/wp-slide-up-box\">GitHub<\/a><\/li>\n<li>Admin is now responsive<\/li>\n<li>Front end now has better support for responsive images<\/li>\n<li>Shortcode generator added in admin<\/li>\n<li>everything is prefixed now correctly: the plugin is less prone to conflicts with other plugins<\/li>\n<\/ul>\n\n<p><a href=\"https:\/\/a-idea.studio\/a-boxes\/wp-slide-box-changelog\/\">Full Changelog<\/a><\/p>\n\n<h4>The idea<\/h4>\n\n<p>The original idea for this plugin was published by Sam Dunn in <a href=\"http:\/\/buildinternet.com\/2009\/03\/sliding-boxes-and-captions-with-jquery\/\">this article<\/a>.<\/p>","raw_excerpt":"Add jQuery-driven fancy slideboxes to your WordPress pages and posts. With this plugin a layer will slide on an inserted picture on mouse hover or tou &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/20372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=20372"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/arachnoidea"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=20372"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=20372"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=20372"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=20372"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=20372"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=20372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}