Sådan bruges spændetiketter til en Blockquote på WordPress

Spændetiketter giver dig mulighed for at anvende CSS-styling til enhver del af dine WordPress-indlæg - tænk på dem som brugerdefinerede CSS-kommandoer. Når de pakkes om et afsnit af tekst, anvendes disse brugerdefinerede kommandoer til alt inden for "span". Dette giver dig mulighed for effektivt at opfinde dine egne tags. En sådan anvendelse af dette er at oprette en brugerdefineret blockquote-tag, som du kan bruge ud over dit tema's default blockquote-kommando.

1.

Log ind på dit WordPress admin-område. Klik på "Udseende" i hovedmenuen til venstre, og klik derefter på "Editor." Hvis disse valgmuligheder ikke er til stede, skyldes det, at du ikke har "Administrator" -tilladelser. Kontakt ejeren af ​​webstedet for at anmode om en opgradering - eller bede dem om at gennemføre disse trin for dig.

2.

Klik på "style.css" fra fillisten til højre. Koden for denne fil vises i den centrale redigeringsrude. Start en ny linje øverst i filen, og tilføj derefter følgende kode:

.bq {display: block; margin-left: 30px; border-venstre-stil: fast; border-venstre-farve: rød; padding-venstre: 5px; }

Den eneste væsentlige del er linjen "display: block;", der tillader mere end en linje af tekst at blive stylet af spændetiketterne. Resten af ​​koden indrykker blockquote med 30 pixels, placerer en rød linje ned til venstre for citatet, og placerer derefter teksten fem pixels til højre for den linje. Rediger eller tilføj ny kode, der passer til dine præferencer. Klik på "Opdater fil", når du er færdig.

3.

Klik på "Indlæg" eller "Sider" i hovedmenuen, og vælg et dokument, som du gerne vil tilføje den nye blokquote. Sæt spændekoder rundt om det afsnit, du vil citere på følgende måde:

Dette er mit citat

4.

Klik på "Opdater" øverst til højre på skærmen, og klik derefter på "Se side" for at se resultaterne. Spændetiketterne vil anvende hele koden i den "bq" klasse, du lige har oprettet til teksten mellem dem. Hvis du er tilfreds med resultaterne, kan du fortsætte med at anvende bq span-taggen til enhver tekst, du kan lide. Hvis ikke, gå tilbage til style.css-siden og rediger bq-klassen, og tjek derefter igen. Gentag indtil du er tilfreds.

Tip

  • Spændetiketter er ikke kun begrænset til tekst - du kan indstille alt, som CSS normalt kan anvendes på.

Advarsel

  • Eventuelle ændringer, du foretager til filen "style.css", bliver straks anvendt på hele din hjemmeside - pas på ikke at redigere nogen anden kode i denne fil.

Populære Indlæg