Sfat rapid HTML în subtitrările imaginilor

Vom afla ce înseamnă această îmbunătățire media în practică!

Vești bune! Pentru această funcționalitate nu veți avea nevoie nici de un plugin, deoarece când WordPress a lansat recent versiunea 3.4.x, această caracteristică a fost introdusă.

Puteți citi și alte modificări în Codul.

Când introduceți o imagine într-o pagină sau post WordPress puteți face o legendă pentru aceasta. Fiecare imagine inserată poate avea propria subtitrare și poate folosi etichete HTML standard pentru ao formata (desigur, puteți să o lăsați goală, atunci nu va mai avea o subtitrare).

Etichetele pe care le puteți utiliza sunt, în mod implicit, aceleași ca cele disponibile în comentarii.

De exemplu, puteți avea text bold cu , italicized text cu și a tras text cu .

Rețineți că WordPress utilizează un stil gri deschis pentru fundal și un gri închis pentru text în mod implicit. Acești selectori de clasă CSS sunt .wp-caption și .wp-caption-text.

Dacă doriți să folosiți stilurile personalizate, atunci includeți-le în CSS-ul temei (de obicei în style.css).

În cazul nostru, stilul temei este următorul.

 .wp-caption fundal: # F1F1F1; linia-înălțime: 18px; margin-bottom: 20px; padding: 4px; text-align: centru;  .wp-caption-text culoare: # 888; font-size: 12px; margine: 5px; 

Rețineți că puteți oricând să modificați legenda dacă faceți clic pe imaginea din editorul post, apoi faceți clic pe Editați imaginea.

Codul HTML pe care îl folosesc este următorul:

 Acest text este italicizat. Și acest lucru este îndrăzneț.

Exemple în imagini


Introduceți caseta de imagine în Wordpress admin
Caption în editor
Captionul arata pe site
Cod