PDF Image Generator

Description

By uploading a PDF attachment, this plugin convert the cover page to jpeg and attach it as a post thumbnail file. It also allows displaying a thumbnail icon and inserting PDF link with a cover image into the editor.

Available only for WordPress 4.0+, also only on the server which ImageMagick and GhostScript are installed.

This plugin hooks to the media editor and generates the first page image of PDF by using ImageMagick with GhostScript. It requires no setup, just activate the plugin via the admin install page. Allow to set a PDF as an image.

How it works

This Plugin replaces and extends the following features.

  • Generate cover image of PDF by using ImageMagick. Generated Image has different size variations and is attached to PDF.
  • Register Generated Image as Featured Image (post-thumbnail) of PDF.
  • Display Generated Image as icon instead of Mime-type Icon in Admin Page.
  • Hide Generated Image file itself in Media Library. (v1.2 or later)
  • Replace link text with JPG when inserting PDF to Text Editor.
  • Delete Generated Image when deleting PDF from Media Library.
  • Allow to manage and output Generated Image and PDF on manually in template file. (see Other Notes.)
  • Allow to set PDF as Featured Image and to use functions in the same way as image file. (v1.2 or later, see Other Notes.)
  • Allow to control maximum size of Generated Image and other default settings in Plugin Page. (v1.3.4 or later)

Generated Items

A generated image file is registered as post children of a PDF file and it has different size variations. Files build a tree like below.

  • my-file.pdf (Your PDF)
    • my-file-pdf.jpg (Generated Cover Image of Your PDF)
      • my-file-pdf-1024×768.jpg (Large Size)
      • my-file-pdf-300×225.jpg (Medium Size)
      • my-file-pdf-150×150.jpg (Thumbnail size)
      • …(And Your Custom File Sizes)

Insert HTML into the editor

Select a PDF file in the Media Uploader and insert it into the the editor. An output HTML is automatically rewritten like below.

<a class="link-to-pdf" title="dummy-pdf" href="http://exmaple.com/wp-content/uploads/2015/01/dummy-pdf.pdf" target="_blank"><img width="227" height="320" class="size-medium wp-image-9999 thumb-of-pdf" src="http://exmaple.com/wp-content/uploads/2015/01/dummy-pdf-pdf-227x320.jpg" alt="thumbnail-of-dummy-pdf" /></a>

*If you are using a document viewer plugin (like GDE) and want insert html which is made by it, select “Default (Title)” of “media” selector.

Get thumbnail in template file

A generated image ID is stored in [‘_thumbnail_id’] custom field of a PDF attachment post. An image ID is exportable by using get_post_thumbnail_id($your_pdf_id) or get_post_meta($your_pdf_id, ‘_thumbnail_id’, true) functions in a template file.

$pdf_id = 'your PDF file ID';
if ( $thumbnail_id = get_post_thumbnail_id( $pdf_id ) ) {
echo '<a class="pdf-link image-link" href="'.wp_get_attachment_url( $pdf_id ).'" title="'.esc_attr( get_the_title( $pdf_id ) ).'" target="_blank">'.wp_get_attachment_image ( $thumbnail_id, 'medium' ).'</a>';
}

Or more simply, you can call images and link to PDF files by wp_get_attachment_image($your_pdf_id, $size) and wp_get_attachment_link($your_pdf_id, $size) functions. (v1.2 or later) *If the plugin is deactivated, this function just will return empty.

$pdf_id = 'your PDF file ID';
echo wp_get_attachment_image ( $pdf_id, 'medium' );
echo wp_get_attachment_link ( $pdf_id, 'medium' );

If you call all PDFs that are attached to the post. You can get them by get_posts function.

Examples.
Dynamically get PDFs that are attached to the post.

<?php
$pdfs = get_posts( 'posts_per_page=-1&post_type=attachment&post_mime_type=application/pdf&post_parent='.$post->ID );
if( $pdfs ): foreach( $pdfs as $pdf ):
  $thumbnail_id = get_post_thumbnail_id( $pdf->ID );
  if( $thumbnail_id ):
    echo '<li>';
    echo '<a href="'wp_get_attachment_url( $pdf->ID )'" class="link-to-pdf">';
    echo wp_get_attachment_image ( $thumbnail_id, 'medium' );
    echo '</a>';
    echo '</li>';
  endif;
endforeach; endif;
?>

Set PDF thumbnail as Featured Image

The plugin support you to set PDF as Featured Image. (v1.2 or later)
Strictly explaining, when you set a PDF as Featured Image, the plugin automatically set the thumbnail which is registered with this PDF.
You can call thumbnail by using get_the_post_thumbnail function.

echo get_the_post_thumbnail ( $post->ID, 'medium' );

May you want pdf file from the post thumbnail.

$thumb_id = get_post_thumbnail_id ( $post->ID );
$pdf_id = get_post( $thumb_id )->post_parent;
if ( $pdf_id && get_post_mime_type ( $pdf_id ) === 'application/pdf' ){
  $pdf = get_post($pdf_id);
  echo '<a class="link-to-pdf" href="'.wp_get_attachment_url($pdf_id).'" title="'.esc_html($pdf->post_title).'" target="_blank">'.get_the_post_thumbnail().'</a>'."\n";
}

Display attachment data with in caption

The plugin allows you to insert [caption] short-code into the post content area as when insert an image. If you want to display attachment title, description, file type, file size and so on, use img_caption_shortcode filter in your functions.php.
Here’s an example code…
function add_attachment_data_in_caption( $empty, $attr, $content ) {
$attr = shortcode_atts( array( ‘id’=>”, ‘align’=>’alignnone’, ‘width’=>”, ‘caption’=>” ), $attr );
if ( 1 > (int) $attr[‘width’] || empty( $attr[‘caption’] ) ) return ”;
if ( $attr[‘id’] ) {
$attr[‘id’] = ‘id=”‘ . esc_attr( $attr[‘id’] ) . ‘” ‘;
$attachment_id = explode(‘_’, $attr[‘id’]);
$attachment_id = $attachment_id[1];// get attachment id
if( get_post_mime_type ( $attachment_id ) === ‘application/pdf’ ){
$attachment = get_post( $attachment_id );
$bytes = filesize( get_attached_file( $attachment->ID ) );
if ($bytes >= 1073741824) $bytes = number_format($bytes / 1073741824, 2). ‘ GB’;
elseif ($bytes >= 1048576) $bytes = number_format($bytes / 1048576, 2). ‘ MB’;
elseif ($bytes >= 1024) $bytes = number_format($bytes / 1024, 2). ‘ KB’;
elseif ($bytes > 1) $bytes = $bytes. ‘ bytes’;
elseif ($bytes == 1) $bytes = $bytes. ‘ byte’;
else $bytes = ‘0 bytes’;
$attr[‘caption’] =
‘title : ‘ .$attachment->post_title. ‘
‘ . // title
‘caption : ‘ .$attr[‘caption’]. ‘
‘ .// caption
‘size : ‘ .$bytes. ‘
‘ . // file size
‘filetype : ‘ .get_post_mime_type ( $attachment_id ). ‘
‘ . // file type
‘description : ‘ .$attachment->post_content. ‘
‘; // description
}
}

    return 
      '<div ' .$attr['id']. 'class="wp-caption ' .esc_attr( $attr['align'] ). '" style="max-width: ' .( 10 + (int) $attr['width'] ). 'px;">' .
      do_shortcode( $content ). '<p class="wp-caption-text">' .$attr['caption']. '</p>' .
      '</div>';
}
add_filter('img_caption_shortcode', 'add_attachment_data_in_caption', 10, 3);

Generate thumbnails of all PDFs in the media library

You can generate thumbnails of any already-uploaded PDFs.
Activate the plugin and Click “Generate Thumbnails Now” link in “settings”. (v1.3.3 or later)

Change attachment link attributes

function pigen_filter_attachment_link ( $html, $attach_id, $attach_url, $attach_output ){
  $attach_title = get_the_title( $attach_id );
  $html = '<a class="link-to-pdf" href="'.$attach_url.'" rel="attachment wp-att-' .esc_attr($attach_id). '" title="'.esc_attr( $attach_title ).'" target="_blank">' .$attach_output. '</a>';
  return $html;
};
add_filter( 'pigen_filter_attachment_link', 'pigen_filter_attachment_link', 10, 4 );

Change thumbnail attributes

function pigen_filter_attachment_output ( $attach_output, $thumbnail_id, $thumbnail, $size, $align ){
  $attach_output =  '<img src="'. $thumbnail[0] .'" alt="'.get_post_meta( $thumbnail_id, '_wp_attachment_image_alt', true ).'" width="'. $thumbnail[1] .'" height="'. $thumbnail[2] .'" class="'.( $align ? 'align' .$align. ' ' : '' ). 'size-' .esc_attr( $size ). ' wp-image-'.$thumbnail_id.'" />';
  return $attach_output;
};
add_filter( 'pigen_filter_attachment_output', 'pigen_filter_attachment_output', 10, 5 );

Modify imageMagick’s Settings

Filters allow you to add your own modify imageMagick’s behaviour by hooking.

Sample usage for imageMagick user.

function pigen_filter_convert_file_basename( $file_basename ){
  $file_basename = str_replace( '.jpg', '.png', $file_basename );
  return $file_basename;
};
add_filter( 'pigen_filter_convert_file_basename', 'pigen_filter_convert_file_basename' );

function pigen_filter_convert_imageMagick( $imageMagick, $before_name, $after_name, $max_width, $max_height ){
  $imageMagick = "convert -density 150 -quality 80 -background black -flatten {$max_width}x{$max_height} {$before_name} {$after_name}";
  return $imageMagick;
};
add_filter( 'pigen_filter_convert_imageMagick', 'pigen_filter_convert_imageMagick', 10, 5 );

Sample usage for imagick extension user.

function pigen_filter_convert_file_basename( $file_basename ){
  $file_basename = str_replace( '.jpg', '.png', $file_basename );
  return $file_basename;
};
add_filter( 'pigen_filter_convert_file_basename', 'pigen_filter_convert_file_basename' );

function pigen_filter_convert_imagick( $imagick ){
  $imagick->setImageBackgroundColor( 'black' );
  $imagick->setCompressionQuality( 80 );
  $imagick->setImageFormat( 'png' );
return $imagick;
};
add_filter( 'pigen_filter_convert_imagick', 'pigen_filter_convert_imagick' );

Automatically save image/PDF as featured image

Automatically set PDF thumbnail as featured image.

function save_pdf_thumb_as_featuredimage ( $post_id ) { 
    if ( wp_is_post_revision( $post_id ) ) return; 
    if ( get_post_type( $post_id ) !== 'post' ) return; // set your post type
    if ( get_post_meta( $post_id, '_thumbnail_id', true ) ) return; // post already has featured image
    $attaches = get_posts ( 'post_parent='.$post_id.'&numberposts=-1&post_type=attachment&post_mime_type=application/pdf&orderby=menu_order&order=ASC' );
    if ( $attaches ): foreach( $attaches as $attach ):
        if ( $thumb_id = get_post_meta( $attach->ID, '_thumbnail_id', true ) ){ // if pdf has thumbnail
            update_post_meta( $post_id, '_thumbnail_id', $thumb_id );
            break;
        }
    endforeach; endif;
}
add_action( 'save_post', 'save_pdf_thumb_as_featuredimage' );

Automatically set first image/PDF as featured image.

function save_thumbnail_as_featuredimage ( $post_id ) { 
    if ( wp_is_post_revision( $post_id ) ) return;
    if ( get_post_type( $post_id ) !== 'post' ) return; // set your post type
    if ( get_post_meta( $post_id, '_thumbnail_id', true ) ) return; // post already has featured image
    $args = array(
        'post_parent' => $post_id,
        'post_type' => 'attachment',
        'numberposts' => -1,
        'post_status' => null,
        'orderby' => 'menu_order date',
        'order' => 'ASC ASC'
    );
    $attaches = get_posts($args);
    if ( $attaches ): foreach( $attaches as $attach ):
        if ( $attach->post_mime_type == 'application/pdf' ){
            if ( $thumb_id = get_post_meta( $attach->ID, '_thumbnail_id', true ) ){ // if pdf has thumbnail
                update_post_meta( $post_id, '_thumbnail_id', $thumb_id );
                break;
            }
        } elseif ( preg_match("/^image\//", $attach->post_mime_type ) ) {
            update_post_meta( $post_id, '_thumbnail_id', $attach->ID );
            break;
        }
    endforeach; endif;
}
add_action( 'save_post', 'save_thumbnail_as_featuredimage' );

Screenshots

  • No setup, just upload a PDF file and insert it into the editor.
  • An inserted PDF image is editable (align, sizes, etc...) just like an ordinary image file.
  • You can set PDF as Featured Image and use functions for PDF in the same way as an image file.
  • You can control default settings and generate thumbnails of already-uploaded PDFs in the plugin page.

Installation

  1. Copy the ‘pdf-image-generator’ folder into your plugins folder.
  2. Activate the plugin via the ‘Plugins’ menu. The plugin requires no setup or modifying core wordpress files.
    See the ‘Other Notes’ tab for more info.

FAQ

Installation Instructions
  1. Copy the ‘pdf-image-generator’ folder into your plugins folder.
  2. Activate the plugin via the ‘Plugins’ menu. The plugin requires no setup or modifying core wordpress files.
    See the ‘Other Notes’ tab for more info.

Reviews

Quite nice

Worked out of the box for me – I had to re-upload a couple of PDFs to get the thumbnail. I’ve only given 4 stars because I think it might be interfering with downloads. But I’m not sure it is! Need to fiddle with a few settings.

Basically, it inserts a snapshot of your PDF in exactly the same way as an image 🙂

Must have

This plug-in does the job exactly as you would expected. Should become part of WordPress core. Great support by the developer.

Super stuff. Works perfectly.

Also ties in really nicely with the media uploader, the image is set as the ‘icon’ field of the attachment, as one would want. PS The feature for generating images for existing pdfs is at the bottom of the settings – scroll down to see (unlike me the first time)!

Read all 17 reviews

Contributors & Developers

“PDF Image Generator” is open source software. The following people have contributed to this plugin.

Contributors

“PDF Image Generator” has been translated into Portuguese. Thank you to the translators for their contributions.

Translate “PDF Image Generator” into your language.

Interested in development?

Browse the code or subscribe to the development log by RSS.

Changelog

1.5.6

25.Apr.2017.
Fixed Undefined index message.

1.5.5

26.Feb.2017.
Fixed CMYK color space problem and regenerating file problem.

1.5.4

10.Feb.2017.
Fixed Undefined index message.

1.5.3

2.Feb.2017.
Fixed Undefined index message.

1.5.2

8.Jan.2017.
Fixed the bug that caused configuring a wrong guid when upload file on an older post. thumbnail naming.

1.5.1

10.Nov.2016.
Change capability of add_options_page. Fix wp.media.view filters and text.

1.5.0

10.Nov.2016.
Fix regenerating and overwriting file problems. Change default imagick dpi from 72 to 150.

1.4.9

21.Oct.2016.
Fix conflict with ACF in media attachment edit page. Fix setImageAlphaChannel problem.

1.4.8

18.Sep.2016.
Fix error strings. Improve branching process of Imagick. Add guid parameter to a thumbnail file.

1.4.7

28.Aug.2016. Add error_log into the converting process.

1.4.6

28.Jun.2016. Change get_posts to get_results. Add translation to img alt. Change converting process of color.

1.4.5

5.Jun.2016. Add overriding wp_get_attachment_metadata function. Add thumb-of-pdf class to a PDF thumbnail via wp_get_attachment_image. Fix a conflict with changing media-frame-menu of wp.media editor.

1.4.4

12.May.2016. Add Color detection process and command of ICC Profile application.

1.4.3

11.May.2016. Add thumbnail box in an edit page of PDF. Change fork process by ImageMagick Versions and convert settings.

1.4.2

8.May.2016. Correspondence to GlotPress. Change the default resolution to 300dpi.

1.4.1

14.Apr.2016. Divide converting processes by IM versions. Use “flattenImages” to imagick api with IM lt6.3.8. Use “-alpha remove” to IM gte6.7.5.

1.4.0

5.Apr.2016. Add option to convert png and background color selector. Modify to avoid overwriting GDE (Google Doc Embedder) hook.

1.3.9

20.Mar.2016. Change imagick filter flattenImages() to “setImageAlphaChannel” & “mergeImageLayers”. Modify behavior of inserting image without media link. Change process of activation.

1.3.8

12.Feb.2016. Add filter to hide image file of PDF on List mode of Media Library. Modify behavior of wp.media.view.settings. Arrange and clean up options of Featured Image which doesn’t function well.

1.3.7

7.Feb.2016. Add filter to attachment link and change format of renaming file basename.

1.3.6

22.Dec 2015. Modify css and activate message.

1.3.5

20.Nov 2015. Modify input fields of Max-width, Max-height and quality to accept only numeric values. Fix behavior of “hide thumbnail” option. Update translation files.

1.3.4

30.Oct 2015. Add option to manually set maximum size of generated image. Add option to regenerate images of already uploaded PDFs. Fix continuity of settings.

1.3.3

21.Oct 2015. Fix and add filters for modifying imageMagick settings.

1.3.2

20.Oct 2015. Add an option for select the functions of imageMagick. Fix default alignment of insert media. Update translation files.

1.3.1

18.Oct 2015. Fix.

1.3

17.Oct 2015. Define classes in the plugin file. Add Attachment Display Settings when trying to insert PDF.

1.2.2

14.Oct 2015. Fix.

1.2.1

12.Oct 2015. Add the plugin page, customizable options, and Japanese language files.

1.2.0

09.Oct 2015. Thumbnail files themselves now hidden in the media library. Allow user to set PDF as Featured Image and to use wp_get_attachment_image function to a PDF file.

1.1.6

28.June 2015. Disabl pigen_change_icon function only in the static media library.

1.1.5

13.May 2015. Automatically add caption short-code when the caption field filled.

1.1.4

02.May 2015. Remove the [0] from the image file name.

1.1.3

24.Apr 2015. Change the way to check in an activation if exec() is enabled or disabled on a server.

1.1.2

4.Apr 2015. Remove the process of generating a test file.

1.1.1

14.Mar 2015. Fix colorspace bug, modified register_activation_hook and error messages.

1.1

3.Feb 2015. Add support for imagick Extension, and added uninstall.php.

1.0.1

17.Jan 2015. Add Verifying ImageMagick installation

1.0

12.Jan 2015. First public version Release

0.1

26.Sep 2014. Initial Release