Hvordan lage en rulleboksen i en WordPress Innlegg

Bruke HTML overløp eiendom, kan en rulleboksen legges til noen WordPress innlegg på bloggen din. Dette kan brukes til å legge til flere kommentarer om innlegget, som innholdet område som inneholder lenker til ulike deler av innlegget, eller for å legge store mengder tekst til temaer med en fast høyde. Når koden for rulleboksen har blitt lagt til WordPress tema, kan det også legges til sider, sidelinjen eller noen annen del av området.

Bruksanvisning

1 Logg inn på din WordPress admin området. Klikk "Utseende" og deretter "Editor". Dette bringer opp Theme Editor, som lar deg endre bloggens HTML-kode.

2 Klikk "stilark", som ligger nær bunnen av listen over filer på høyre side av skjermen. Stilarket styrer posisjonering og formatering av ulike aspekter av bloggen - her vil du legge til parametere for rulleboksen.

3 Rull ned til bunnen av filen, og starte en ny linje. Kopier og lim inn følgende kode:

scrollbox {

width: 300px;

height: 300px;

overløp: bla;

}

Endre bredde og høyde tallene til den størrelsen du ønsker rulleboksen for å være. Dette trenger ikke å være perfekt på første forsøk. Du kan alltid gå tilbake og gjøre noen justeringer etter at du ser hvordan det ser ut i innlegget ditt. Legg noen annen styling du ønsker, for eksempel en bakgrunnsfarge, bilde eller grensen. Se pageresource.com/dhtml/csstut6.htm for de tilgjengelige egenskapene. Klikk på "Update File" når du er ferdig.

4 Klikk på "innlegg" og laste opp stillingen der du vil sette inn rulleboksen. Klikk på "HTML" øverst til høyre i redigeringsvinduet.

5 Kopier og lim inn følgende kode i posten, på det punktet du ønsker å bla boks til å gå:

<Div id = "scrollbox">

</ Div>

6 Skriv inn den teksten du vil skal vises i åpning og lukking <div> tagger. Klikk "Oppdater Post" når du er ferdig, eller "Publiser" hvis du startet et nytt innlegg. Rulleboksen vises nå på innlegget.

Hint

  • Rulle vises bare hvis innholdet er for stor for størrelsen på boksen.
  • Hvis du ønsker å plassere scrollbar på en annen del av nettstedet ditt, for eksempel en sidebar eller bunnteksten, lim koden ovenfor i den aktuelle filen i Temaredigering. Hvis bloggen din bruker widgets, må du lage en tekst widget ved å klikke på "Utseende", "Widgets", og deretter dra en tekstboks til sidepanelet på det punktet du vil den skal gå. Deretter kan du enkelt lime koden inn i det og legge til tekst.