Pridať Emoji podporu pre vaše webové stránky s Emoji CSS

Emojis prevzali digitálne rozhovory a tieto roztomilé ikony rýchlo prenikli do kultúry internetu s treskovaním. Teraz sú každodennou súčasťou nášho života a môžete ich nájsť všade pomocou aplikácií pre počítače na platforme WordPress.

A ak ste niekedy chceli vlastné emódy na vašich stránkach potom Emoji CSS je perfektná knižnica na použitie.

Tieto čisté ikony CSS sú generované s obrázkami na pozadí tak každý emoji má svoj vlastný súbor PNG. Tieto obrazové súbory sú sietnice pripravenej takže vyzerajú skvelo na všetkých monitoroch.

Môžete tiež demonštrovať tieto emojis vrátane surového súboru CSS na vašom webe. Súbor odkazuje na vlastné hostované obrázky v službe GitHub nemusíte hostovať nič lokálne začať.

Na domovskej stránke služby Emoji CSS nájdete všetky tried kódov obrázkov spolu so vzorovým demo úlomkom. Po pridaní súboru Emoji CSS do dokumentu musíte všetko urobiť prvok s .em triedy, spolu s ktoroukoľvek triedou súvisí s konkrétnou ikonou, ktorú chcete zobraziť.

Takže napríklad tento kód:

pridá 100 emoji priamo do obsahu vašich stránok. Máš dobre viac ako 200 rôznych emojis na výber a projekt je open source tak to je k dispozícii pre aktualizácie.

Najlepšie zo všetkých stránok Emoji CSS je super jednoduché použitie. proste kliknite na ikonu a vy automaticky skopírovať tento zdrojový kód do schránky, takže ho môžete vložiť priamo do vášho HTML.

Budem prvý, kto prizná, že nie každá webová stránka bude mať prospech z tejto knižnice Emoji, ale sociálne siete a webové stránky podporované komentármi môžu zlepšiť interakciu používateľov pridaním podpory emoji. A s knižnicou Emoji CSS je to prakticky dvojstupňový proces na emoji-up vašich stránok.