Spanreek Tags gebruiken voor een Blockquote op WordPress

Met bereiklabels kunt u CSS-opmaak toepassen op elke sectie van uw WordPress-berichten - denk aan hen als aangepaste CSS-opdrachten. Wanneer u een tekstgedeelte omloopt, worden deze aangepaste opdrachten toegepast op alles binnen de 'reeks'. Hiermee kunt u effectief uw eigen tags uitvinden. Een dergelijke toepassing hiervan is om een ​​door de gebruiker gedefinieerde blockquote-tag te maken die u kunt gebruiken naast de standaard blockquote-opdracht van uw thema.

1.

Meld u aan bij uw WordPress-beheergebied. Klik in het hoofdmenu aan de linkerkant op "Vormgeving" en klik vervolgens op "Editor". Als deze opties niet aanwezig zijn, komt dit omdat u geen "Administrator" -machtigingen hebt. Neem contact op met de eigenaar van de site om een ​​upgrade aan te vragen - of vraag hem of haar deze stappen voor u te voltooien.

2.

Klik op "style.css" in de bestandslijst aan de rechterkant. De code voor dit bestand verschijnt in het centrale bewerkingspaneel. Start een nieuwe regel bovenaan het bestand en voeg vervolgens de volgende code toe:

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

Het enige essentiële onderdeel is de regel 'display: block;', waarmee meer dan één regel tekst door de span-tags kan worden gestileerd. De rest van de code markeert de blokquote met 30 pixels, plaatst een rode lijn links van de quote en plaatst de tekst vijf pixels rechts van die lijn. Bewerk of voeg nieuwe code toe die past bij uw voorkeuren. Klik op "Bestand bijwerken" wanneer u klaar bent.

3.

Klik op "Posts" of "Pages" in het hoofdmenu en selecteer een document waaraan u de nieuwe blockquote wilt toevoegen. Wikkel span-tags rond het gedeelte dat u wilt citeren op de volgende manier in:

Dit is mijn citaat

4.

Klik op "Update" in de rechterbovenhoek van het scherm en klik vervolgens op "Pagina bekijken" om de resultaten te bekijken. De span-tags passen alle code in de klasse "bq" toe die u zojuist hebt gemaakt op de tekst ertussen. Als u tevreden bent met de resultaten, kunt u doorgaan met het toepassen van de bq-span-tag op elke gewenste tekst. Als dit niet het geval is, gaat u terug naar de pagina style.css en bewerkt u de bq-klasse. Controleer vervolgens opnieuw. Herhaal dit totdat je tevreden bent.

Tip

• Span-tags zijn niet alleen beperkt tot tekst: u kunt alles opmaken waarnaar CSS normaal kan worden toegepast.

Waarschuwing

• Alle wijzigingen die u in het "style.css" -bestand aanbrengt, worden onmiddellijk toegepast op uw hele website. Pas op dat u geen van de andere code in dit bestand bewerkt.