Title: Comic archive as image thumbnails
Last modified: August 30, 2016
---
# Comic archive as image thumbnails
* [oandreye](https://wordpress.org/support/users/oandreye/)
* (@oandreye)
* [10 years, 4 months ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/)
* Hey there!
* Despite multiple attempts to learn php I’m still at a complete loss as to how
to get the archive to display as thumbnails, any ideas?
* I’m using the shortcode and tried writing my own list (like [comic-archive list
=5]) but could’t figure it out the whole posts – loop – php thing..
* I saw some support threads about using the thumbnail widget:
[https://wordpress.org/support/topic/make-thumbnail-widget-show-side-by-side](https://wordpress.org/support/topic/make-thumbnail-widget-show-side-by-side)
and [https://wordpress.org/support/topic/issues-w-thumbnail-archive](https://wordpress.org/support/topic/issues-w-thumbnail-archive)
* but I’m not sure how to put that into a just one page.
* Any advice would be great, thank you!
* [https://wordpress.org/plugins/comic-easel/](https://wordpress.org/plugins/comic-easel/)
Viewing 13 replies - 1 through 13 (of 13 total)
* Thread Starter [oandreye](https://wordpress.org/support/users/oandreye/)
* (@oandreye)
* [10 years, 4 months ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/#post-6870248)
* here’s an example of what i want, [http://www.meekcomic.com/archives/](http://www.meekcomic.com/archives/)
but with square thumbnails instead
* my site, [http://xantara-world.com/archive/](http://xantara-world.com/archive/)
* Plugin Author [Frumph](https://wordpress.org/support/users/frumph/)
* (@frumph)
* [10 years, 4 months ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/#post-6870394)
* appearance -> comicpress options, general or archive tab; click the checkmark
for display archive as list of links
* then, go to /chapter/chapter-slug/name and those will appear the way you are
asking
* otherwise just have to wait for me to make an archive thumb page code for it;
which i’ve been meaning to for about a year now just avoiding it for some unknown
reason heh
* Thread Starter [oandreye](https://wordpress.org/support/users/oandreye/)
* (@oandreye)
* [10 years, 4 months ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/#post-6870432)
* Hi Frumph!
* Thanks for the response!
That works pretty well as a work around. I tried using
an iframe but it embeds the whole page with the header and everything, [http://xantara-world.com/chapter/ch4/](http://xantara-world.com/chapter/ch4/)
* I looked into embedding just the div found this thread, [http://stackoverflow.com/questions/2828109/show-div-from-another-website](http://stackoverflow.com/questions/2828109/show-div-from-another-website)
but haven’t been able to get it to work, any ideas?
* What I have so far:
* ```
```
* I tried including a ../ and /../ and the full url but it just doesn’t show up
at all :/
* No worries, I wish I could help write that but I’m still terrible with php.
* Thread Starter [oandreye](https://wordpress.org/support/users/oandreye/)
* (@oandreye)
* [10 years, 4 months ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/#post-6870434)
* Ha, got it to work with the help of this thread, [http://stackoverflow.com/questions/5835272/load-a-div-from-another-page-into-another-pages-div](http://stackoverflow.com/questions/5835272/load-a-div-from-another-page-into-another-pages-div)
put the script in the header… makes sense.
* Any way to make it display more than ten thumbnails at a time?
Added the new
archive script / div to the bottom of this page: [http://xantara-world.com/archive/](http://xantara-world.com/archive/)
Also, it takes a couple sec to show up, maybe it is better to have something
say “loading” or use a different method that is faster.
* Thread Starter [oandreye](https://wordpress.org/support/users/oandreye/)
* (@oandreye)
* [10 years, 4 months ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/#post-6870436)
* nvm, figured that out too.. under settings>reading.. d’oh
* still wondering about the loading issue, maybe breaking it up into chapters will
load faster? rather than the whole vol. but the wp loop goes through all the
posts so not sure it will help.
* Thread Starter [oandreye](https://wordpress.org/support/users/oandreye/)
* (@oandreye)
* [10 years, 4 months ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/#post-6870438)
* hmm yea it didn’t.. I dont think this is an acceptable load time, but it will
do for now. [http://xantara-world.com/archive/](http://xantara-world.com/archive/)
* Thread Starter [oandreye](https://wordpress.org/support/users/oandreye/)
* (@oandreye)
* [10 years, 4 months ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/#post-6870460)
* ..
* Plugin Author [Frumph](https://wordpress.org/support/users/frumph/)
* (@frumph)
* [10 years, 3 months ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/#post-6870541)
* This is almost done as a [comic-archive] shortcode addition, will be very soon.
* [virusvisal](https://wordpress.org/support/users/virusvisal/)
* (@virusvisal)
* [10 years, 1 month ago](https://wordpress.org/support/topic/comic-archive-as-image-thumbnails/#post-6870557)
* Hi there!! I too have a very basic knowledge of php, but managed to customize
Frumph’s code. I see you did get your thumbnail archive with a script but since
this is the most recent post on the matter I thought it would be nice to share
what I did.
* The shortcode I modified works with the following shortcode:
`[thumb-comic-archive
chapter=#]`
* You can leave out the chapter and it will display all comics. I just managed
to make it work on those 2 modes.
* I have a functions.php file on my child theme with the following code:
* ```
0,
'style' => 0,
'chapter' => 0,
'thumbnail' => 0,
'order' => 'ASC'
), $atts ) );
$output = '';
switch ($list) {
case 4:
$output = ceo_archive_list_by_chapter_thumb($order);
break;
case 0:
default:
if ($chapter) {
$output = ceo_archive_list_single_thumb($chapter, $order, $thumbnail);
} else {
$output = ceo_archive_list_all_thumb($order, $thumbnail);
}
break;
}
wp_reset_postdata();
return $output;
}
// Case 0
function ceo_archive_list_single_thumb($chapter = 0, $order = 'ASC', $thumbnail = 0) {
$output = '';
// get chapter from ID#
$single_chapter = get_term_by('term_id', $chapter, 'chapters');
if (is_null($single_chapter)) { echo "Invalid Chapter Specified"; return; }
$output .= '';
$args = array(
'numberposts' => -1,
'post_type' => 'comic',
'orderby' => 'post_date',
'order' => $order,
'post_status' => 'publish',
'chapters' => $single_chapter->slug
);
$qposts = get_posts( $args );
$archive_count = 0;
if ($thumbnail) {
$output .= '
'.get_the_post_thumbnail($qposts[0]->ID, 'thumbnail').'
';
}
$output .= '
';
$css_alt = false;
foreach ($qposts as $qpost) {
$archive_count++;
if ($css_alt) { $alternate = ' comic-list-alt'; $css_alt = false; } else { $alternate = ''; $css_alt=true; }
$output .= '
';
}
$output .= '
';
$output .= '
'."\r\n";
$args = array(
'numberposts' => -1,
'post_type' => 'comic',
'orderby' => 'post_date',
'order' => $order,
'post_status' => 'publish',
'chapters' => $chapter->slug
);
$qposts = get_posts( $args );
$archive_count = 0;
if ($thumbnail) {
$get_thumbnail = (strtoupper($order) == 'ASC') ? get_the_post_thumbnail(reset($qposts)->ID, 'thumbnail') : get_the_post_thumbnail(end($qposts)->ID, 'thumbnail');
$output .= '
'.$get_thumbnail.'
'."\r\n";
}
$output .= '
'."\r\n";
$css_alt = false;
foreach ($qposts as $qpost) {
$archive_count++;
if ($css_alt) { $alternate = ' comic-list-alt'; $css_alt = false; } else { $alternate = ''; $css_alt=true; }
$output .= '
'."\r\n";
}
$output .= '
'."\r\n";
$output .= '
';
foreach($chapters as $chapter) {
$qcposts = null;
if (!empty($chapter->menu_order)) {
$child_args = array(
'numberposts' => 1,
'post_type' => 'comic',
'orderby' => 'post_date',
'order' => 'ASC',
'post_status' => 'publish',
'chapters' => $chapter->slug
);
$qcposts = get_posts( $child_args );
$qcposts = reset($qcposts);
if (has_post_thumbnail($qcposts->ID)) {
$output .= '
';
} else $output .= __('No Thumbnail Found', 'comiceasel');
}
}
$output .= '