Come fare una casella di scorrimento in un post WordPress

May 28

Usando la proprietà overflow HTML, una casella di scorrimento può essere aggiunto a qualsiasi messaggio di WordPress sul tuo blog. Questo potrebbe essere utilizzato per aggiungere ulteriori commenti circa il post, come area di contenuto che contiene i collegamenti alle diverse sezioni della posta, o per aggiungere grandi quantità di testo ai temi con un'altezza fissa. Una volta che il codice per la casella di scorrimento è stato aggiunto al tema WordPress, può anche essere aggiunto a pagine, la barra laterale o qualsiasi altra parte del sito.

istruzione

1 Accedi al tuo area di amministrazione di WordPress. Fai clic su "Aspetto", quindi "Editor". Questo porta in primo piano l'Editor tema, che consente di modificare il codice HTML del tuo blog.

2 Fai clic su "foglio di stile", situato vicino al fondo della lista dei file sul lato destro dello schermo. Il foglio di stile governa il posizionamento e la formattazione dei diversi aspetti del blog - qui si aggiungere i parametri per la vostra casella di scorrimento.

3 Scorrere fino alla fine del file, e iniziare una nuova riga. Copiare e incollare il seguente codice:

ScrollBox {

width: 300px;

altezza: 300px;

overflow: scroll;

}

Modificare la larghezza e l'altezza figure di qualsiasi dimensione che si desidera che la casella di scorrimento di essere. Ciò non deve essere perfetto al primo tentativo. Si può sempre tornare e apportare le modifiche dopo si vede come appare nel tuo post. Aggiungere qualsiasi altro stile che si desidera, come ad esempio un colore di sfondo, immagine, o di confine. Vedere pageresource.com/dhtml/csstut6.htm per le proprietà disponibili. Fai clic su "Update file" quando fatto.

4 Fare clic su "Messaggi" e caricare il post in cui si desidera inserire la casella di scorrimento. Fare clic sulla scheda "HTML" in alto a destra della finestra di modifica.

5 Copia e incolla il seguente codice nel post, al punto che si desidera casella per scorrere andare:

<Div id = "ScrollBox">

</ Div>

6 Inserire il testo che si desidera visualizzare all'interno di apertura e chiusura <div> tag. Fai clic su "Aggiornamento Post" quando hai finito, o "Pubblica" se è stato avviato un nuovo post. La casella di scorrimento apparirà sul palo.

Consigli e avvertenze

  • La barra di scorrimento compare solo se il contenuto è troppo grande per la dimensione della casella.
  • Se si desidera posizionare la barra di scorrimento su una diversa sezione del tuo sito, come ad esempio una barra laterale o il piè di pagina, incolla il codice sopra nel file rilevante nel Editor tema. Se il tuo blog utilizza i widget, si dovrà creare un widget di testo facendo clic su "Aspetto", "Widget", e quindi trascinando una casella di testo alla barra laterale in corrispondenza del punto che si vuole andare. Quindi, è sufficiente incollare il codice in esso e aggiungere il testo.

Articoli Correlati