Adăugați suport Emoji pentru site-ul dvs. cu Emoji CSS

Emojis au preluat conversațiile digitale și aceste icoane drăguțe au pătruns repede în cultura internetului cu un bang. Acestea sunt acum o parte de zi cu zi a vieții noastre și le puteți găsi peste tot de la aplicațiile desktop la WordPress.

Și dacă ați dorit vreodată emojis personalizat pe site-ul dvs., atunci Emoji CSS este biblioteca perfectă de folosit.

Aceste pictograme pure CSS sunt generate cu imagini de fundal asa de fiecare emoji are propriul fișier PNG. Aceste fișiere imagine sunt retină gata astfel încât acestea arata grozav pe toate monitoarele.

Puteți, de asemenea, demo aceste emojis prin inclusiv fișierul CSS brut pe site-ul dvs.. Fișierul se referă la imagini găzduite automat pe GitHub nu trebuie să găzduiți nimic local pentru a incepe.

Pe pagina de pornire Emoji CSS veți găsi toate clase de coduri de imagine împreună cu un fragment de demonstrație demo. Odată ce ați adăugat fișierul Emoji CSS în document, tot ce trebuie să faceți este să adăugați un fișier element cu .em clasa, împreună cu orice clasă se referă la pictograma specifică pe care doriți să o afișați.

De exemplu, acest cod:

va adăuga 100 de emoji direct în conținutul site-ului dvs. Ai bine peste 200 de emoji diferite pentru a alege de la și proiectul este sursa deschisa deci este disponibil pentru actualizări.

Cea mai bună parte a paginii de pornire Emerson CSS este foarte ușor de utilizat. Doar faceți clic pe o pictogramă și tu o vei face să copiați automat codul sursă în clipboard, astfel încât să îl puteți lipi direct în HTML.

Voi fi primii care vor recunoaște că nu orice site web va beneficia de această bibliotecă Emoji, dar retele sociale și site-urile cu suport pentru comentarii pot îmbunătăți implicarea utilizatorilor prin adăugarea de asistență pentru emoji. Și cu biblioteca Emoji CSS, acesta este, practic, un proces în două etape de emoji-up a site-ului.