uhm...
Facciamo in questo modo e tagliamo la testa al toro. Anche perché credo che sia un problema di alcune configurazioni presenti nel file functions.php.
Inserisci le immagini in dei DIV, poi setti le dimensioni con i css

@Ultima said:

uhm...
Facciamo in questo modo e tagliamo la testa al toro. Anche perché credo che sia un problema di alcune configurazioni presenti nel file functions.php.
Inserisci le immagini in dei DIV, poi setti le dimensioni con i css

non saprei proprio come fare...

@m3820 said:

non saprei proprio come fare...

:():

Non capito cosa devo fare...

Mettere le immagini nei div già quando le inserisco nel post?

O fare in modo che tramite PHP le thumbnails estrapolate si ritrovano nei DIV?

Grazie

forse è meglio che istallo un plugin... io non sono capace di trovare la soluzione

basta mettere <div class="nome_classe"><?PHP the_post_thumbnail ('thumbanils'); ?></div>

e poi setto il css .nome_classe{bla bla bla} ???

Grazie

Scusami, mi ero dimenticato di questo post.
si, setti un <div class="nome_classe">, però poi nel css devi adottare queste regole:

.nome_classe { width:150px; height:150px; overflow: hidden; }
.nome_classe img { width: 100%; }

@Ultima said:

Scusami, mi ero dimenticato di questo post.
si, setti un <div class="nome_classe">, però poi nel css devi adottare queste regole:

>
.nome_classe { width:150px; height:150px; overflow: hidden; }
.nome_classe img { width: 100%; }

>```

Ciao,

ho appena provato e di funzionare funziona, cioè mi fornisce 4 immagini piccole che io poi posso "sistemare" con i fogli di stile.

L'unica cosa che non capisco è che mi escono delle immagini sfocatissime, come se fossero state ingrandite a partire da una dimensione piccolissima...

Hai qualche indicazione da darmi per capire da cosa dipende?

Grazie

Edit: Sto lavorando in locale e in precedenza avevo provato a variare le dimensioni dei media settate nelle impostazioni di wordpress, forse devo rigenerare le miniature, dopo cerco il plugin.... per ora ho messo 'medium' anziché 'thumbnails' e si vedono bene...

Ho appena controllato ed io in Aspetta c'è dell'altro le vedo perfette

PS
Mi sono appena accorto che le immagini che vengono caricate all'interno sono delle thumbnail, per tanto hanno già una dimensione di 150px X 150px
Ora, dopo tutto questo thread immenso, a cui te non riuscivi ad applicare le impostazioni di miniatura, voglio farti una domanda...
Hai un plugin di Cache attivo??????

@Ultima said:

PS
Mi sono appena accorto che le immagini che vengono caricate all'interno sono delle thumbnail, per tanto hanno già una dimensione di 150px X 150px
Ora, dopo tutto questo thread immenso, a cui te non riuscivi ad applicare le impostazioni di miniatura, voglio farti una domanda...
Hai un plugin di Cache attivo??????

Frena frena

Sto lavorando in locale, quello che tu hai visto online è generato da un plugin...

Comunque la risposta alla domanda è di --> w3 total cache + cloudflare

E spero allora che prima di testare le tue modifiche svuoti la cache...vero?

@Ultima said:

E spero allora che prima di testare le tue modifiche svuoti la cache...vero?

e certo

Altro problema

Il mio intendo era eliminare il plugin dei post correlati e usare il codice che si sta sviluppando in questo post al suo posto.
Volevo fare in modo che venissero visualizzate solo le thumbnails e che quando ci si passava col mouse sopra l'immagina si abbassava e sotto c'era il permalink al post.

Il codice di partenza per i random_post è:

<?php
$args = array(
    'orderby'        => 'rand',
    'posts_per_page' => '4',

);
// The Query
$the_query = new WP_Query( $args );

// The Loop
if ( $the_query->have_posts() ) :
    while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<?php if( has_post_thumbnail() ) : ?>
      <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php the_post_thumbnail( 'thumbnail' ); ?>
      </a>
<?php endif;
    endwhile;
else :
    // no posts found
endif;
/* Restore original Post Data */
wp_reset_postdata();
?>

Il codice per l'animazione è questo:

<------------HTML--------------->

<div class="move_thumb_down">    <a class="link_random_post" href="url di destinazione">Un bel link</a>
    <img class="thumb_random_post" src="url.png" />
</div>

<------------css--------------->

.move_thumb_down {    position: relative;
    height: 70px;
    width: 310px;
    background: #fff;
    text-align: center;
    
}
.move_thumb_down img.thumb_random_post {
    position: absolute;
    top: 0;
    left: 0;
    transition: top 0.2s ease-in-out;
    width: 310px;
    background: white;
}
.move_thumb_down:hover img.thumb_random_post {
    position: relative;
    top: 15px;
}

Li ho uniti ed è uscito questo:

<------------html/php--------------->

<?php
$args = array(
    'orderby'        => 'rand',
    'posts_per_page' => '4',


);
// The Query
$the_query = new WP_Query( $args );


// The Loop
if ( $the_query->have_posts() ) :
    while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
    <?php if( has_post_thumbnail() ) : ?>
      <div class="move_thumb_down">
      <a class="link_random_post" href="<?PHP the_permalink(); ?>"><?php the_title(); ?></a>
         <img class="thumb_random_post" src="<?php the_post_thumbnail( 'thumbnail' ); ?>" />
      </div>
    <?php endif;
    endwhile;
else :
    // no posts found
endif;
/* Restore original Post Data */
wp_reset_postdata();
?>

<------------css--------------->

.move_thumb_down {    position: relative;
    height: 150px;
    width: 150px;
    background:;
    text-align: center;
    float:left;
    padding:3px; 
}


.move_thumb_down img.thumb_random_post {
    position: absolute;
    top: 0;
    left: 0;
    transition: top 0.2s ease-in-out;
    width: 150px;
    background: white;
    padding:3px;
}


.move_thumb_down:hover img.thumb_random_post {
    position: relative;
    top: 15px;
}

Non so perchè produce un html finale sballato:

<div class="move_thumb_down">      <a class="link_random_post" href="ht tp ://localhost/wordpress/ciao-mondo/">Ciao mondo!</a>
         <img class="thumb_random_post" src="<img width="150" height="150" src="h ttp: //localhost/wordpress/wp-content/uploads/2014/12/network-marketing-truffa-1-150x150.jpg" class="attachment-thumbnail wp-post-image" alt="network-marketing-truffa-1" />" />
      </div>

Risultato? L'animazione funziona, il link sotto l'immagine c'è ma l'immagine non la prende... uff

Quà un'immagine ---> http ://i62.tinypic.com/ico2us.jpg

Semplicemente perchè la funzione the_post_thumbnail() non rilascia il percorso, ma rilascia tutto il codice html: quindi <img src=" etc.
ti rimando alla function Reference di wordpress per questa funzione: http://codex.wordpress.org/Function_Reference/the_post_thumbnail

Ho letto più volte quella pagina ma non credo di aver letto quello che dici tu :x, grazie per la segnalazione...
Ho sostituito quel pezzo di codice con ```
<?php echo get_the_post_thumbnail($post_id, 'thumbnail', array('class' => 'mia_img_class')); ?>

e funziona tutto alla grande :)

Grazie :)

Comunque c'è scritto. E' evidente che non hai capito il funzionamento:

<?php the_post_thumbnail( 'thumbnail',  array( 'class' => 'mia_img_class' ) ); ?>

Contento comunque che tu abbia risolto

Cosa si può utilizzare per distanziare le immagini?

Ora ho usato il padding ma non mi piace perchè il cuscinetto bianco che crea all'esterno si vede quando la thumbnails si muove...

In sequenza nella pagina ho prima i post random e poi un riquadro che occupa tutta la larghezza del contenitore.

Se per distanziare le thumbnails uso il padding non riesco ad allinearlo perfettamente con il box di sotto, come posso fare?

Inoltre, prima non ci ho pensato, è brutto vedere tra i post random anche il post stesso che si sta leggendo.

Si potrebbe inserire una funzione che non faccia uscire il post che si sta leggendo?

@m3820 said:

In sequenza nella pagina ho prima i post random e poi un riquadro che occupa tutta la larghezza del contenitore.

Se per distanziare le thumbnails uso il padding non riesco ad allinearlo perfettamente con il box di sotto, come posso fare?

Inoltre, prima non ci ho pensato, è brutto vedere tra i post random anche il post stesso che si sta leggendo.

Si potrebbe inserire una funzione che non faccia uscire il post che si sta leggendo?

non si può fare niente per la mia ultima richiesta?