Simple Ebook Viewer

After installing this plugin, you will be able to upload various ebook formats as normal media files and to display them on your site using a shortcode.

Every ebook uploaded on your site will have an “ebook slug” (by default it will be the ebook name) that you can view and edit in the Edit Media page of the Admin Panel.

The full source code of the plugin is hosted on GitHub.

Supported formats
At the moment, the plugin will let you upload and display the following file types, provided that they are DRM-free:

• epub
• mobi
• azw
• azw3
• fb2
• fbz
• cbz
• pdf

Usage
Insert the shortcode [simebv_viewer book="MY_EBOOK_SLUG_HERE"] in any one of your posts.

Styling
You can add css styles and classes for the viewer container by adding these attributes to the shortcode:

• height
• width
• max-height
• max-width
• border
• style
• class

Height, width, max-height, max-width and border accept any valid CSS value for those properties.
Style and class accept any valid value for the respective HTML attributes.

Some examples:

[simebv_viewer book="MY_EBOOK_SLUG_HERE" style="height:30em;border:2px inset black"]

[simebv_viewer book="MY_EBOOK_SLUG_HERE" max-height="100vh" height="40em"]

[simebv_viewer book="MY_EBOOK_SLUG_HERE" class="my-container-class my-container-second-class"]

/* You can overwrite the default font family of the Viewer's UI
   with the CSS variable --simebv-ui-font-family */
[simebv_viewer book="MY_EBOOK_SLUG_HERE" style="--simebv-ui-font-family:monospace;"]

/* You can also overwrite font family, size and weight of the Ebook's title
   in the Viewer's header with the CSS variables --simebv-header-font-family,
   --simebv-header-font-size, --simebv-header-font-weight */
[simebv_viewer book="MY_EBOOK_SLUG_HERE" style="--simebv-header-font-family:serif;--simebv-header-font-size:1rem;"]

Settings

The users of your site will be able to set their preferences about the appearance of the ebook in the Viewer by opening the Viewer menu (the cog icon on the top right) and by selecting the appropriate entries.

The plugin sets some reasonable defaults for these preferences, but if you’re not happy with those defaults, you can change them by adding one or more of the following attributes to the shortcode, with the appropriate values.

Reflowable ebooks

• layout
  • accepted values: “paginated” or “scrolled” (default: paginated)

  Read the full description on the official page →