Slik bruker du Span-etiketter for en Blockquote på WordPress

Spormerker lar deg bruke CSS-styling til alle deler av WordPress-innleggene dine - tenk på dem som egendefinerte CSS-kommandoer. Når de pakkes rundt en seksjon av tekst, brukes disse tilpassede kommandoene til alt innenfor "span". Dette gir deg mulighet til å opprette dine egne tagger. En slik applikasjon av dette er å skape en brukerdefinert blockquote-tagg som du kan bruke i tillegg til temaets standard blockquote-kommando.

1.

Logg inn på WordPress admin-området. Fra hovedmenyen til venstre klikker du på "Utseende" og deretter klikker du på "Editor." Hvis disse alternativene ikke er tilstede, er det fordi du ikke har "Administrator" -tillatelser. Kontakt eieren av nettstedet for å be om en oppgradering - eller be dem om å fullføre disse trinnene for deg.

2.

Klikk "style.css" fra fillisten til høyre. Koden for denne filen vil vises i den sentrale redigeringsruten. Start en ny linje øverst på filen og legg til følgende kode:

.bq {display: block; margin-left: 30px; border-left-style: solid; border-left-color: red; padding-left: 5 px; }

Den eneste viktige delen er linjen "display: block;", som tillater at mer enn én linje med tekst blir utformet av span-kodene. Resten av koden indikerer blockquote med 30 piksler, legger en rød linje ned til venstre for sitatet og legger deretter teksten fem piksler til høyre for den linjen. Rediger eller legg til ny kode som passer dine preferanser. Klikk på "Oppdater fil" når du er ferdig.

3.

Klikk på "Innlegg" eller "Sider" fra hovedmenyen, og velg et dokument som du vil legge til den nye blockquote. Vri spannetiketter rundt delen du vil sitere på følgende måte:

Dette er mitt tilbud

4.

Klikk på "Oppdater" øverst til høyre på skjermen, og klikk deretter på "Vis side" for å se resultatene. Span-kodene vil gjelde all koden i "bq" -klassen som du nettopp har opprettet til teksten mellom dem. Hvis du er fornøyd med resultatene, kan du fortsette å bruke bq span-merket til hvilken som helst tekst du liker. Hvis ikke, gå tilbake til style.css siden og rediger bq-klassen, og sjekk deretter på nytt. Gjenta til du er fornøyd.

Tips

  • Spormerker er ikke bare begrenset til tekst - du kan stile alt som CSS normalt kan brukes på.

Advarsel

  • Eventuelle endringer du gjør i filen "style.css", blir umiddelbart brukt på hele nettstedet ditt - vær forsiktig så du ikke redigerer noen av de andre kodene i denne filen.

Populære Innlegg