Cum să schimbați culoarea fontului titlului în WordPress - Ghid complet

Ce Film Să Vezi?
 
  Cum să schimbați culoarea fontului titlului în WordPress - Ghid complet

Culoarea fontului titlului joacă un rol important în designul web. Fiecare pagină, postare și element de meniu de pe site-ul dvs. WordPress are etichete de titlu.





Atunci când culorile unui șablon de temă nu se potrivesc cu paleta de culori dorită, a învăța cum să schimbați culoarea fontului titlului în WordPress este un loc bun pentru a începe să vă personalizați tema pentru a fi mai potrivită pentru marca și țintă cu datele demografice ale utilizatorilor.

Charles Bronson și Clint Eastwood

Cum se schimbă culoarea fontului titlului în WordPress

Unele teme au opțiuni pentru etichetele de titlu care schimbă culoarea titlului. Dacă nu, utilizați „CSS suplimentar” pentru a schimba culoarea fontului titlului și a legăturii cu mouse-ul și culorile vizitate. Utilizatorii WordPress.com, accesați „Aspect > Personalizare > Culori și fundal”. Culoarea „Primară” controlează culoarea fontului titlului.



Schimbarea culorii fontului titlului în personalizarea temei

Numeroase teme au palete de culori editabile integrate în cadrul temei. Nu întotdeauna clarifică faptul că alegerea culorii este pentru schimbarea culorii fontului titlului. Adesea, ele sunt etichetate ca „culori de titlu”.

Titlurile paginilor și postărilor din WordPress sunt adesea o clasă de titlu 2. H1 este rezervat titlului site-ului. Teme care folosesc aceste țintă de la h1 la h6.



Schimbați culorile etichetei de titlu și titlurile dvs. se vor schimba la culoarea corespunzătoare pe care o selectați aici.



Schimbați culoarea fontului titlului WP cu CSS

Din tabloul de bord WordPress, accesați meniul „Aspect”, apoi selectați „Personalizați”.

Pagina de pornire se va încărca în panoul din dreapta. În meniul din stânga, selectați „CSS suplimentar”.

Faceți clic dreapta pe titlul unei pagini sau al unei postări.

Selectați „inspectați” și panoul de inspecție al browserului se va încărca în fila browserului dvs.

Acum ar trebui să vedeți trei coloane. Primul pentru CSS suplimentar, al doilea conținutul principal al site-ului, al treilea va fi inspectorul browserului.

stiri pe leila de lima

În panoul de inspectare, „clasa” este ceea ce trebuie să editați cu CSS.

În acest exemplu, tema WordPress Twenty Twenty-One este editată. CSS-ul pentru a controla titlul postării de blog este „titlu intrare”. Pentru titlurile paginilor, este clasa div „page-title”.

În panoul „CSS suplimentar” din stânga, introduceți următorul cod

.entry-title {
color:red;
}

Pentru a schimba culoarea fontului titlului paginilor, ar fi

ce înseamnă por nada în spaniolă
.page-title {
color:red;
}

(Acolo unde roșu este în cod, schimbați-l la culoarea sau valoarea codului hexadecimal a culorii pe care doriți să fie titlurile dvs.).

Deoarece titlurile sunt hyperlinkuri, puteți personaliza în continuare aspectul utilizând acest ghid pentru cum să schimbați culoarea hyperlinkului în WordPress.

Singura diferență este că după schimbarea culorii fontului titlului, puteți adăuga litera „a” pentru a viza elementul „ancoră”, care este cel care controlează culoarea linkului.

pbb 737 13 septembrie 2015

În cadrul ancorei se află două pseudo-clase pe care s-ar putea să fii familiarizat să le vezi.

Culoarea cursorului linkului și culoarea linkului vizitat.

CSS pentru a le edita pentru titlurile postărilor pe care se poate face clic este

.entry-title a {
          color:red;
}
.entry-title a:hover {
          color:yellow;
}
.entry-title a:visited {
          color:purple;
}

Din nou, culorile pot fi orice doriți. Puteți face același lucru cu titlurile paginilor schimbând „.entry-title” în „.page-title” în codul de mai sus.

Cum se schimbă culorile fontului titlului pe WordPress.com

Pentru a utiliza CSS suplimentar în WordPress.com, este necesar un plan Premium. Pentru planuri gratuite, te vei baza pe dezvoltatorul temei, inclusiv pe opțiunile de stil. Mulți fac.

În tabloul de bord administrativ, accesați meniul Aspect, apoi selectați Personalizare.

luis hontiveros si nadine lustru

Selectați „Culori și fundal”

În acest exemplu, este folosită tema Bantry pentru WordPress.com. În cadrul acestuia, există cinci zone pentru care puteți schimba culorile, fiecare reprezentată de un cerc colorat.

  • Culoarea de fundal controlează fundalul întregii pagini.
  • Culoarea primului plan controlează culoarea textului corpului dvs. - zona de conținut.
  • Culoarea primară controlează culoarea fontului titlului.
  • Culoarea secundară controlează culoarea hoverului titlului.
  • Culoarea terțiară controlează culoarea elementelor, cum ar fi liniile de despărțire între postările dvs. de blog de pe pagina blogului.

Faceți clic pe al treilea cerc colorat pentru a schimba culoarea fontului titlului pe WordPress.com. Puteți selecta din paletele de culori existente sau puteți face clic pe opțiunea „alege-ți propria culoare”.

Pe alte teme din temele aprobate de WordPress.com, majoritatea folosesc etichete „Primar” sau „Tit” în personalizarea temei pentru a schimba culoarea fontului titlului.