kubiq

<p>Generates thumbnail for PDF file automatically after file is uploaded to the Media library.</p>
<p>You can also generate thumbnails for old PDF files that are already in the Media library – you can generate missing thumbnails or regenerate all thumbnails.</p>
<p><strong>Imagick library must be installed on your server, otherwise this plugin will not work</strong></p>
<ul>
<li>automated test after plugin activation to make sure it will work on your server</li>
<li>works with all types of WordPress installations: domain, subdomain, subdirectory, multisite/network</li>
<li>works on Apache and NGiNX</li>
<li>automatically generate thumbnail for new uploaded PDFs</li>
<li>(re)generate thumbnails for existing PDFs in Media library</li>
<li>set maximum width of PDF thumbnail</li>
<li>set maximum height of PDF thumbnail</li>
<li>set image quality of PDF thumbnail</li>
<li>set image file type of PDF thumbnail</li>
</ul>
<h3>Shortcodes</h3>
<h3>pdf_thumbnail</h3>
<p>Maybe you want to display PDF thumbnail by using a shortcode</p>
<pre><code>[pdf_thumbnail id="123"]
</code></pre>
<h3>pdf_thumbnail_url</h3>
<p>Maybe you want to display PDF thumbnail url by using a shortcode</p>
<pre><code>[pdf_thumbnail_url id="123"]
</code></pre>
<h3>pdf_clickable_thumbnail</h3>
<p>Maybe you want to display clickable PDF thumbnail that will open PDF in new tab</p>
<pre><code>[pdf_clickable_thumbnail id="123"]
</code></pre>
<p> </p>
<h3>Functions</h3>
<h3>get_pdf_thumbnail_url</h3>
<p>If you want to return PDF thumbnail URL you can use</p>
<pre><code>get_pdf_thumbnail_url( $pdf_id )
</code></pre>
<p>it works similar to <code>wp_get_attachment_url</code> and it will return something like</p>
<pre><code>https://site.com/wp-content/uploads/2022/01/example.pdf.png
</code></pre>
<h3>get_pdf_thumbnail_path</h3>
<p>If you want to return PDF thumbnail URL you can use</p>
<pre><code>get_pdf_thumbnail_path( $pdf_id )
</code></pre>
<p>it works similar to <code>get_attached_file</code> and it will return something like</p>
<pre><code>/www/site.com/wp-content/uploads/2022/01/example.pdf.png
</code></pre>
<h3>get_pdf_thumbnail_image_src</h3>
<p>If you want to return PDF thumbnail url, width and height you can use</p>
<pre><code>get_pdf_thumbnail_image_src( $pdf_id )
</code></pre>
<p>it works similar to <code>wp_get_attachment_image_src</code> and it will return something like</p>
<pre><code>[
    0 => 'https://site.com/wp-content/uploads/2022/01/example.pdf.png',
    1 => 600,
    2 => 800
]
</code></pre>
<h3>get_pdf_thumbnail_image</h3>
<p>If you want to return PDF thumbnail image tag you can use</p>
<pre><code>get_pdf_thumbnail_image( $pdf_id )
</code></pre>
<p>it works similar to <code>wp_get_attachment_image</code> and it will return something like</p>
<pre><code><img src="https://site.com/wp-content/uploads/2022/01/example.pdf.png" width="600" height="800" alt="example" loading="lazy">
</code></pre>
<p> </p>
<h3>Hooks</h3>
<h3>pdf_thumbnail_max_width</h3>
<p>Maybe you want to change global PDF thumbnail max_width for a specific PDF file</p>
<pre><code>add_filter( 'pdf_thumbnail_max_width', function( $max_width, $pdf_id ){
    if( $pdf_id == 123 ){
        return 1024;
    }
    return $max_width;
}, 10, 2 );
</code></pre>
<h3>pdf_thumbnail_max_height</h3>
<p>Maybe you want to change global PDF thumbnail max_width for a specific PDF file</p>
<pre><code>add_filter( 'pdf_thumbnail_max_height', function( $max_height, $pdf_id ){
    if( $pdf_id == 123 ){
        return 768;
    }
    return $max_height;
}, 10, 2 );
</code></pre>
<h3>pdf_thumbnail_quality</h3>
<p>Maybe you want to change global PDF thumbnail quality for a specific PDF file</p>
<pre><code>add_filter( 'pdf_thumbnail_quality', function( $quality, $pdf_id ){
    if( $pdf_id == 123 ){
        return 100;
    }
    return $quality;
}, 10, 2 );
</code></pre>
<h3>pdf_thumbnail_type</h3>
<p>Maybe you want to change global PDF thumbnail file type for a specific PDF file</p>
<pre><code>add_filter( 'pdf_thumbnail_type', function( $type, $pdf_id ){
    if( $pdf_id == 123 ){
        return 'png'; // or 'jpg'
    }
    return $type;
}, 10, 2 );
</code></pre>
<h3>pdf_thumbnail_bgcolor</h3>
<p>Maybe you want to change default PDF thumbnail background for a specific PDF file</p>
<pre><code>add_filter( 'pdf_thumbnail_bgcolor', function( $bgcolor, $pdf_id ){
    if( $pdf_id == 123 ){
        return 'black'; // default is 'white'
    }
    return $bgcolor;
}, 10, 2 );
</code></pre>
<h3>pdf_thumbnail_page_number</h3>
<p>Maybe you want to PDF thumbnail page number for a specific PDF file</p>
<pre><code>add_filter( 'pdf_thumbnail_page_number', function( $page, $pdf_id ){
    if( $pdf_id == 123 ){
        return 1; // default is 0
    }
    return $page;
}, 10, 2 );
</code></pre>
<h3>pdf_thumbnail_filename</h3>
<p>Maybe you want to PDF thumbnail filename for a specific PDF file</p>
<pre><code>add_filter( 'pdf_thumbnail_filename', function( $filename, $pdf_id ){
    if( $pdf_id == 123 ){
        return str_replace( '.pdf.png', '.png', $filename );
    }
    return $filename;
}, 10, 2 );
</code></pre>
<h3>pdf_thumbnail_imagick</h3>
<p>Maybe you want to add watermark to PDF thumbnail for a specific PDF file</p>
<pre><code>add_filter( 'pdf_thumbnail_imagick', function( $imagick, $pdf_id ){
    if( $pdf_id == 123 ){
        // add your watermark here
    }
    return $imagick;
}, 10, 2 );
</code></pre>
<h3>get_pdf_thumbnail_image_attributes</h3>
<p>Maybe you want to change attributes for image tag from <code>get_pdf_thumbnail_image</code> function</p>
<pre><code>add_filter( 'get_pdf_thumbnail_image_attributes', function( $attr, $pdf_id ){
    $attr['loading'] = 'eager';
    return $attr;
}, 10, 2 );
</code></pre>
<h3>pdf_thumbnail_generated</h3>
<p>Maybe you want to do something after the thumbnail is generated</p>
<pre><code>add_action( 'pdf_thumbnail_generated', function( $thumbnail_path, $pdf_id ){
    // do somthing with the local file $thumbnail_path
}, 10, 2 );
</code></pre>


PDF Thumbnail Generator


I've used this on multiple sites and have found it invaluable.



While I've struggled with getting the required ImageMagick set up and working on a few servers – each one requiring a slightly different approach owing to different OS and security settings – this is not the fault of the plugin or plugin author.



I'm not sure what one reviewer means by this being built-in to WordPress; to the best of my knowledge that is incorrect.


Invaluable for building document libraries and the like

myknowledgemap

<p>Open Badges are a new online standard to recognize and verify learning: Earn badges for skills you learn online &<br />
offline, Give recognition for things you teach, Show your badges in the places that matter. This plugin lets you<br />
integrate the OpenBadges.me badge designer inside your WordPress admin screens.</p>
<p>The OpenBadges.me badge designer provides a simple and quick way to create attractive graphics and designs to use as<br />
badges as part of the Mozilla Open Badges infrastructure. When used alongside other Open Badges plugins (like WPBadger)<br />
it’s now possible to support end-to-end Open Badges workflow, including design, creation, definition and issuing.</p>
<p>The badge designer sits neatly within your WordPress admin screens and saves your badge graphics directly into your<br />
media library ready to use however you wish!</p>
<p>With the badge designer you can:</p>
<ul>
<li>Create sophisticated and attractive badge graphics in PNG format</li>
<li>Combine different layers, shapes and icons to create unique designs</li>
<li>Adjust colours, positions and opacities of your elements to get things just right</li>
<li>Add graphical flair with a range of in-built icon sets and web-fonts</li>
</ul>
<p>The OpenBadges.me badge designer gives you all the tools you need to create great looking Open Badges, in your browser<br />
and without the need to learn complex graphics editing software.</p>


OpenBadges.me Open Badges designer

Open Badges are a new online standard to recognize and verify learning: Earn badges for skills you learn online &

PDF Thumbnail Generator vs OpenBadges.me Open Badges designer