Lisää Emoji-tuki sivustoosi Emoji CSS n avulla

Emojit ovat ottaneet digitaalisia keskusteluja ja nämä suloiset pienet kuvakkeet haihtuivat nopeasti Internet-kulttuuriin. He ovat nyt jokapäiväinen osa elämäämme ja voit löytää ne kaikkialla työpöydän sovelluksista WordPressiin.

Ja jos olet koskaan halunnut mukautetut emojit sivustossasi Emoji CSS on täydellinen kirjasto käytettäväksi.

Nämä puhtaat CSS-kuvakkeet ovat luotu taustakuvilla niin jokaisella emoji: llä on oma PNG-tiedosto. Nämä kuvatiedostot ovat verkkokalvo-ready joten ne näyttävät hyvältä kaikissa näytöissä.

Voit myös demoida nämä emojit mukaan lukien raaka CSS-tiedosto sivustoosi. Tiedosto viittaa itse isännöityihin kuviin GitHubissa sinun ei tarvitse järjestää mitään paikallisesti aloittaa.

Emoji CSS: n kotisivuilta löydät kaikki kuvakoodiluokkien lisäksi näytteen esittelypätkä. Kun olet lisännyt Emoji CSS-tiedoston asiakirjaan, sinun tarvitsee vain lisätä elementin kanssa .em luokka, sekä mitä luokkaa koskee tietty kuvake, jota haluat näyttää.

Joten esimerkiksi tämä koodi:

lisää 100 emoji suoraan sivustosi sisältöön. Sinulla on hyvin yli 200 erilaista emojia ja hanke on avoin lähdekoodi niin se on saatavilla päivityksiin.

Emoji CSS: n kotisivut ovat erittäin helppokäyttöisiä. Vain napsauta kuvaketta ja sinä kopioi automaattisesti lähdekoodin leikepöydälle, jotta voit liittää sen suoraan HTML-koodiin.

Olen ensimmäinen, joka myöntää, että jokainen sivusto ei hyödy tästä Emoji-kirjastosta sosiaaliset verkostot ja kommenttien tukemat sivustot voivat parantaa käyttäjän sitoutumista lisäämällä emoji-tukea. Ja Emoji CSS -kirjastossa tämä on käytännössä kaksivaiheinen prosessi sivustosi emoji-up.