Comic Easel

Archive for WordPress

15 results.

Adding another custom taxonomy to your comics

May17

by Frumph on May 17, 2013 at 3:55 pm

Posted In: Code Snippets, Comic Easel (Plugin)

So, you want to track all of the artists and which comics that they worked on. Then add this bit of code to your CHILD THEME’s functions.php file.

$labels = array(
		'name' => __( 'Artists', 'comiceasel'),
		'singular_name' => __( 'Artist', 'comiceasel' ),
		'search_items' =>  __( 'Search Artists', 'comiceasel' ),
		'popular_items' => __( 'Popular Artists', 'comiceasel' ),
		'all_items' => __( 'All Artists', 'comiceasel' ),
		'parent_item' => __( 'Parent Artist', 'comiceasel' ),
		'parent_item_colon' => __( 'Parent Artist:', 'comiceasel' ),
		'edit_item' => __( 'Edit Artist', 'comiceasel' ), 
		'update_item' => __( 'Update Artist', 'comiceasel' ),
		'add_new_item' => __( 'Add New Artist', 'comiceasel' ),
		'new_item_name' => __( 'New Artist Name', 'comiceasel' ),
		);

register_taxonomy('artists', 'comic', array(
			'hierarchical' => true,
			'public' => true,
			'labels' => $labels,
			'show_ui' => true,
			'query_var' => true,
			'show_tagcloud' => false,
			'rewrite' => array( 'slug' => 'artist', 'with_front' => true, 'feeds' => false ),
			));
			
register_taxonomy_for_object_type('artists', 'comic');	

add_action('comic-post-info', 'ceo_child_display_comic_artist_info');

function ceo_child_display_comic_artist_info() {
	global $post;
	if ($post->post_type == 'comic') {
		$before = '<div class="comic-artists">'.__('Artist','comiceasel').': ';
		$sep = ', ';
		$after = '</div>';
		echo get_the_term_list( $post->ID, 'artists', $before, $sep, $after );
	}
}

The way this is written allows for yoururl.com/artist/artists-slug to display all of the comics that the taxonomy is associated with; This will also add another menu item under Comics -> Artists AND include the option in the comic editor to add them. The above code also makes it act like ‘categories’ .. if you want it to be more like tags and not have parent child relationships, you would change the ‘hierarchical’ => true, to ‘hierarchical’ => false

If you wanted to add one for writers, just find EVERY (and I mean every) place it says artist and change it to writer, including the function names and function references. (remember you can’t have two functions with the same name in the code)

└ Tags: Child Theme

Comment

Changelog 1.3.6 – Introducing Comic Easel – Import (bulk comic upload)

Apr29

by Frumph on April 29, 2013 at 1:34 pm

Posted In: Comic Easel (Plugin)

in 1.3.6, the comic easel import was made. This is meh, largely untested except on my dev machine, but if you have the need to add a bunch of comics at a time; this is what you would use right now.

The first release of the import uses the ComicPress naming convention for files, YYYY-MM-DD-title-of-comic.extension

You FTP into your site, create a directory off of the root of your WordPress installation and name it ‘import’ … FTP the comics you want to import into that directory. Create the chapter (or make sure it’s added) in the Comic -> Chapters section of the wp-admin and then.

Rinse repeat for set of comics, in each ‘chapter’ you want to add. If you only have a basic chapter made for all comics, don’t stress about it; you can still use that main chapter.

Like always, try not to overload your system’s processing by adding too many comics at once.. keep the importing at a min. I suggest 20-30 comics at a time max for good solid hosting and 5-10 comics max if your hosting isn’t really that great.

NOTE: It will actually add comics that are set on the same date, just currently not modify the time on it and there’s a big change the image won’t get attached.. known bug on that so I just currently say don’t do it.

Comment

Jetpack Mobile Theme & Comic Easel (Revisited / Easier for non-coders)

Apr25

by Frumph on April 25, 2013 at 1:43 am

Posted In: WordPress

With the addition of this plugin: Jetpack Mobile Theme Featured Images to the WordPress repository, it is now substantially easier to make Comic Easel work with Jetpack’s Mobile theme.

Add that plugin, install it and activate it by going to the configure in Jetpack for mobile theme.

Then you make sure you have a sidebar-1 created in your theme.

In Easel, (future version will have this automatically) you edit the functions.php file and the section to edit looks like this:

if (!function_exists('easel_register_sidebars')) {
	function easel_register_sidebars() {
		$widgets_list = array(
			array('id' => 'left-sidebar', 'name' => __('Left Sidebar', 'easel'), 'description' => __('The sidebar that appears to the left of the content.','easel')),
			array('id' => 'right-sidebar', 'name' => __('Right Sidebar', 'easel'), 'description' => __('The sidebar that appears to the right of the content.','easel')),
			array('id' => 'above-header', 'name' => __('Above Header', 'easel'), 'description' => __('This sidebar appears to above all of the site information.  This sidebar is not encased in CSS, you will need to create CSS for it.','easel')),
			array('id' => 'header', 'name' => __('Header', 'easel'), 'description' => __('This sidebar appears inside the #header block.','easel')),
			array('id' => 'menubar', 'name' => __('Menubar', 'easel'), 'description' => __('This sidebar is under the header and above the content-wrapper block','easel')),
			array('id' => 'over-blog', 'name' => __('Over Blog', 'easel'), 'description' => __('This sidebar appears over the blog within the #column .narrowcolumn','easel')),
			array('id' => 'under-blog', 'name' => __('Under Blog', 'easel'), 'description' => __('This sidebar appears under the blog within the #column .narrowocolumn','easel')),
			array('id' => 'footer', 'name' => __('Footer', 'easel'), 'description' => __('This sidebar is below the #content-wrapper block at the bottom of the page','easel'))
		);

You just add another entry at the bottom under the footer entry one, having a comma at the end of the footer line entry

This is the line to add:

			array('id' => '1', 'name' => __('Jetpack Mobile Sidebar', 'easel'), 'description' => __('If the Jetpack Mobile theme is active it will use this sidebar.','easel'))

So now the widgets_list looks like this:

		$widgets_list = array(
			array('id' => 'left-sidebar', 'name' => __('Left Sidebar', 'easel'), 'description' => __('The sidebar that appears to the left of the content.','easel')),
			array('id' => 'right-sidebar', 'name' => __('Right Sidebar', 'easel'), 'description' => __('The sidebar that appears to the right of the content.','easel')),
			array('id' => 'above-header', 'name' => __('Above Header', 'easel'), 'description' => __('This sidebar appears to above all of the site information.  This sidebar is not encased in CSS, you will need to create CSS for it.','easel')),
			array('id' => 'header', 'name' => __('Header', 'easel'), 'description' => __('This sidebar appears inside the #header block.','easel')),
			array('id' => 'menubar', 'name' => __('Menubar', 'easel'), 'description' => __('This sidebar is under the header and above the content-wrapper block','easel')),
			array('id' => 'over-blog', 'name' => __('Over Blog', 'easel'), 'description' => __('This sidebar appears over the blog within the #column .narrowcolumn','easel')),
			array('id' => 'under-blog', 'name' => __('Under Blog', 'easel'), 'description' => __('This sidebar appears under the blog within the #column .narrowocolumn','easel')),
			array('id' => 'footer', 'name' => __('Footer', 'easel'), 'description' => __('This sidebar is below the #content-wrapper block at the bottom of the page','easel')),
			array('id' => '1', 'name' => __('Jetpack Mobile Sidebar', 'easel'), 'description' => __('If the Jetpack Mobile theme is active it will use this sidebar.','easel'))
		);

This is for the Easel theme remember, you will need to ask or figure out out what it takes with whatever theme you are using to create another sidebar.

This will add in the appearance -> widgets section the Jetpack Mobile Sidebar section., go to the Appearance -> Widgets and drag the Comic Easel -> Latest Comics widget to that sidebar.

Now when someone visits your site with their mobile, they will get the regular blog posts and under that will be a list of the last 5 latest comics that are available.

Note: It will take from ALL chapters / storylines.

Additional Note: The Navigation prev and next inside jetpack will navigate ALL comics, regardless of chapters.

└ Tags: Jetpack, Mobile Theme

Comment

Implementation of a ‘secondary’ featured image to use as a custom ‘teaser’ image.

Apr22

by Frumph on April 22, 2013 at 9:24 pm

Posted In: Comic Easel (Plugin)

Purpose: To display a ‘teaser’ image of your comic that is used in the thumbnail widget (and anywhere else you might want to code it in, like the home page) that is a custom image – not the thumbnail of your comic.

Basically it’s support for this plugin: Multiple Post Thumbnails

What it does is add another ‘add image’ box to the right column in the comic post editor, which asks you to upload an image just like the way the featured image (adding a comic) works. Soon as it uploads you click on “use as secondary image”.

There is an option in the thumbnail widget that you checkmark to say “use secondary image if it’s available”, in order for the widget to decide to use it or not at that point.

- Phil

(you still need to add something to your functions.php to make it work, new Easel not yet released will have it automatically)

if (class_exists('MultiPostThumbnails')) {
	new MultiPostThumbnails(
		array(
			'label' => 'Secondary Image',
			'id' => 'secondary-image',
			'post_type' => 'comic'
			));
	add_image_size('secondary-image');
}

2 Comments