zinejs Flipbook embeds a fast, GPU-accelerated page-flip reader in your posts and pages. Point it at a\nPDF from your Media Library and readers can flip, zoom, and page through it like a real book. A CSS\nfallback keeps it working on devices without WebGL.<\/p>\n\n
Ways to add a flipbook:<\/p>\n\n
The engine and pdf.js are bundled with the plugin, and the scripts are enqueued only on pages that actually contain a flipbook.<\/p>\n\n
[zinejs pdf=\"https:\/\/example.com\/brochure.pdf\" spread=\"cover\" curl=\"silk\" controls-position=\"top\"]\n<\/code><\/pre>\n\nThe shortcode accepts the same options as the blocks. Source: pdf<\/code> (URL) or images<\/code>\n(comma-separated URLs). Layout: spread<\/code> (cover | double | single | book), direction<\/code> (ltr | rtl),\n fit (contain | fill), responsive<\/code> (true | false), threshold<\/code> (px), max-width<\/code> (px), aspect<\/code>\n(e.g. 3\/2, or auto). Interaction: click-to-flip<\/code> (edge | half | off), curl<\/code> (cone | simple | roll\n| leaf | flick | silk), flip-duration<\/code> (ms), start-page<\/code> (0-based). Zoom: zoom<\/code> (true | false),\n zoom-max, zoom-wheel<\/code>, zoom-double-click<\/code>. Controls: controls<\/code> (true | false),\n controls-position (top | bottom | left | right), controls-scheme<\/code> (auto | light | dark),\n controls-arrows, context-menu<\/code>, loading<\/code>, hints<\/code>, deep-link<\/code>. Permissions: allow-download<\/code>,\n allow-print, allow-share<\/code>. Covers: front-cover<\/code> (URL), back-cover<\/code> (URL). Sound: sound<\/code>\n(true | false), sound-volume<\/code> (0..1), sound-muted<\/code>, sound-persist<\/code>.<\/p>\n\nBy default the book drops to one page per spread when its container is narrower than 500px\n(threshold<\/code>), so it stays readable on phones and in narrow theme columns. If your column is narrow\nbut you still want two-page spreads (for example in cover<\/code> mode), set responsive=\"false\"<\/code>, or use\nthe block's Wide\/Full alignment to give it more room.<\/p>\n\nLicense<\/h3>\n\n
This plugin is free and open source, licensed under the GNU GPL v2 or later. The zinejs engine it\nbundles is distributed here under the same GPL license, and its source is available at\nhttps:\/\/github.com\/awecode\/zinejs (the engine is dual-licensed; other editions exist at\nhttps:\/\/zinejs.com). Bundled pdf.js is licensed under Apache-2.0; its source is at\nhttps:\/\/github.com\/mozilla\/pdf.js.<\/p>\n\n
The plugin's own code is unminified and readable. The bundled assets\/vendor\/*<\/code> files are built from\nthe sources above; see the repository for the build steps.<\/p>\n\n\n\n- Upload the
zinejs-flipbook<\/code> folder to \/wp-content\/plugins\/<\/code>, or install the plugin through the Plugins\nscreen in WordPress.<\/li>\n- Activate it through the Plugins screen.<\/li>\n
- Add a \"Zine Flipbook\" block to a post or page, or use the
[zinejs]<\/code> shortcode.<\/li>\n<\/ol>\n\n\n\nCan I show more than one flipbook on a page?<\/h3><\/dt>\nYes. Add multiple blocks or shortcodes; each mounts independently.<\/p><\/dd>\n
The PDF does not render on my server<\/h3><\/dt>\npdf.js loads its worker as an ES module. A few servers serve .mjs<\/code> files with the wrong MIME type,\nwhich blocks the worker. If pages stay blank, add this to your server config (Apache .htaccess<\/code>):<\/p>\n\nAddType text\/javascript .mjs\n<\/code><\/pre><\/dd>\n\n<\/dl>\n\n\n1.0.0<\/h4>\n\n\n- Two blocks (PDF and Images) plus the [zinejs] shortcode, with the full zinejs option set.<\/li>\n<\/ul>","raw_excerpt":"A real page-flip reader for PDFs and images, via a block or the [zinejs] shortcode.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/373149","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=373149"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/isdipesh"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=373149"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=373149"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=373149"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=373149"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=373149"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=373149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}