it-swarm.com.de

Benutzerdefinierte Miniaturbilder in verschiedenen Größen

Ich habe einen benutzerdefinierten Beitragstyp, der benutzerdefinierte Felder zum Hochladen von Bildern verschiedener Typen für eine Portfolio-Site enthält.

Zum Beispiel: (Logos, Websites, Print-Anzeigen usw.).

Ich plane das Hochladen von Bildern mit unterschiedlichen Größen und Seitenverhältnissen, benötige jedoch eine kleinere Größe (Miniaturansicht) mit einer bestimmten (und unterschiedlichen) Größe für jeden Bildtyp. Ich benötige auch Funktionen zum manuellen Zuschneiden dieser Miniaturansichten.

Logo Daumen -> 200x200

Website-Daumen -> 450x200

daumen für Print-Anzeigen -> 200X400

usw...

Ich habe mit ein paar Plugins gespielt: Post-Thumbnail-Editor und Mehrere Post-Thumbnails . Diese scheinen in WordPress 3.3 zu fehlerhaft zu sein und sie scheinen nicht genau das zu tun, was ich will.

Ich könnte natürlich einfach 2 verschiedene Versionen jedes Bildes hochladen und das Zuschneidetool im Backend verwenden, um sie auf die richtige Größe zu bringen, aber ich würde einen eleganteren Ansatz lieben.

Ich vermute, was ich wirklich suche, ist ein Rat.

  • Sollte ich weiter mit vorhandenen Plugins kämpfen und versuchen, etwas zum Laufen zu bringen?
  • Sollte ich versuchen, meine eigenen zu entwickeln? (Ich bin mit PHP/Javascript ziemlich anständig, habe aber bis jetzt nur extrem einfache wp-Plugins geschrieben)?
  • Sollte ich aufgeben und den Dirty-Ansatz (jeweils 2 Versionen hochladen) verwenden?

Was ist die beste Option, um mit dieser Situation umzugehen?

1
Zach Lysobey

Fügen Sie diesen Code Ihrer functions.php hinzu

if(function_exists('add_theme_support'))
add_theme_support('post-thumbnails');

// Set the thumbnail size
add_image_size('custom_logo', 200, 200, true );
add_image_size('custom_website_thumb', 450, 200, true );
add_image_size('custom_print_ad_thumb', 200, 400, true );

Fügen Sie dies in Ihre Beitragsvorlage ein, in der Sie das Bild sehen möchten.

<?php echo get_the_post_thumbnail($post_id, 'custom_logo'); ?>

Sie können es auch in einen solchen Link einbinden.

 <a href="<?php echo get_permalink($post_id) ?>" title="<?php echo get_the_title($post_id); ?>"> <?php echo get_the_post_thumbnail($post_id, 'custom_logo'); ?></a> 

Sie können den Wordpress-Codex für weitere Ausnutzung sehen.

Denken Sie daran, die Bilder beim Hochladen als empfohlenes Bild festzulegen, um sie verwenden zu können.

Codex Link

2
John Bentwin