ADD Slider Image Size to: functions.php

FixImageFilters

LINK TO THOROUGH INSTRUCTIONS

We are creating a Slider Sized Image Template ‘slider-njg‘ at 930px x 330px.

1. SPECIFY the new image size in ‘functions.php

[symple_box color="green" text_align="left" width="100%" float="none"]

add_image_size( ‘sliderimg’, 930, 330, true ); // horizontal slider images

[/symple_box]

2. Add the following function to the end of: ‘function.php

[symple_box color="green" text_align="left" width="100%" float="none"]

add_filter( ‘image_size_names_choose’, ‘custom_image_sizes_choose’ );

function custom_image_sizes_choose( $sizes ) {
$custom_sizes = array(
‘sliderimg’ => ‘Slider Image NJG’
);
return array_merge( $sizes, $custom_sizes );
}

[/symple_box]

EDIT THEME Custom CSS

 

Customize CSS Screen

In Dashboard, select Appearance >> Customize >> Theme Options

[symple_box color="green" text_align="left" width="100%" float="none"]

#respond {
padding-bottom: 35px;
display: none;}

.lcp_title a{
font-size:1em;
text-decoration:none;
}

.fromblog-post img, .blog-grid .hentry img {
max-width: 100%;
border-radius: 4px;
height: auto;
width: 96%;
margin: .5em 2% .2em 2%;
}

.fromblog-post, .blog-grid .hentry {
background-color:#ddd;
box-shadow: 4px 3px 5px #888888;
border:0px solid #523628;
border-radius: 6px;
margin: .65em 1%;
padding: 0;
list-style: none;
float: left;
width: 31%;
height:auto;
position:relative;
}

.fromblog-post:hover, .blog-grid .hentry:hover {
background-color:#A194C0; }

[/symple_box]

SORT the ARTISTS GRID Alphabetically

MODIFY The Storyteller Theme ‘home.php’ FILE:

[symple_box color="green" text_align="left" width="100%" float="none"]Changes to Home.php

<?php get_header(); ?>

<div id=”primary” class=”site-content”>
<div id=”content” role=”main”>

<?php if ( is_active_sidebar( ‘homepage’ ) ) : ?>
<section id=”homewidgets” class=”widget-area” role=”complementary”>
<?php dynamic_sidebar( ‘homepage’ ); ?>
</section><!– #homewidgets .widget-area –>
<?php endif; ?>

[/symple_box]

[symple_box color="red" text_align="left" width="100%" float="none"]
<?php
$args = array(
‘category__in’ => 9,
‘posts_per_page’=> -1,

‘orderby’ => ‘name’,
‘order’ => ‘ASC’,
‘ignore_sticky_posts’=> 1
);
[/symple_box]

 

[symple_box color="green" text_align="left" width="100%" float="none"]

$temp = $wp_query;

$wp_query = null;

$wp_query = new WP_Query();
$wp_query->query( $args );
?>

<?php if ( $wp_query->have_posts() ) : ?>

<section id=”fromblog”>
<div class=”fromblog-items-wrap”>

[/symple_box]

 [symple_box color="red" text_align="left" width="100%" float="none"]

<span class=”underline”>
<h2 class=”section-title”><?php _e(‘ ‘, ‘storyteller’); ?></h2>
</span>
<ul>
<?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

<li class=”fromblog-post”>
<?php if ( has_post_thumbnail() ) { ?>
<a href=”<?php the_permalink(); ?>”>
<?php the_post_thumbnail(‘fromblog’); ?>
</a>
<?php } else { ?>
<a href=”<?php the_permalink(); ?>”>
<img width=”420″ height=”274″ src=”http://gallery903.com/wordpresssite/wp-content/uploads/2013/09/temp-420×274.jpg” class=”attachment-fromblog wp-post-image” alt=”Temporary Image”>
</a>
[/symple_box]

 

[symple_box color="green" text_align="left" width="100%" float="none"]

<?php } ?>
<h3><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></h3>
<span class=”excerpt”>
<?php the_excerpt(75); ?>
</span>
</li>
<?php endwhile; wp_reset_query(); ?>
</ul>
</div> <!– .fromblog-items-wrap –>
</section><!– #fromblog –>
<?php endif; ?>
</div><!– #content –>
</div><!– #primary .site-content –>

<?php get_footer(); ?>

[/symple_box]