Post random wordpress

ultima

Prova ad inserire nella thumbnail le dimensioni: <?php the_post_thumbnail( array( 150, 150 ) ); ?>

m3820

Prova ad inserire nella thumbnail le dimensioni: <?php the_post_thumbnail( array( 150, 150 ) ); ?>

stessa cosa

Comunque come tema uso Optimizepress... può essere il problema?

ultima

no, o meglio non credo sia il template il problema.
Puoi fare un ultimo test?
Accedi via ftp alla cartella wp-content/uploads/
Controlla se le immagini caricate, vengono caricate in più formati che in linea di massima per uno standard di WP dovresti averne 1 Originale ed 1 per ogni size impostato nel back-end ( thumnail, medium, large ), quindi per un totale di 4.

m3820

@Ultima said:

no, o meglio non credo sia il template il problema.
Puoi fare un ultimo test?
Accedi via ftp alla cartella wp-content/uploads/
Controlla se le immagini caricate, vengono caricate in più formati che in linea di massima per uno standard di WP dovresti averne 1 Originale ed 1 per ogni size impostato nel back-end ( thumnail, medium, large ), quindi per un totale di 4.

Non so se per le varie prove che ho fatto ma ogni immagine in evidenza dei post me la ritrovo in 7 formati!

Ho provato a modificare le dimensioni della thumbnail e forse questo mi ha generato altre immagini...

ultima

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

m3820

@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...

oslino

@m3820 said:

non saprei proprio come fare...

:():

m3820

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

m3820

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

m3820

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

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

Grazie

ultima

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%; }

m3820

@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...

ultima

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

ultima

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??????

m3820

@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

ultima

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

m3820

@Ultima said:

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

e certo

m3820

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

ultima

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

m3820

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 :)