In questo tutorial vedremo come estrarre la prima immagine da ogni post wordpress.
Questa è cosa molto facile grazie all’uso del php.
Inizio col dire che lo spunto è preso da questo articolo.
Effettivamente il processo è lo stesso, solo che nel link non viene effettuato il richiamo all’interno degli appositi tag ( oppure viene omessa questa parte fiduciosi di utenti esperti ).
La prima cosa da fare è creare una funzione da inserire nell’apposito file function.php della nostra template. Possiamo inserire il seguente codice prima dell’ultimo ?>
[sourcecode language='php']
function catch_that_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘//i’, $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$first_img = “/images/default.jpg”;
}
return $first_img;
}
[/sourcecode]
Fatto questo andiamo dobbiamo aprire la pagina php dove ci interessa inserire l’immagine. Noi abbiamo optato per la pagina delle categorie, facendo uscire un immagine ad ogni post.
Il codice da inserire per effettuare il richiamo all’immagine è il seguente
[sourcecode language='php']
E’ stato racchiuso in un contenitore, ma non è necessario.
Stabilire una grandezza fissa per l’immagine estratta
L’aggiunta da fare sul codice è molto semplice.
Infatti basta sostituire questo codice :
[sourcecode language='php']
; ?>” /></div>
<p>[/sourcecode]</p>
<p>con il seguente :<br />
[sourcecode language='php']</p>
<div class=)
; ?>” /></div>
<p>[/sourcecode]</p>
<p>In poche parole <strong>aggiungiamo una classe css</strong> che ci permette di gestire altezza e larghezza dell’immagine estratta.</p>
<p>Vediamo il codice css :</p>
<p>[sourcecode language='css']<br />
.thumb {<br />
margin: 5px 0 10px;<br />
padding: 4px;<br />
border: 1px solid #eee;<br />
line-height: 0;<br />
}<br />
.thumb:hover {<br />
background: #1891D1;<br />
border: 1px solid #1891D1;<br />
}<br />
.thumb img {<br />
width: 260px;<br />
height: 110px;<br />
}</p>
<p>[/sourcecode]</p>
<p>Spero di esservi stato utile.<!-- google_ad_section_end --></p>
</div><style type=)
#dd_ajax_float{
float:left;
padding: 6px 1px 4px 0px;
margin-left:-99px;
margin-right:15px;
margin-top:0px;
position:absolute;
z-index:9999;
width:79px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #dddddd;
background: -moz-linear-gradient(100% 100% 90deg, #a6a6a6, #ffffff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#a6a6a6));
background: -webkit-linear-gradient(#ffffff, #a6a6a6);
background: -o-linear-gradient(#ffffff, #a6a6a6);
}
Altri articoli:
Articoli correlati a "Tutorial WordPress #4 : Estrarre immagine da post WordPress"
In questo tutorial vedremo come estrarre la prima immagine da ogni post wordpress.
Questa è cosa molto facile grazie all'uso del php.
Inizio col dire che lo
Per tutti i possessori di blog/siti basati su Wordpress, integrare la pubblicità adsense nel singolo post è un operazione molto semplice.
Infatti basta modificare il file
Ipotizziamo di voler pubblicare 2 pubblicità adsense nel nostro loop wordpress.
Una ad inizio ed una dopo 3 post.
Per fare questo, bisogna modificare la template del
Ecco due modi per scrivere ovunque siamo e con versatilità i nostri post sui blog che curiamo con Wordpress: ScribeFire e Postie.
Il primo Scribefire, (sottoforma
In quest’articolo elencheremo diversi script e plug-in che possono essere installati su Wordpress e che ci permettono di ottimizzare la gestione del nostro CMS.
Parleremo quindi
2 Commenti
Ciao, non riesco a far saltare fuori l’immagine di default. mi potete aiutare?
mmm… allora questo articolo spiega come estrarre un immagine dal post ( anzi la prima ), per la default richiama un immagine che si chiama appunto default.jpg
se ci link il sito cerchiamo di darti un aiuto