- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problemi allineamento immagini-testi su Wordpress!
-
Problemi allineamento immagini-testi su Wordpress!
Salve a tutti,
premetto di non essere una web designer e che mi sto cimentando nella realizzazione del mio sito. Ho installato un bel tema di Wordpress e funziona benissimo. Il problema che ho necessità di gestire le immagini all'interno delle pagine (post).
Nello specifico i problemi che non so come risolvere sono 2:-
Vorrei realizzare dei link a social network composti da un'icona piccola e un testo semplice di una riga. Entrambi gli elemento cliccabili che portano alla stessa URL. So che è una cosa banale, ma non riesco ad allineare il testo all'immagine in modo centrato. La scritta va sempre ad allinearsi in alto o in basso con l'icona.
-
La seconda cosa che vorrei riuscire a realizzare, ma che non riesco a fare, è una griglia di immagini quadrate.
Ogni immagine porta ad una URL.
Grazie per l'aiuto!
Ricambio con consulenza di grafica e disegno vettoriale molto volentieriCiao!
-
-
Se per link ai social intendi i pulsanti di condivisione esistono diversi plug-in per wordpress o comunque in ogni caso il modo migliore per risolvere la cosa sarebbe adattare il template in modo tale che i pulsanti vengano mostrati in automatico in ogni post.
Tramite cosa cerchi di inserire e allineare le immagini e i testi? Tramite l'editor visuale di WordPress o scrivendo in html?Per la griglia, se ho capito bene ti basta realizzare una tabella in html più o meno come ti riporto nell'esempio:
[HTML]
<table>
<tr>
<td><img src='immagine1.png' alt='immagine'/></td>
<td><img src='immagine2.png' alt='immagine'/></td>
<td><img src='immagine3.png' alt='immagine'/></td>
</tr>
<tr>
<td><img src='immagine4.png' alt='immagine'/></td>
<td><img src='immagine5.png' alt='immagine'/></td>
<td><img src='immagine6.png' alt='immagine'/></td>
</tr>
<tr>
<td><img src='immagine7.png' alt='immagine'/></td>
<td><img src='immagine8.png' alt='immagine'/></td>
<td><img src='immagine9.png' alt='immagine'/></td>
</tr>
</table>
[/HTML]
Va inserita nei post o pagine mediante l'editor html e non visuale e per variare il numero di colonne o righe ti basta aggiungere o togliere <tr></tr> (righe) o <td></td> (elementi orizzontali nelle righe).
-
Grazie mille per la risposta!!!!
Per i pulsanti per lo sharing ho risolto usando un plug-in...mentre per la griglia ho qualche problema perchè non vorrei che si vedesse la tabella...mentre ora si vedono i contorni. C'è un modo per togliere il contorno?
Altra cosa...le immagini dentro alla tabella devo essere anche loro collegate a delle URL.
Basta che al posto di:
<img src='immagine1.png' alt='immagine'/>
metto:<a href="URL DEL LINK DALLA FOTO" target="_blank"><img src="immagine1.png" alt="immagine" /></a>
Grazie mille per l'aiuto!
Ciao!
@Akela86 said:
Se per link ai social intendi i pulsanti di condivisione esistono diversi plug-in per wordpress o comunque in ogni caso il modo migliore per risolvere la cosa sarebbe adattare il template in modo tale che i pulsanti vengano mostrati in automatico in ogni post.
Tramite cosa cerchi di inserire e allineare le immagini e i testi? Tramite l'editor visuale di WordPress o scrivendo in html?Per la griglia, se ho capito bene ti basta realizzare una tabella in html più o meno come ti riporto nell'esempio:
[HTML]
<table>
<tr>
<td><img src='immagine1.png' alt='immagine'/></td>
<td><img src='immagine2.png' alt='immagine'/></td>
<td><img src='immagine3.png' alt='immagine'/></td>
</tr>
<tr>
<td><img src='immagine4.png' alt='immagine'/></td>
<td><img src='immagine5.png' alt='immagine'/></td>
<td><img src='immagine6.png' alt='immagine'/></td>
</tr>
<tr>
<td><img src='immagine7.png' alt='immagine'/></td>
<td><img src='immagine8.png' alt='immagine'/></td>
<td><img src='immagine9.png' alt='immagine'/></td>
</tr>
</table>
[/HTML]
Va inserita nei post o pagine mediante l'editor html e non visuale e per variare il numero di colonne o righe ti basta aggiungere o togliere <tr></tr> (righe) o <td></td> (elementi orizzontali nelle righe).