• User Newbie

    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:

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

    2. 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 volentieri 🙂

    Ciao!


  • User

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


  • User Newbie

    Grazie mille per la risposta!!!! :sun:
    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).