web-dev-qa-db-fra.com

Grande image sur l'article en vedette, normale sur un article

J'ai inclus un code qui va chercher n'importe quel message dans ma catégorie = sélectionnée. Et cela apparaît en haut de mon contenu (* chaque fois que nous avons des informations de dernière minute à afficher *) sur la page d'un blog.

Le problème, c’est que l’image que je peux me permettre de publier sur un article est de 750 pixels de large, alors que j’ai assez d’espace pour afficher une image de 1 100 pixels sur le message affiché sur la page d’accueil (* blog-page *).

Je souhaite donc intégrer une option permettant de télécharger deux images (* de 750px et 1100px *). Et puis, je devrais pouvoir utiliser une image 1100px sur le message quand il est affiché sur une page de blog et une image 750px lorsque l'utilisateur clique et passe à un seul message.

Est-ce possible et comment? Merci.

imagespost-thumbnailsfeatured-post
1
vajrasar

Vous pouvez afficher assez facilement les images présentées en plusieurs tailles, en spécifiant la taille de l'image lorsque vous effectuez l'appel, mais si vous souhaitez qu'elles soient différentes, vous pouvez utiliser le code de ce plugin:

http://wordpress.org/extend/plugins/multiple-featured-images/

Voici un tutoriel:

http://lifeonlars.com/wordpress/how-to-add-multiple-featured-images-in-wordpress/

par exemple. Exemple d'inscription:

if (class_exists('MultiPostThumbnails') {
    if (MultiPostThumbnails::has_post_thumbnail('folio', 'feature-image-2')) {
        MultiPostThumbnails::the_post_thumbnail('folio', 'feature-image-2'); 
    }
    if (MultiPostThumbnails::has_post_thumbnail('folio', 'feature-image-3')) {
        MultiPostThumbnails::the_post_thumbnail('folio', 'feature-image-3'); 
    }
    if (MultiPostThumbnails::has_post_thumbnail('folio', 'feature-image-3')) {
        MultiPostThumbnails::the_post_thumbnail('folio', 'feature-image-3'); 
    }
}

Exemple d'utilisation:

<div id="slider">          
    <?php    
        // Checks if post has a feature image, grabs the feature-image and outputs that along with thumbnail SRC as a REL attribute 
        if (has_post_thumbnail()) { // checks if post has a featured image and then outputs it.     
            $image_id = get_post_thumbnail_id ($post->ID );  
            $image_thumb_url = wp_get_attachment_image_src( $image_id,'small-thumb');                               
            $attr = array(
                'class' => "folio-sample",                                   
                'rel' => $image_thumb_url[0], // REL attribute is used to show thumbnails in the Nivo slider, can be skipped if you don't want thumbs or using other slider
            );
            the_post_thumbnail ('feature-image', $attr);                                            
        }
        if (class_exists('MultiPostThumbnails')) {                              
        // Loops through each feature image and grabs thumbnail URL
        $i=1;
            while ($i<=5) {
                $image_name = 'feature-image-'.$i;  // sets image name as feature-image-1, feature-image-2 etc.
                if (MultiPostThumbnails::has_post_thumbnail('folio', $image_name)) { 
                    $image_id = MultiPostThumbnails::get_post_thumbnail_id( 'folio', $image_name, $post->ID );  // use the MultiPostThumbnails to get the image ID
                    $image_thumb_url = wp_get_attachment_image_src( $image_id,'small-thumb');  // define thumb src based on image ID
                    $image_feature_url = wp_get_attachment_image_src( $image_id,'feature-image' ); // define full size src based on image ID
                    $attr = array(
                        'class' => "folio-sample",      // set custom class
                        'rel' => $image_thumb_url[0],   // sets the url for the image thumbnails size
                        'src' => $image_feature_url[0], // sets the url for the full image size 
                    );                                                                                      
                    // Use wp_get_attachment_image instead of standard MultiPostThumbnails to be able to Tweak attributes
                    $image = wp_get_attachment_image( $image_id, 'feature-image', false, $attr );                     
                    echo $image;
                }                           
                $i++;
            }                            

        }; // end if MultiPostThumbnails 
     ?>
</div><!-- end #slider -->
1
Tom J Nowell