Here is an example of what we are about to create. I’ve attached several sample files to this post and that’s it. By the way, the zip file listed below is a zip of all the icons for you to download.

2010-01-03-AM.pdf

test.docx

test.doc

Presentation.pptx

Presentation.ppt

Workbook1.xlsx

Workbook1.xls

icons.zip

Jeopardy-Think-Music.mp3

Create a new function with the following code.

function get_attachment_icons(){
	//PDF Documents
	if ( $files = get_children(array(
	 'post_parent' => get_the_ID(),
	 'post_type' => 'attachment',
	 'numberposts' => -1,
	 'post_mime_type' => 'application/pdf',
	 ))){
	 foreach( $files as $file ){ //loop array for more than one
	 	$atttitle = apply_filters('the_title',$file->post_title);
		$atturl   = wp_get_attachment_url($file->ID);
		$attnamearray=explode("/",$atturl); 
		$attname=array_reverse($attnamearray); 

		$sAttachmentString .= "<div class='documentIcons'>";
		$sAttachmentString .= "<a href='$atturl'>";
		$sAttachmentString .= "<img src='".get_bloginfo('template_directory')."/images/mime/pdf.png'/>";
		$sAttachmentString .= "</a>";
		$sAttachmentString .= "<br>";
		$sAttachmentString .= "<a href='$atturl'>$attname[0]</a>";
		$sAttachmentString .= "</div>";
		}
	}

This block is for PDF files. You can tell that by the line that says ‘post_mime_type’ => ‘application/pdf’,. Just change the MIME type for the type of file you are expecting. In the final code, I’ve added a new loop for each MIME type below:

• PDF = application/pdf
• Word Documents = application/msword
• PowerPoint = application/vnd.ms-powerpoint
• Excel = application/vnd.ms-excel
• Zip = application/zip
• Audio files = audio/mpeg

Now at the bottom of the function we will add the hook for the shortcode and we’re done!

add_shortcode('attachment icons', 'get_attachment_icons');

Usage

Just include a shortcode in any post

[attachment icons]

or place one line in your single.php file (or where ever you’d like the document icons to show up)

<?php get_attachment_icons(); ?>

Final Code

Here is the code altogether for your copying and pasting pleasure. Enjoy!

function get_attachment_icons(){
	$sAttachmentString = "<div class='documentIconsWrapper'> \n";
	//PDF Documents
	if ( $files = get_children(array(
	 'post_parent' => get_the_ID(),
	 'post_type' => 'attachment',
	 'numberposts' => -1,
	 'post_mime_type' => 'application/pdf',
	 ))){
	 foreach( $files as $file ){ //loop array for more than one
	 	$atttitle = apply_filters('the_title',$file->post_title);
		$atturl   = wp_get_attachment_url($file->ID);
		$attnamearray=explode("/",$atturl); 
		$attname=array_reverse($attnamearray); 

		$sAttachmentString .= "<div class='documentIcons'>";
		$sAttachmentString .= "<a href='$atturl'>";
		$sAttachmentString .= "<img src='".get_bloginfo('template_directory')."/images/mime/pdf.png'/>";
		$sAttachmentString .= "</a>";
		$sAttachmentString .= "<br>";
		$sAttachmentString .= "<a href='$atturl'>$attname[0]</a>";
		$sAttachmentString .= "</div>";
		}
	}
	//Word Documents
	if ( $files = get_children(array(
	 'post_parent' => get_the_ID(),
	 'post_type' => 'attachment',
	 'numberposts' => -1,
	 'post_mime_type' => 'application/msword',
	 ))){
	 foreach( $files as $file ){ //loop array for more than one
	 	$atttitle = apply_filters('the_title',$file->post_title);
		$atturl   = wp_get_attachment_url($file->ID);
		$attnamearray=explode("/",$atturl); 
		$attname=array_reverse($attnamearray); 

		$sAttachmentString .= "<div class='documentIcons'>";
		$sAttachmentString .= "<a href='$atturl'>";
		$sAttachmentString .= "<img src='".get_bloginfo('template_directory')."/images/mime/word.png'/>";
		$sAttachmentString .= "</a>";
		$sAttachmentString .= "<br>";
		$sAttachmentString .= "<a href='$atturl'>$attname[0]</a>";
		$sAttachmentString .= "</div>";
		}
	}
	//Powerpoint Documents
	if ( $files = get_children(array(
	 'post_parent' => get_the_ID(),
	 'post_type' => 'attachment',
	 'numberposts' => -1,
	 'post_mime_type' => 'application/vnd.ms-powerpoint',
	 ))){
	 foreach( $files as $file ){ //loop array for more than one
	 	$atttitle = apply_filters('the_title',$file->post_title);
		$atturl   = wp_get_attachment_url($file->ID);
		$attnamearray=explode("/",$atturl); 
		$attname=array_reverse($attnamearray); 

		$sAttachmentString .= "<div class='documentIcons'>";
		$sAttachmentString .= "<a href='$atturl'>";
		$sAttachmentString .= "<img src='".get_bloginfo('template_directory')."/images/mime/PowerPoint.png'/>";
		$sAttachmentString .= "</a>";
		$sAttachmentString .= "<br>";
		$sAttachmentString .= "<a href='$atturl'>$attname[0]</a>";
		$sAttachmentString .= "</div>";
		}
	}
	//Excel Documents
	if ( $files = get_children(array(
	 'post_parent' => get_the_ID(),
	 'post_type' => 'attachment',
	 'numberposts' => -1,
	 'post_mime_type' => 'application/vnd.ms-excel',
	 ))){
	 foreach( $files as $file ){ //loop array for more than one
	 	$atttitle = apply_filters('the_title',$file->post_title);
		$atturl   = wp_get_attachment_url($file->ID);
		$attnamearray=explode("/",$atturl); 
		$attname=array_reverse($attnamearray); 

		$sAttachmentString .= "<div class='documentIcons'>";
		$sAttachmentString .= "<a href='$atturl'>";
		$sAttachmentString .= "<img src='".get_bloginfo('template_directory')."/images/mime/XLS8.png'/>";
		$sAttachmentString .= "</a>";
		$sAttachmentString .= "<br>";
		$sAttachmentString .= "<a href='$atturl'>$attname[0]</a>";
		$sAttachmentString .= "</div>";
		}
	}
	//Zipped Files
	if ( $files = get_children(array(
	 'post_parent' => get_the_ID(),
	 'post_type' => 'attachment',
	 'numberposts' => -1,
	 'post_mime_type' => 'application/zip',
	 ))){
	 foreach( $files as $file ){ //loop array for more than one
	 	$atttitle = apply_filters('the_title',$file->post_title);
		$atturl   = wp_get_attachment_url($file->ID);
		$attnamearray=explode("/",$atturl); 
		$attname=array_reverse($attnamearray); 

		$sAttachmentString .= "<div class='documentIcons'>";
		$sAttachmentString .= "<a href='$atturl'>";
		$sAttachmentString .= "<img src='".get_bloginfo('template_directory')."/images/mime/zip2.png'/>";
		$sAttachmentString .= "</a>";
		$sAttachmentString .= "<br>";
		$sAttachmentString .= "<a href='$atturl'>$attname[0]</a>";
		$sAttachmentString .= "</div>";
		}
	}
	//Audio Files
	if ( $files = get_children(array(
	 'post_parent' => get_the_ID(),
	 'post_type' => 'attachment',
	 'numberposts' => -1,
	 'post_mime_type' => 'audio/mpeg',  
	 ))){
	 foreach( $files as $file ){ //loop array for more than one
	 	$atttitle = apply_filters('the_title',$file->post_title);
		$atturl   = wp_get_attachment_url($file->ID);
		$attnamearray=explode("/",$atturl); 
		$attname=array_reverse($attnamearray); 

		$sAttachmentString .= "<div class='documentIcons'>";
		$sAttachmentString .= "<a href='$atturl'>";
		$sAttachmentString .= "<img src='".get_bloginfo('template_directory')."/images/mime/mp3.png'/>";
		$sAttachmentString .= "</a>";
		$sAttachmentString .= "<br>";
		$sAttachmentString .= "<a href='$atturl'>$attname[0]</a>";
		$sAttachmentString .= "</div>";
		}
	}
	$sAttachmentString .= "</div>";

return $sAttachmentString;
}
add_shortcode('attachment icons', 'get_attachment_icons');