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.