Support » Theme: Spun » way to make no image to be shown in the circle, just the title of the post

  • On using spun theme if I put an image in a post and no featured image, is there a way to make no image to be shown in the circle, just the title of the post?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter WeasePR

    (@weasepr)

    LOL sorry scuse the bad grammar at beginning of that sentence!

    Theme Author Caroline Moore

    (@sixhours)

    Thread Starter WeasePR

    (@weasepr)

    Just found this! thanks Caroline!

    Thread Starter WeasePR

    (@weasepr)

    Hi Caroline – Andrew’s post was about having the text and image so no luck there.

    I have tried this:
    (in child theme)
    copy content-home.php from theme and pasted it into your Child Theme directory.

    open the content-home.php file (from your child theme)

    found this part at the top “/*
    * Get the post thumbnail; if one does not exist, try to get the first attached image.
    * If no images exist, let’s print the post title instead.
    */”

    and replaced with
    “/*
    * Get the post thumbnail; if one does not exist, let’s print the post title instead.
    */”

    This only works on the 1st circle but not any of the rest! Any ideas?

    Thread Starter WeasePR

    (@weasepr)

    Hi did anyone see this? Just giving it a bump up the list.

    I’m still fiddling around with my site design and want to be able to use images in my posts but NOT have the images show in the circles.

    Any ideas?

    Hey,

    I’m a newby here, but I just tried some stuff. I have no idear if any unwishfull side-effect will appear. But it worked for me.
    I deleted:

    /*
    * Get the post thumbnail; if one does not exist, try to get the first attached image.
    * If no images exist, let's print the post title instead.
    */
    
    global $post;
    $postclass = '';
    
    if ( '' != get_the_post_thumbnail() ) {
    	$thumb = get_the_post_thumbnail( $post->ID, 'post-thumbnail', array( 'title' => esc_attr( get_the_title() ) ) );
    }
    else
    
    In the next part i changed the word 'image' for title
    
    $args = array(
    				'post_type' => 'attachment',
    				'numberposts' => 1,
    				'post_status' => null,
    				'post_mime_type' => 'image',
    				'post_parent' => $post->ID,
    			);
    
    to 
    
    $args = array(
    				'post_type' => 'attachment',
    				'numberposts' => 1,
    				'post_status' => null,
    				'post_mime_type' => 'title',
    				'post_parent' => $post->ID,
    			);
    
    So content home php code in total reads: 
    
    <?php
    /**
     * @package Spun
     * @since Spun 1.0
     */
    
    {
    	$args = array(
    				'post_type' => 'attachment',
    				'numberposts' => 1,
    				'post_mime_type' => 'title',
    				'post_status' => null,
    				'post_parent' => $post->ID,
    			);
    
    	$first_attachment = get_children( $args );
    
    	if ( $first_attachment ) {
    		foreach ( $first_attachment as $attachment ) {$thumb = wp_get_attachment_image( $attachment->ID, 'post-thumbnail', false, array( 'title' => esc_attr( get_the_title() ) ) );
    		}
    	}
    	else {
    
    		$thumb = '<span class="no-thumbnail">' . get_the_title() . '</span>';
    		$postclass = 'no-thumbnail';
    	}
    }
    ?>
    
    <article id="post-<?php the_ID(); ?>" <?php post_class( $postclass ); ?>>
    	<a>" title="<?php echo esc_attr( the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php echo $thumb; ?></a>
    </article><!-- #post-<?php the_ID(); ?> -->

    Let me know if this helpfull

    I say keep it simple! Instead of getting into the code, simply create an .jpg image 300px by 300px (or something like that) of the title of the post. I use GIMP for this but you could use Paint or anything else which enables you to make jpg’s quickly and easily. Upload this image to Media making sure to give it a meaningful file name/useful alt text. Then set it as a featured image for the post. Job done. This was my solution.

    The result is that you get the text you want in the circle on the front page. You can then insert your images as desired into the post and they will not show up in the circles (featured image comes first, so if that is set, that’s what you’ll see). And you have the added benefit of being able to use extra fonts/colours which would be complicated with CSS.

    Someone will probably come along and say you should never hide text in images but I say that’s rubbish. Just do it and make sure you give image files meaningful names and alt text.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you resize and restyle text in images? You can change settings in browsers to display text at a certain size and style. This can be to increase readability. By using text in images that freedom is taken away.

    From a technical perspective you really should avoid loading unnecessary images as each image is a HTTP request http://developer.yahoo.com/performance/rules.html

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘way to make no image to be shown in the circle, just the title of the post’ is closed to new replies.