Cum de a crea un stil propriu de citate în WordPress temă

Citate sunt cel mai adesea cel mai memorabil parte a articolului dumneavoastră. Deoarece ziare și site-uri mass-media mari, de obicei, a crea un stil pentru referințe bibliografice pentru a le selecta. În acest articol, vă vom arăta cum să faci stilul tau pentru citatii blocuri în WordPress, precum și 9 prezintă exemple de stiluri frumoase pentru citatii blocuri.

WordPress vă permite să adăugați citate în postări și pagini utilizând barele de instrumente în paginile secțiuni și crearea înregistrărilor.

Acum trebuie să utilizați una dintre sugestiile de mai jos și stiluri suprascrie stilurile de citate blocuri. În cazul în care acest stil nu a existat înainte, doar să-l adăugați. De asemenea, este posibil și necesar să se combine mai multe stiluri pentru a crea un stil de alegere.

1. CSS citat clasic

De obicei, pentru a adăuga mai multe citate folosesc CSS background-image. Așa că am făcut în acest exemplu.

Cum de a crea un stil propriu de citate în WordPress temă

2. Citatul clasic din imagine

În acest exemplu, citate folosim o imagine de fundal.

Cum de a crea un stil propriu de citate în WordPress temă

3. Un citat simplu

În acest exemplu, am adăugat o culoare de fundal și o linie punctată la stânga în loc de ghilimele. Puteți juca cu culorile după cum doriți.

Cum de a crea un stil propriu de citate în WordPress temă

4. Alb-albastru-portocaliu citat

Puteți face oferta atât de colorate. după cum doriți.

Cum de a crea un stil propriu de citate în WordPress temă

5. fonturi Citat cu fonturi web Google

În acest exemplu CSS pentru un citat, am folosit fontul Droid Serif din biblioteca Google Font.

Cum de a crea un stil propriu de citate în WordPress temă

6. Citat cu colțuri rotunjite

În acest exemplu, vom cita cu colțurile rotunjite. am folosit, de asemenea, umbra a frontierelor.

Cum de a crea un stil propriu de citate în WordPress temă

7. gradient de fundal pentru un citat

Cum de a crea un stil propriu de citate în WordPress temă

8. Citat din textura de fundal

În acest exemplu, am folosit o textură pe fundalul citat.

Cum de a crea un stil propriu de citate în WordPress temă

9. Mai multe imagini în ghilimele de fundal

Puteți utiliza mai multe imagini de fundal în ghilimele. În acest exemplu, am utilizat elementul blockquote: înainte. pentru a adăuga o altă imagine de fundal în citatul.

Cum de a crea un stil propriu de citate în WordPress temă

Sursa: WPBeginner.com

Este posibil să se facă mai multe tipuri diferite de blokvotov pentru a le folosi în același timp? De exemplu, blockquote și blockqoute1 în stayl.tsss sau altceva? Trebuie doar să facă un nou blokvot (sau un bloc de culoare, nici o diferență), cu o anumită structură, fără a schimba „vechi“ blokvoty.

Interesantă întrebare! Nu se confruntă cu un astfel de trecut, dar cu siguranță mulți vor fi interesați să știe. Dacă găsiți o soluție, scrie!

articole similare