Come aggiungere una sezione di scorrimento per il mio blog WordPress

April 26

Come aggiungere una sezione di scorrimento per il mio blog WordPress


In HTML, diverse sezioni di un sito web sono contenute in divisori, identificato da tag <div>. Per impostazione predefinita, una serie di divisori viene ridimensionato in base qualsiasi contenuto è al suo interno. È possibile dare un divisore una dimensione fissa. In questo caso, il contenuto all'interno del partitore sarà troppo grande per adattarsi all'interno di esso. Questo vi dà due opzioni per un blog WordPress; è possibile scegliere di nascondere il contenuto dentro l'area di divisori ', o si può dare il divisore una barra di scorrimento, che i visitatori possono utilizzare per visualizzare il contenuto aggiuntivo.

istruzione

1 Accedi al pannello di controllo del proprio amministratore di WordPress. Dal grande menu sul lato sinistro dello schermo, fare clic su "Aspetto", quindi fare clic su "Editor". Quest'area consente di visualizzare e modificare i file HTML che compongono il tema del tuo blog WordPress.

2 Fare clic sul link per il foglio di stile. Questo è vicino al fondo della lista dei file a destra, sotto il titolo "Fogli di stile". WordPress mantiene lo stile di tutti gli elementi del tuo sito in questo file. Quando si sceglie il file, apparirà al centro dello schermo.

3 Inizia una nuova riga nel file, quindi incollare il seguente codice:

scrollbarsection {

width: 400px;

altezza: 400px;

overflow: scroll;

}

Questo codice dice WordPress che c'è un nuovo partitore chiamato "scrollbarsection", che ha un'altezza e una larghezza di 400 pixel. Se qualsiasi contenuto all'interno del divisorio trabocca da questa zona 400 x 400, dovrebbe essere aggiunto una barra di scorrimento per consentire al visitatore di accedere a tali contenuti. Modificare l'altezza e la larghezza di qualsiasi dimensione adatta alle proprie esigenze.

4 Fai clic su "Messaggi" e fare clic il titolo del post per aggiungere una barra di scorrimento ad esso, oppure fare clic su "Aggiungi nuovo" per creare un nuovo post. Fare clic sulla scheda "HTML" nella parte superiore dell'area di modifica. Ciò consente di digitare il codice nell'editor.

5 Posizionare il cursore nel punto del post che si desidera che la barra di scorrimento a comparire, quindi incollare il seguente codice:

<Div id = "scrollbarsection">

</ Div>

6 Inserire il contenuto all'interno dei due tag <div>. È possibile digitare il testo normale, oppure fare clic sul pulsante "Aggiungi media" nella parte superiore del riquadro di modifica per aggiungere immagini. Dopo aver inserito il contenuto, fai clic su "Pubblica" in alto a destra dello schermo.