Sådan tilføjes en brugerdefineret tekstboks før en post i WordPress

Tilføj en tekstboks før hver af dine WordPress-indlæg for at udsætte flere af dine kunder for din virksomheds specialtilbud eller seneste nyheder. På denne måde skal hver gang en besøgende læser et indlæg, skal han rulle forbi tekstboksen for at nå det indhold, han leder efter, og han kan se noget, han kan lide i den brugerdefinerede tekstboks undervejs. Indstil dette fra Theme Editor i WordPress.

1.

Log ind på dit WordPress administration kontrolpanel. Klik på "Udseende" og derefter "Editor".

2.

Klik på "style.css" fra listen over filer, og start derefter en ny linje nederst i filen, og tilføj følgende:

meddelelser {

display: block; bredde: 100%; padding: 5px; margin: 5px; farve: rød; baggrundsfarve: # FFFF99; font-size: 110%; grænse: # 000 2px solid; }

Udskift eksempelkoden med hvad CSS du vil have til boksen. Dette eksempel sætter en 5-pixel margen udenfor og inden i kassen af ​​kassen, gør teksten rød og lidt større, og giver kassen en lysegul baggrund. Klik på "Opdater fil", når du er færdig.

3.

Klik på "single.php" fra listen over filer til højre. Koden for filen vises i det centrale redigeringsområde.

4.

Gennemse filen, indtil du finder WordPress Loop. Denne del af koden viser dine indlæg på websiden, så alt hvad du lægger direkte over dette vil fremgå over stillingerne på skærmen. Find den følgende linje og start en ny linje over det:

””

Indsæt følgende linjer kode i det rum du netop har lavet:

Din tekst her

5.

Rediger eksempelteksten til det, du vil have. Bemærk at du skal bruge HTML-tags til at indstille teksten - for eksempel at udforme teksten og omlægge den med " " tags som denne: " Din tekst ." Klik på "Opdater fil", når du er færdig. Din brugerdefinerede tekst vises nu over dine indlæg.

Tip

  • Brug den samme procedure til at tilføje tekstboksen til "archive.php" for kategorisiderne, "page.php" til WordPress-sider eller "index.php" til hovedskabelonen.

Anbefalet