Changing the thumbnail? « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Newscast

Changing the thumbnail?

15 posts from 3 voices

Started 2 years ago by Renko
Latest reply from Renko
This topic is resolved

Tags:

Renko
Member

Hi there, we purchased the Newscast-Theme yesterday, great thing. But I have a problem with the look of the thumbnails of the featured image which creates itself automatically in the post.

My problem is, that I use to show the main content of the feautured image in the slider more to the left, to let it peep out of the accordion. But then the thumbnail images are way out of the main content.

When I open up the dialogue of the »Artikelbild« (Featured image) in the lower right I can edit the size of the thumbnail and save it. It shows right in the dialogue-box, but it doesn’t change the look in the post. And, yes, I’ve cleaned my cache.

What am I doeing wrong?

Oh, the testsite I am referring to is http://www.linz-veraendert.at

Posted 2 years ago #
James Morrison
Former Team Member

Hey,

I don't follow what you're trying to achieve. The site's looking good and the featured images work just like the Demo.

Can you elaborate?

James

Posted 2 years ago #
Renko
Member

Thanks, James for replying. I am trying to be more clear:

Here is a screenshot from the feaured image: http://www.flickr.com/photos/69912138@N00/4976317934/
As you see, I have positioned the face of the woman on the left side to let her peep out of the slider.

The problem is: Now the thumbnail of the teasing post below on the starting page is out of the centre. See Screenshot: http://www.flickr.com/photos/69912138@N00/4976317974/

The I clicked on »Artikelbild« (Featured image) in the admin panel to edit the picture, and I was able to cut the thumbnail in a way I am liking, but it doesn’t apply on the thumbnails in the post. See screen: http://www.flickr.com/photos/69912138@N00/4975705391/

What am I doing wrong? (Hope that I am more clear now).

Thanks in advance for your reply,
Rainer

Posted 2 years ago #
James Morrison
Former Team Member

Hey,

I get it now. The problem is caused by WordPress' limited cropping a scaling function when you upload an image. It creates several images based on the sizes specified in functions.php.

Realistically, the only option to fix this quickly and easily is to manually crop the image to the correct area / size and replace the existing image which is missing her face.

James

Posted 2 years ago #
Renko
Member

Thanks, James, for the effort. Do I understand it right, that I have to live (automatically) with either a nice »Featured Image« or a nice »Preview«? And how can i manually substitute the automatic preview with the better image?

BTW, what effect does the editing of the preview-function have? Because obviously I can edit the preview image, but where is it shown in this way?

Thanks again,
Rainer

Posted 2 years ago #
Dude
Dude
You can change the thumbnail size in the functions.php file - search for:
```
#####################################################################
# Define Thumbnail sizes
#####################################################################
```
under this line you'll find the dimensions for the preview pics.

What James wanted to say is that you can't change the aspect ratio - so you need to import images in Wordpress which have nearly the same aspect ratio to display them proper.

The Dude
Posted 2 years ago #
Renko
Member

Thanks, Dude, for your fast response. I understand now that Wordpress handles all images the same. But how can I delete the automatically generated preview and subtitute it with a smaller (better) image? Or is that not possible?

Posted 2 years ago #

Dude
Dude

This is possible by using post_meta.

add following code to the preview_image generation (like here for index.php):

if ( get_post_meta($post->ID, 'vorschaubild', true)) {$preview_image =  get_post_meta($post->ID, 'vorschaubild', true);}

else {
			$preview_image = kriesi_post_thumb($post->ID, array('size'=> array($kimg['shortcut'],$kimg['overwrite']),
															'display_link' => array('none'),
															'wh' => $k_option['custom']['imgSize'][$kimg['shortcut']]
															));
}

Now if you set an image link url (http://my-image/) for "vorschaubild" this image will be used instead of the auto generated one.

The Dude

Posted 2 years ago #

Renko
Member

Oh wow, thanks for the code. Unfortunately I am no coder but a WP-Dummy.

So I really don’t know where to add this code in the index.php (Where is the preview_image generation exactly?) And I don’t understand how to integrate the link. Sorry for my lack of Knowhow. (Würde es dir was ausmachen ausnahmsweise auf deutsch zu antworten? Bin ziemlich am Ende mit meinem Latein, äh Englisch …)

Sorry for the inconvenience.

Rainer

Posted 2 years ago #

Dude
Dude

Ja kein Problem. In index.php findet sich folgender code:

$preview_image = kriesi_post_thumb($post->ID, array('size'=> array($kimg['shortcut'],$kimg['overwrite']),
															'display_link' => array('none'),
															'wh' => $k_option['custom']['imgSize'][$kimg['shortcut']]
															));

ersetzte diesen durch:

if ( get_post_meta($post->ID, 'vorschaubild', true)) {$preview_image =  get_post_meta($post->ID, 'vorschaubild', true);}

else {
			$preview_image = kriesi_post_thumb($post->ID, array('size'=> array($kimg['shortcut'],$kimg['overwrite']),
															'display_link' => array('none'),
															'wh' => $k_option['custom']['imgSize'][$kimg['shortcut']]
															));
}

The Dude

Posted 2 years ago #

Renko
Member

Klasseklasseklasse. Danke. Erledigt. Aber wo kann ich denn jetzt nun das Vorschaubild ersetzen? Sorry für mein Dummytum.

Habe ein neues Previewbild in den »Post Thumbnail Options« eingefügt in der Option »Full Size Pic or Video for Lightbox« aber das war offenkundig der falsche Weg …

Posted 2 years ago #
Dude
Dude

Sorry...ich muss dich jetzt enttäuschen..

Mir ist aufgefallen, das die Bilder Generation weit komplexer ist, als ich angenommen habe. Die Methode, die ich dir genannt habe bringt uns nicht weiter, da sie nur das Bild ohne Link, Rahmen, Formatierung, etc. ausgibt. Hier ist eine veränderte php Datei (kriesi_post_thumb.php) welche deinen Wunsch trotzdem ermöglicht. Download: http://www.mediafire.com/?uz8icv3m1ejhluu

Tausche diese Datei gegen die jetztige aus (du findest sie unter framework/helper_functions/kriesi_post_thumb.php
Wenn du nun dein eigenes Previewimage möchtest, gehe zuerst zum Post/Seiteneditor.

Im Post/Seiten Editor gibt es unten "Benutzerdefinierte Felder".
Hier gibst du links "vorschaubild" ein (ohne "") und rechts die url zum Vorschaubild, dass du vorher nach deinen Bedürfnissen verkleinert hast. Dann klickst du auf Feld hinzufügen.

Bitte mache die Änderung, die ich dir vorher gennant habe wieder rückgängig (oder lade die index.php Datei einfach nochmal hoch).

The Dude

Posted 2 years ago #
Renko
Member

Hallo Dude, herzlichen Dank für die viele Mühe. Hab Index.php wieder rückgängig gemacht und die neue Datei aufgeladen.

Aber leider geht das immer noch nicht wie gewünscht.
Das Vorschaubild ist zwar jetzt das richtige, weil geänderte. Siehe Screen: http://www.flickr.com/photos/69912138@N00/4988918857/

Leider nimmt WordPress auch das Thumbnail für den Slider, obwohl ich ihm das breite neu zugewiesen habe.
(SCreen: http://www.flickr.com/photos/69912138@N00/4988918903/

Was mach ich denn nun wieder falsch? *kopfkratz*

Posted 2 years ago #

Dude
Dude

Ok in meinem Konzept war schon wieder ein Denkfehler, was mich etwas frustriert....

Hier ist nochmals eine modifizierte post_thumb.php Datei:
http://www.mediafire.com/?t38so3r44z2e9ym
Dieses mal sollte es funktionieren, jedoch sind leider noch andere Modifikationen nötig - in index.php ersetze biite die folgenden zwei Codezeilen:

// ############################# FULL SIZED POSTS #############################
		if ($fullsized > 0) :

		$preview_image = kriesi_post_thumb($post->ID, array('size'=> array('M'),

und

// ############################# SMALL SIZED POSTS #############################
			if($smallsized == 1): echo '<div class="doubleentry">'; endif;
			$smallsized ++;

			$small_prev = kriesi_post_thumb($post->ID, array('size'=> array('S'),

durch:

// ############################# FULL SIZED POSTS #############################
		if ($fullsized > 0) :

		$preview_image = kriesi_post_thumb_vorschau($post->ID, array('size'=> array('M'),

und

// ############################# SMALL SIZED POSTS #############################
			if($smallsized == 1): echo '<div class="doubleentry">'; endif;
			$smallsized ++;

			$small_prev = kriesi_post_thumb_vorschau($post->ID, array('size'=> array('S'),

Bitte ersetze auch in single.php folgenden Code:

$preview_image = kriesi_post_thumb($post->ID, array('size'=> array('M'),

durch:

$preview_image = kriesi_post_thumb_vorschau($post->ID, array('size'=> array('M'),

The Dude

Posted 2 years ago #

Renko
Member

Boaaah, ganz großes Kino. Genauso funktionierts.
Herzlichen und überschwänglichsten Dank.

Many, many thanks, Dude. Everything works now smooth and fine. What a great support.

Greetings from Linz,

Rainer

Posted 2 years ago #