{"id":176199,"date":"2023-06-13T00:30:07","date_gmt":"2023-06-13T00:30:07","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/cover3d\/"},"modified":"2025-12-04T13:13:30","modified_gmt":"2025-12-04T13:13:30","slug":"cover3d","status":"publish","type":"plugin","link":"https:\/\/azb.wordpress.org\/plugins\/cover3d\/","author":13537343,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"6.1","requires_php":"7.4","requires_plugins":null,"header_name":"Cover3D","header_author":"M\u00e1rcio Duarte","header_description":"A block that displays a 3D book cover, animated when you mouse over it.","assets_banners_color":"1355fb","last_updated":"2025-12-04 13:13:30","external_support_url":"","external_repository_url":"https:\/\/github.com\/EpicoStudio\/cover3d","donate_link":"https:\/\/ubr.link\/donate-wp","header_plugin_uri":"https:\/\/github.com\/EpicoStudio\/cover3d","header_author_uri":"https:\/\/epico.studio","rating":0,"author_block_rating":0,"active_installs":10,"downloads":1349,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.1.0":{"tag":"0.1.0","author":"pagelab","date":"2023-06-19 18:02:53"},"0.2.0":{"tag":"0.2.0","author":"pagelab","date":"2023-07-28 20:16:14"},"0.3.0":{"tag":"0.3.0","author":"pagelab","date":"2023-08-04 15:43:35"},"0.4.0":{"tag":"0.4.0","author":"pagelab","date":"2023-10-26 21:16:50"},"1.0.0":{"tag":"1.0.0","author":"pagelab","date":"2025-12-04 13:13:30"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2925021,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2925021,"resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":2925021,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":2947803,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":2947803,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3411028,"resolution":false,"location":"assets","locale":"","contents":"{\"landingPage\":\"\\\/wp-admin\\\/post-new.php?post_type=page\",\"preferredVersions\":{\"php\":\"8.2\",\"wp\":\"latest\"},\"phpExtensionBundles\":[\"kitchen-sink\"],\"features\":{\"networking\":true},\"steps\":[{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"},{\"step\":\"installPlugin\",\"options\":{\"activate\":true},\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"cover3d\"}},{\"step\":\"runPHP\",\"code\":\"<?php require_once 'wordpress\\\/wp-load.php'; wp_insert_post(['post_title' => 'Cover 3D Demo', 'post_content' => '<!-- wp:cover3d\\\/cover3d \\\/-->', 'post_status' => 'draft', 'post_type' => 'page']); ?>\"}]}"}},"all_blocks":{"cover3d\/book":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"cover3d\/book","version":"1.0.0","title":"3D Book Cover","category":"media","description":"A 3D book cover animated on hover.","keywords":["book","cover","3D","animated","hover","lead magnet"],"icon":"book","textdomain":"cover3d","supports":{"color":{"background":false,"text":false,"gradients":false,"link":false},"typography":{"fontSize":false},"anchor":false,"align":false,"html":false},"attributes":{"bookCoverLink":{"type":"object","default":{"url":"","opensInNewTab":false}},"bookSize":{"type":"string","default":"big"},"backCoverText":{"type":"string","default":"Download"},"backCoverIconType":{"type":"string","default":"download"},"backCoverColor":{"type":"string","default":"#ffffff"},"backCoverBkgColor":{"type":"string","default":"#0049ff"},"bookCoverImageId":{"type":"integer","default":0},"bookCoverImageAlt":{"type":"string","default":""}},"example":{"attributes":{"bookCoverLink":{"url":"#","opensInNewTab":false},"bookSize":"big","backCoverText":"Download","backCoverIconType":"download"}},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","render":"file:.\/render.php"}},"tagged_versions":["0.1.0","0.2.0","0.3.0","0.4.0","1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2925021,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2925500,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2925500,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2925500,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"Searching for the Cover3D Block in the block inserter.","2":"Block added in main content of a page.","3":"Block settings: you can add an image, choose the cover size, set colors and add an optional link."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[783,1220,13532,6884,75502],"plugin_category":[],"plugin_contributors":[211703,211702],"plugin_business_model":[216239],"class_list":["post-176199","plugin","type-plugin","status-publish","hentry","plugin_tags-3d","plugin_tags-block","plugin_tags-book-cover","plugin_tags-cover","plugin_tags-lead-magnet","plugin_contributors-epicostudio","plugin_contributors-pagelab","plugin_business_model-community","plugin_committers-pagelab","plugin_support_reps-pagelab"],"banners":{"banner":"https:\/\/ps.w.org\/cover3d\/assets\/banner-772x250.jpg?rev=2947803","banner_2x":"https:\/\/ps.w.org\/cover3d\/assets\/banner-1544x500.jpg?rev=2947803","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/cover3d\/assets\/icon.svg?rev=2925021","icon":"https:\/\/ps.w.org\/cover3d\/assets\/icon.svg?rev=2925021","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/cover3d\/assets\/screenshot-1.png?rev=2925021","caption":"Searching for the Cover3D Block in the block inserter."},{"src":"https:\/\/ps.w.org\/cover3d\/assets\/screenshot-2.png?rev=2925500","caption":"Block added in main content of a page."},{"src":"https:\/\/ps.w.org\/cover3d\/assets\/screenshot-3.png?rev=2925500","caption":"Block settings: you can add an image, choose the cover size, set colors and add an optional link."},{"src":"https:\/\/ps.w.org\/cover3d\/assets\/screenshot-4.png?rev=2925500","caption":""}],"raw_content":"<!--section=description-->\n<p>The <strong>Cover 3D<\/strong> block will display a 3D book cover with an image of your choice, with a stylish animation on mouse hover.<\/p>\n\n<p>You can select three book sizes, set the cover colors, and also insert a custom link to the linked cover. In this case, the back cover will be displayed when you mouse over it, and you can choose an icon to describe the action of the link: download or buy, also adding the text that accompanies the link.<\/p>\n\n<p>\u26a0\ufe0f <strong>Important<\/strong>: after adding the cover image, select the appropriate size from the block controls located on the sidebar of the block editor.<\/p>\n\n<!--section=installation-->\n<h4>Automatic installation:<\/h4>\n\n<ol>\n<li>Open any post or page in your WordPress dashboard.<\/li>\n<li>Click the main plus icon (+), located at the upper left corner of the editor, to add a new block.<\/li>\n<li>Type \u201cCover 3D\u201d in the search field.<\/li>\n<li>Look for the plugin with this name in the list of available block plugins and click to install.<\/li>\n<li>Wait for the installation process and the block will be available to use in your content. You can deactivate it in the \u201cPlugins \u2192 All plugins\u201d menu, in your WordPress admin dashboard.<\/li>\n<\/ol>\n\n<h4>Manual Installation:<\/h4>\n\n<ol>\n<li>Upload the cover3d.zip file via the plugin page of WordPress by clicking \u201cAdd New\u201d and selecting the zip from your local computer, or alternatively upload the decompressed <code>cover3d<\/code> folder to your <code>\/wp-content\/plugins\/<\/code> directory on your server, via SFTP\/FTP.<\/li>\n<li>Activate the plugin through the \u201cPlugins\u201d menu in WordPress.<\/li>\n<li>Search for the \u201c3D Book Cover\u201d block in any block inserter within the block editor.<\/li>\n<li>Customize the cover image, book size and colors in the sidebar of the block editor. The plugin does not create menus or additional settings in the WordPress dashboard.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='why%20would%20i%20need%20this%3F'><h3>Why would I need this?<\/h3><\/dt>\n<dd><p>Do you have a book (or an e-book) that you want to promote? Or a subscription form with a lead magnet to download an e-book for marketing purposes? Including a 3D cover can help grab the visitor's attention to them, increasing conversions.<\/p><\/dd>\n<dt id='what%20is%20the%20recommended%20way%20to%20use%20it%3F'><h3>What is the recommended way to use it?<\/h3><\/dt>\n<dd><p>It can be used anywhere in the WordPress block editor, either in your content or in your templates.<\/p><\/dd>\n<dt id='what%20is%20the%20recommended%20size%20for%20my%20cover%20image%20file%3F'><h3>What is the recommended size for my cover image file?<\/h3><\/dt>\n<dd><p>The plugin offers three sizes for your cover: <em>small<\/em>, <em>medium<\/em> and <em>big<\/em>. The minimum image size for the \u201csmall\u201d option is <em>66 x 100 pixels<\/em>. For the \u201cMedium\u201d option, upload an image with at least <em>133 x 200 pixels<\/em>, and <em>200 x 300 pixels<\/em> for the \u201cbig\u201d option.<\/p><\/dd>\n<dt id='what%20image%20file%20formats%20do%20this%20plugin%20accept%3F'><h3>What image file formats do this plugin accept?<\/h3><\/dt>\n<dd><p>You can use any of the <a href=\"https:\/\/wordpress.org\/documentation\/article\/image-size-and-quality\/\">natively supported file types<\/a> for images, like JPG, GIF or PNG. If your WordPress installation allows SVG file uploads, you can also use this format, which is specially good for covers with sharp details.<\/p><\/dd>\n<dt id='will%20this%20plugin%20hinder%20my%20website%20loading%20performance%3F'><h3>Will this plugin hinder my website loading performance?<\/h3><\/dt>\n<dd><p>The Cover3D plugin uses very little CSS (8kb) to create the animation effect without Javascript on the front-end, so is very lean. You can also include an image for your cover, but you can select the desired image size to minimize the performance impact. At any rate, the Cover3D block only uses the native <code>medium<\/code> size, defined in your WordPress admin panel (Settings \u2192 Media), for the cover image on small screens, regardless of the the size option choosen in the block control panel, in order to avoid negative impacts on loading performance.<\/p><\/dd>\n<dt id='does%20this%20plugin%20collect%20any%20data%20from%20me%20or%20my%20users%3F'><h3>Does this plugin collect any data from me or my users?<\/h3><\/dt>\n<dd><p>Not at all. The plugin respects your privacy. It's completely add-free and the code only uses core WordPress functions. No admin notices or hidden \u201ccall home\u201d functions.<\/p><\/dd>\n<dt id='does%20this%20plugin%20work%20in%20the%20classic%20editor%3F'><h3>Does this plugin work in the Classic Editor?<\/h3><\/dt>\n<dd><p>No, this plugin works exclusively in the Block Editor.<\/p><\/dd>\n<dt id='does%20the%20hover%20animation%20work%20in%20touchscreen%20devices%3F'><h3>Does the hover animation work in touchscreen devices?<\/h3><\/dt>\n<dd><p>Since touchscreen devices do not include a \u201chover\u201d state, the animation is disabled on them.<\/p><\/dd>\n<dt id='where%20can%20i%20send%20feedback%20or%20support%20questions%3F'><h3>Where can I send feedback or support questions?<\/h3><\/dt>\n<dd><p>Please reach out via the official <a href=\"https:\/\/wordpress.org\/support\/plugin\/cover3d\">plugin support forum<\/a>.<\/p>\n\n<p>Feel free to ask questions, request new features or report bugs.<\/p>\n\n<p>You can also follow the development of the plugin in the official \u00c9pico Studio <a href=\"https:\/\/github.com\/EpicoStudio\/cover3d\">GitHub repository<\/a>, where you can see the complete code.<\/p><\/dd>\n<dt id='how%20can%20i%20support%20the%20development%20of%20the%20cover3d%20plugin%3F'><h3>How can I support the development of the Cover3D plugin?<\/h3><\/dt>\n<dd><p>You can help with a <a href=\"https:\/\/ubr.link\/donate-wp\">donation<\/a>, by <a href=\"https:\/\/epico.studio\">visiting our website<\/a> or publishing a <a href=\"https:\/\/wordpress.org\/support\/plugin\/cover3d\/reviews\/#new-post\">positive review<\/a>, if you find it useful.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Complete rewrite using native WordPress block development practices.<\/li>\n<li>Replaced Pinegrow custom framework with native WordPress Block API.<\/li>\n<li>Uses block.json for block registration (WordPress 6.1+).<\/li>\n<li>Modern ES6+ JavaScript with JSX and @wordpress\/scripts build tooling.<\/li>\n<li>Simplified attribute structure for better maintainability.<\/li>\n<li>Improved accessibility with proper ARIA attributes.<\/li>\n<li>Added \"Open in new tab\" option for links.<\/li>\n<li>Performance improvements with block metadata collection support.<\/li>\n<\/ul>\n\n<h4>0.4.0<\/h4>\n\n<ul>\n<li>Added support for inserting native performance attributes in the  tag via wp_get_loading_optimization_attributes().<\/li>\n<li>Added <code>lodash<\/code> as a dependency on the Javascript file registration.<\/li>\n<li>Updated translation strings.<\/li>\n<\/ul>\n\n<h4>0.3.0<\/h4>\n\n<ul>\n<li>Removed the book link while editing the block in the editor.<\/li>\n<\/ul>\n\n<h4>0.2.0<\/h4>\n\n<ul>\n<li>Upgraded the <code>api_version<\/code> on the block registration.<\/li>\n<\/ul>\n\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"A block that displays a 3D book cover, animated when you mouse over it.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/176199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=176199"}],"author":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/pagelab"}],"wp:attachment":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=176199"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=176199"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=176199"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=176199"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=176199"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=176199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}