Pievienojiet Emoji atbalstu savai vietnei ar Emoji CSS

Emojis ir pārņēmis digitālās sarunas, un šīs mazās ikonas ātri iekļuva interneta kultūrā ar sprādzienu. Viņi tagad ir ikdienas daļa no mūsu dzīves, un jūs varat tos atrast visur no darbvirsmas lietotnēm līdz WordPress.

Un, ja esat kādreiz gribējis pasūtījuma emojis jūsu vietnē tad Emoji CSS ir lieliska bibliotēka, ko izmantot.

Šīs tīras CSS ikonas ir ģenerēts ar fona attēliem tā katrai emocijai ir savs PNG fails. Šie attēlu faili ir tīklenes gatavs tāpēc tie izskatās lieliski uz visiem monitoriem.

Jūs varat arī demonstrēt šos emocijas ietverot neapstrādātu CSS failu savā vietnē. Fails atsaucas uz paša izvietotiem GitHub attēliem jums nav nepieciešams uzņemt kaut ko lokāli lai sāktu darbu.

Emoji CSS mājas lapā jūs atradīsiet visu attēlu koda klases kopā ar paraugdemonstrējuma fragmentu. Kad esat pievienojis Emoji CSS failu savam dokumentam, jums tikai jāpievieno elements ar .em klase, kopā ar jebkuru klasi attiecas uz konkrēto ikonu, kuru vēlaties parādīt.

Tā, piemēram, šis kods:

pievienos 100 emoji tieši jūsu vietnes saturam. Jums ir labi vairāk nekā 200 dažādu emociju, no kuriem izvēlēties un projekts ir atvērtais avots tā tas ir pieejams atjauninājumiem.

Vislabāk no Emoji CSS mājas lapas ir ļoti viegli lietot. Tikai noklikšķiniet uz ikonas un jūs automātiski kopē šo avota kodu starpliktuvē, lai to varētu ielīmēt tieši savā HTML.

Es vispirms atzīšu, ka ne katra tīmekļa vietne gūs labumu no šīs Emoji bibliotēkas, bet sociālie tīkli un komentāru atbalstītās tīmekļa vietnes var uzlabot lietotāju iesaistīšanos, pievienojot emoji atbalstu. Un ar Emoji CSS bibliotēku tas ir praktiski divpakāpju process, lai izveidotu vietni.