WordPress.org

Ready to get started?Download WordPress

Forums

Image Widget
[resolved] Move title under image (6 posts)

  1. Barblee72
    Member
    Posted 2 years ago #

    I'm trying to work out how to move the title of the image widget so that appears under the image and above the description. Not sure if this is something that I change in the plugin files or my theme files. Can anyone tell me how to do this? Thanks in advance.
    B

    http://wordpress.org/extend/plugins/image-widget/

  2. chrisbratt
    Member
    Posted 2 years ago #

    Don't know if someone has already sorted this out for you, but you need to edit the image-widget.php file.

    Plugins > Editor > Image Widget > image-widget.php

    Then copy this code:

    <?php
    /**
     * Widget template. This template can be overriden using the "sp_template_image-widget_widget.php" filter.
     * See the readme.txt file for more info.
     */
    
    // Block direct requests
    if ( !defined('ABSPATH') )
    	die('-1');
    
    echo $before_widget;
    if ( !empty( $image ) ) {
    	if ( $link ) {
    		echo '<a class="'.$this->widget_options['classname'].'-image-link" href="'.esc_url($link).'" target="'.esc_attr($linktarget).'">';
    	}
    	if ( $imageurl ) {
    		echo '<img src="'.esc_url($imageurl).'" style="';
    		if ( !empty( $width ) && is_numeric( $width ) ) {
    			echo "max-width: {$width}px;";
    		}
    		if ( !empty( $height ) && is_numeric( $height ) ) {
    			echo "max-height: {$height}px;";
    		}
    		echo "\"";
    		if ( !empty( $align ) && $align != 'none' ) {
    			$align = esc_attr($align);
    			echo " class=\"align{$align}\"";
    		}
    		if ( !empty( $alt ) ) {
    			$alt = esc_attr($alt);
    			echo " alt=\"{$alt}\"";
    		} else {
    			$title = esc_attr($title);
    			echo " alt=\"{$title}\"";
    		}
    		echo " />";
    	}
    
    	if ( $link ) { echo '</a>'; }
    }
    if ( !empty( $title ) ) { echo $before_title . $title . $after_title; }
    if ( !empty( $description ) ) {
    	$text = apply_filters( 'widget_text', $description, $args, $instance );
    	echo '<div class="'.$this->widget_options['classname'].'-description" >';
    	echo wpautop( $text );
    	echo "</div>";
    }
    echo $after_widget;
    ?>
  3. Peter Chester
    Modern Tribe
    Plugin Author

    Posted 2 years ago #

    Actually, you really should NOT edit the file. Instead you should create a copy of it and edit it. Otherwise you'll lose your changes whenever you update the plugin.

    See "Default vs. Custom Templates": http://wordpress.org/extend/plugins/image-widget/other_notes/

  4. chrisbratt
    Member
    Posted 2 years ago #

    Fair point Peter - thanks. Make a copy of that file and then use the code above in your copy version.

    Apologies.

    @chrisbratt

  5. Peter Chester
    Modern Tribe
    Plugin Author

    Posted 2 years ago #

    Thanks for replying proactively @chrisbratt. Sorry if I sounded grumpy. I haven't had my coffee yet. I appreciate it greatly when people help each other out. Thank you!

    -p

  6. chrisbratt
    Member
    Posted 2 years ago #

    No that's okay, Peter — nothing worse than learning incorrect information. I'm relatively new to WordPress myself and it's definitely worth ensuring good practice is followed.

    Cheers,
    @chrisbratt

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic