April 9
I widget sono piccole applicazioni web che visualizzano nelle barre laterali e, talvolta, piè di pagina di blog WordPress. Il codice esatto utilizzato per visualizzare i widget dipende dal vostro tema, il modello che determina il layout e lo stile del tuo blog. È possibile modificare il tema di modificare lo spazio tra i widget nella barra laterale mentre si è connessi a WordPress. La schermata di modificare i temi vi permetterà di modificare qualsiasi file nel tema, incluso il file style.css che governa la spaziatura. Modificare il file per rimuovere i margini superiore e inferiore e imbottitura per i widget.
1 Visita il tuo blog WordPress in un browser e fare clic destro per selezionare "Visualizza sorgente pagina". Trova il tuo widget nel codice e cercare il nome della classe che condividono:
<Aside id = "archivi" class = "Widget">
Molti temi usano "Widget" nel nome della classe, come mostrato nell'esempio precedente.
2 Accedere a WordPress e passare alla "Aspetto" dalla barra laterale a sinistra. Caricare la schermata di modificare i temi facendo clic sul link "Modifica". Dopo aver caricato lo schermo, il file style.css è necessario verrà visualizzato nella finestra dell'editor.
3 Leggere il codice style.css e cercare eventuali stili che fanno riferimento alla classe utilizzata per i widget, come le seguenti:
.widget {
padding: 10px 20px;
margin: 20px auto;
}
4 Modificare i valori delle proprietà dei margini in base alle esigenze. Poiché widgets pila una sopra l'altra in una barra laterale, modificare i valori verticali dei margini. Quando si tratta di come abbreviazione CSS come "margin: 10px 20px;" (Invece di "margin-left: 20px;"), modificare il primo valore. Nell'esempio, il margine diventerà "margin: 0px 20px", che consente di eliminare ogni spazio sulla parte superiore e inferiore del widget, tra questo e altri widget. Quando si tratta di "margin: 10px 20px 10px 20px," cambiare il secondo e il quarto valore di zero pixel. I quattro valori di margine in questo caso vanno in senso orario intorno ai bordi del widget, iniziando con la parte superiore.
5 Effettuare le stesse modifiche alle proprietà padding come avete fatto per le proprietà dei margini. Valori funzionano allo stesso modo in entrambi i tipi di proprietà, quindi il loro ordine è la stessa. La differenza tra i margini e padding è che i margini saranno impostare lo spazio tra i widget, mentre imbottitura imposta spazio all'interno del widget. Spesso l'effetto visivo dei due proprietà è la stessa, tranne quando una widget ha un colore di sfondo. Lascia imbottitura solo se si vuole mantenere lo spazio tra il bordo del widget e il suo contenuto.