Sergejpinka

Aldrin con Armstrong riflesso nel proprio casco

Nella versione Wordpress 2.6 ho notato finalmente che vi è la possibilità d inserire una didascalia (detta anche caption) ad una immagine. La didascalia di una immagine altro non è che una breve descrizione dell’immagine stessa.

Come inserire il testo della didascalia

1. Clicca su Scrivi
2. clicca su Articolo
3. Sulla destra di Aggiungi media, clicca su Aggiungi immagine
4. nella finestra che si presenterà, scrivi il testo in Didascalia immagine

Eventuale modifica del CSS del tema

Se non vi piace come il vostro tema wordpress restituisca visivamente un’immagine con didascalia consiglio di utilizzare il seguente codice CSS mediante questa procedura:

1. cliccate su Design
2. cliccate su Editor temi
3. nel form del “Foglio di stile” fate il copia/incolla del CSS (lo trovate più sotto)
4. cliccate su “Aggiorna file“

Testo del CSS per didascalia:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

/* CAPTION */
.wp-caption img {
border:0pt none;
margin:0pt;
padding:0pt;
}
.wp-caption p, .wp-caption-text {
font-size:11px;
line-height:17px;
margin:0pt;
padding:0pt 4px 5px;
}
.wp-caption {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#F3F3F3;
border:1px solid #DDDDDD;
margin:10px;
padding-top:4px;
text-align:center;
}

Se riscontrate problemi lasciate un commento vi darò una mano appena possibile.

Vuoi dare un po’ di classe al tuo blog Wordpress? sei stanco di vedere sempre la stessa immagine nell’header del tuo blog? …e allora segui le facilissime istruzioni qui riportate e non te ne pentirai! (…’azz! mi sembra d’esser diventato un venditore ambulante! …arrotino! è arrivato l’arrotino! affilo: forbici, coltelli!… )

1. Preparazione delle immagini dell’header

Simple Random Header Images for Your Blog — Pearsonified via kwout

Per la spiegazione utilizzerò 5 immagini. E’ assolutamente importante che le dimensioni delle immagini che utilizzerai, siano esattamente quanto lo sono quelle dell’immagine dell’header che di default è presente nel tuo tema; per esemio: le mie immagini utlizzate da me (per il tema che utlizzo MistyLook) è 760px di larghezza e 200px di altezza. A tal fine consiglio di utilizzare un software apposito, tipo The Gimp!. (è gratis e in italiano dunque… ). (Se non sai ove trovar le immagini prova a dare un’occhiata qui: Header image per K2).

Tutte le immagini debbono essere salvate tenendo presente che:

1. il nome deve esser sempre header_
2. il numero dopo header_ deve essere progressivo da 1 a 5 (nel caso che vado a spiegare, da 1 ad n ove n è il numero dell’ultima immagine che intendi utilizzare, se fossero 16, il nome delle immagini devono essere header_1.jpg, header_2.jpg ecc.ecc. fino a header_16.jpg)
3. tutte le estensioni del file dell’immagine devono essere .jpg

Nel mio caso alla fine avrò 5 immagini denominate:

• header_1.jpg
• header_2.jpg
• header_3.jpg
• header_4.jpg
• header_5.jpg

Utilizzando un software ftp, upload le tue immagini in una cartella del tuo blog, tipo:

/wp-content/themes/nomedeltema/image

2. …l’inserimento del magico codice!

Nel file header.php devi inserire:

1

<img src="http://path_to_images/header_<?php echo(rand(1,5)); ?>.jpg" width="image_width" height="image_height" alt="image_alt_text" />

ove il magico codice è

1

<?php echo(rand(1,5)); ?>

il tuo numero delle immagini è differente? allora modifica 5 con il numero della tua ultima immagine. Tutto qui. URL_immagini: è il percorso della cartella contenenti le tue immagini, che precedentemente hai uploadato.

Se hai problemi o dubbi lascia un commento: ti risponderò il prima possibile! A presto!

Via | PEARSONIFIED