Gary Allman

Swatches: for colors, so that the user can create a repeatable palette of colors. With the current interface the user has to either remember or look up the color codes they’ve already used, or (much more likely, they’ll) just pick something that looks close. Being able to create a color swatch with the palette of colors used on a site would minimize such inconsistencies.

Likewise having a list of Font sizes and fonts already used would also encourage consistency.

I firmly believe that giving people flexibility is good. However, we also need to provide tools that assist them in achieving a consistent look and feel. If that doesn’t happen then people with no design experience will use dozens of colors and fonts, and WordPress will be devalued by the lower standards of the websites produced.

Anders – thanks for such a quick response!

However, I’m not sure that I follow this. Unless I’ve misunderstood how parent/child themes should interact, when creating a Child Theme, the first thing you are expected to do is load the parent stylesheet (but only if you want to). That is, when you are using a Child theme, the parent theme should not “forcibly” load its own style sheet.

I load the parent style sheet as the first thing in my child’s css file. Not via functions.php

My CSS File includes the line:

@import url( "../baskerville/style.css");

At the start, which I believe is the recommended way of doing it.

My functions.php file is very sparse, I’ll show it here to highlight a bug I uncovered in Baskerville. Baskerville’s original functions.php file didn’t check to see if a function has already been loaded — I think you might have fixed that in the update? As it would have caused my child theme to crash with a php error if you didn’t. Anyway here’s my functions.php file:

<?php

// Change the length of excerpts
function custom_excerpt_length( $length ) {
	return 40;
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );

// Add more-link text to excerpt
function new_excerpt_more( $more ) {
	return ' ';  // '... <a class="more-link" href="'. get_permalink( get_the_ID() ) . '">' . __('Continue Reading', 'baskerville') . ' &rarr;</a>';
}
add_filter( 'excerpt_more', 'new_excerpt_more' );

/**
 * @author Gary Allman
 */
if ( ! isset( $content_width ) )
    $content_width = 1400;

function jetpackme_more_related_posts( $options ) {
    $options['size'] = 6;
    return $options;
}
add_filter( 'jetpack_relatedposts_filter_options', 'jetpackme_more_related_posts' );
?>

Baskerville is an excellent theme, thank you for making it available to us. Here’s a link to the site I’m using it on. https://www.breakfastinamerica.me/gary-allman-personal-website/

I tried just replacing the functions.php file with the previous version (it was the only top-level file that appeared to have changed in the update) – I Don’t recommend this, as doing so took my site down with a 500 error. Now I’m working on trying to get my site back up … I’m not a very happy bunny at the moment.

What Henrique said.

This update has totally trashed my Child theme … I thought I might be able to get around the problem by using the new WordPress Customize options, but they are ignored too. ??

Restoring a previous version of the Theme from my back-up.

And another suggestion. Color, font, and font size ‘swatches’ would also aid repeatability/consistency. Almost CSS without the CSS.

Here’s another suggestion. Adjusting the width of blocks – using a %age slider would allow for repeatability, rather than the current drag at random on the handles.

Of course being able to set guidelines and snap to them would be even better, and again allow repeatable results.

Thanks for responding. I don’t have a simple solution to the usability and over-simplification problems I highlighted, but this link is to an image which shows a suggestion as to how a huge increase in ergonomic usability could be achieved.

Screen mock-up

(By the way, I realize I could reduce the size of the window for a similar effect, but to minimize distractions I prefer to use my Apps full-screen).

• This reply was modified 7 years, 3 months ago by Gary Allman.

@homeworkdesign

Point 1: Delete the following two lines from the code you posted:

<?php the_custom_header_markup(); ?>
to:

Point 2: If it is not fixed when Point 1 is fixed, you’ll need to check the CSS using your browser’s tools to work out how to get it to go full size. The problem may be down to CSS styling within the metaslider plugin. If you can’t work out the necessary css, you may need to contact the metaslider plugin developer.

That’s a great link, and it’s enabled me to disable Photon — as I can see from the URLs the images are now being served up from — The issue as you rightly pointed out with Contextual Related Posts Is still there on old images despite a full reload of the page, I’ll have to try some other things as it may be I need to turn off and restart Caching again.

I think this is resolved as far as my original query is concerned in that I now have a way of turning off Photon on my sites. In all the research I did I didn’t see a link to the page you suggested. So thank you very much.

• This reply was modified 7 years, 5 months ago by Gary Allman.

I have managed to get the text area wider, and I have managed to get the Jetpack tiled gallery to fill the text area. But jetpack seems to impact normal image display so I am still unable to get a normal image to fill the text area 100%. As soon as I turn off tiled galleries the images will show at 100% of the text area’s width …

Here’s what has worked for me in a child theme.

In functions.php:

if ( ! isset( $content_width ) )
    $content_width = 1600;

function prefix_child_theme_setup() {
    // Set the default content width.
	$GLOBALS['content_width'] = 1600;
    remove_filter( 'wp_calculate_image_sizes', 'twentyseventeen_content_image_sizes_attr' );
}
add_action( 'after_setup_theme', 'prefix_child_theme_setup', 11 );

add_filter( 'tiled_gallery_content_width', 'wpsites_custom_tiled_gallery_width' );
/**
 * @author    Brad Dalton
 * @example   https://wpsites.net/
 * @copyright 2014 WP Sites
 */
function wpsites_custom_tiled_gallery_width($width){
    $tiled_gallery_content_width = $width;
    $width = 900;
    return $width;
}

In style.css (I’ve set a max width of 900px for a desktop display).

/*    RESET HOME PAGE WIDTH FOR DESKTOPS*/

@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap {
    max-width: 900px;
}
}

/* RESET POST WIDTH FOR DESKTOPS */

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}

This (apart from images being limited to 644px wide) seems to work fine. I updated the default image sizes in Settings Media to be 150, 900 and 1600px respectively.

For anyone wanting to tailor a theme, Twenty Seventeen seems to be one of the worst designed Themes WordPress has produced in many years. The use of hard-coded parameters instead of CSS is an unmitigated disaster. I have lost count of the hours I have spent going round and round in circles trying to fix this.

I hope someone has a solution.

And, I’ve spent as many hours looking for a replacement for jetpack tiled galleries as an alternate solution. None of them work exactly as they should — I’ve tried at least six — they all foul up at some point, or won’t coexist with my existing plugins.

• This reply was modified 7 years, 5 months ago by Gary Allman.

To save some time to with the above link, to see the issue scroll to the bottom of the page where all the images are blurred and cannot be fixed.

I am now encountering this problem on other sites, and I have a huge number of posts that include Tiled Galleries, fixing this is a nightmare.

@melody62 – Excellent piece of detective work. I can confirm it fixed the problem for me also.

Thank you.

(@Anders, your guess was correct the issue was still present in 1.17).

An additional point. The Continue Reading prompt does not appear if the post text is short – which is a huge pain if you have a photography blog with pictures ‘below the fold’. You will want people to click through to view the pictures, but they don’t know they are there because there is no “continue Reading’ prompt.

This issue is definitely *not resolved* at 1.15.

Despite this issue, this is still one of the best free Themes for photography, and the code is a lot easier to follow than many I’ve worked with.

No the code above shows everything (except posts tagged ‘hold’) – but there are two commented out lines there for dealing with specific tags & categories.

//		'category_name'	 => 'favorites',				// Only display this category (use slug)
//		'tag'		 => 'mytop20'

The above code does not display posts tagged with the tag ‘hold’. Just as a way of keeping some posts off of the page. I’d forgotten I did that ??

I’ve done this using a Child theme. I wanted to be able to put a slide show or text above the posts.

You’ll need to read up on how to create a child theme, and you’ll need to be able to add files to your website. I added a new page template – Landing Page.

My only disappointment was that I couldn’t get this to work as a home page – for some reason it doesn’t pull in older posts.

I hope this is of help to someone.

Here’s a link to a working example.

https://breakfastinamerica.me/this-is-a-landing-page/

<?php
/*
Template Name: Landing Page
*/
?>
<?php get_header(); ?>
<?php
//
//    1.00 Completed Landing page - still doesn't work on the home page... :(
//
//
?>
<div class="wrapper section medium-padding">
	<?php $tag = get_term_by('slug', 'hold', 'post_tag'); 			// Set Slug of posts not to be displayed. ?>
	<?php $tag_id = $tag->term_id; ?>
	<?php $args = array(
		'posts_per_page' => get_option( 'posts_per_page' ),
		'paged' 	 => max( 1, get_query_var( 'paged' ) ),
		'tag__not_in'    => $tag_id 					// Exclude this tag (use tag ID)
//		'category_name'	 => 'favorites',				// Only display this category (use slug)
//		'tag'		 => 'mytop20' 					// Only display this tag (use slug)
	      ); ?>
    	<?php global $wp_query, $wp_the_query; ?>
	<?php $wp_query = new WP_Query( $args ); ?>
	<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; ?>
	<?php $total_post_count = wp_count_posts(); ?>
	<?php $published_post_count = $total_post_count->publish; ?>
	<?php $total_pages = ceil( $published_post_count / $posts_per_page ); ?>

	<?php if ( "1" < $paged ) : ?>

	<div class="page-title section-inner">
		<h3><?php printf( __('Page %s of %s', 'baskerville'), $paged, $wp_query->max_num_pages ); ?></h3>
	</div>
	<div class="clear"></div>

	<?php endif; ?>

        <?php // Additional code to include the current page text on the first page only ?>

	<?php if( !is_paged() ): //Remove this if statement and corresponding endif if you want the page content on the top of every paginated blog page. ?> 

	<div class="pagetext">
		<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
			<div class="entry">
				<div class="entry-content">
					<?php the_content(); ?>
					<div class="clear"></div>
				</div><!-- .entry-content -->
			</div><!-- .entry -->
		</article><!-- .post -->
        </div><!-- #Pagetext -->

	<?php endif; ?>

	<?php // End of additional code ?>

	<div class="content section-inner" >

		<div class="posts">
    		<?php if ( $wp_query->have_posts()) : ?>
			<?php while ( $wp_query->have_posts()) : $wp_query->the_post(); ?>
			<div class="post-container">
				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
					<?php get_template_part( 'content', get_post_format() ); ?>
			 	</div> <!-- /post -->
			</div> <!-- /post-container -->

			<?php endwhile; ?>
		<?php endif; ?>
		</div> <!-- /posts -->
	</div> <!-- /content -->
	<?php if ( $wp_query->max_num_pages > 1 ) : ?>

	<div class="archive-nav section-inner">
		<?php echo get_next_posts_link( '&laquo; ' . __('Older posts', 'baskerville')); ?>
		<?php echo get_previous_posts_link( __('Newer posts', 'baskerville') . ' &raquo;'); ?>
		<div class="clear"></div>
	</div> <!-- /post-nav archive-nav -->

	<?php endif; ?>

	<div class="clear"></div>

</div> <!-- /wrapper -->

<?php get_footer(); ?>