Fügen Sie Emoji-Support mit Emoji CSS Ihrer Website hinzu

Emojis haben digitale Unterhaltungen übernommen und diese niedlichen kleinen Ikonen durchdrangen die Internet-Kultur schnell mit einem Knall. Sie sind heute ein alltäglicher Teil unseres Lebens und Sie können sie überall finden, von Desktop-Apps bis zu WordPress.

Und wenn Sie jemals gewollt haben benutzerdefinierte Emojis Auf Ihrer Website ist Emoji CSS die perfekte Bibliothek.

Diese reinen CSS-Icons sind mit Hintergrundbildern generiert so Jedes Emoji hat eine eigene PNG-Datei. Diese Bilddateien sind Retina-Ready So sehen sie auf allen Monitoren gut aus.

Sie können diese Emojis auch per demonstrieren Einfügen der rohen CSS-Datei in Ihre Site. Die Datei verweist auf selbst gehostete Bilder auf GitHub Sie müssen nichts lokal hosten anfangen.

Auf der Emoji CSS-Homepage finden Sie alle Bildcode-Klassen zusammen mit einem Beispiel-Demo-Snippet. Sobald Sie die Emoji-CSS-Datei zu Ihrem Dokument hinzugefügt haben, müssen Sie lediglich eine Element mit der .em Klasse, zusammen mit der Klasse, die sich auf das Symbol bezieht, das Sie anzeigen möchten.

So zum Beispiel dieser Code:

fügt die 100 Emojis direkt in den Inhalt Ihrer Website ein. Du hast gut Über 200 verschiedene Emojis stehen zur Auswahl und das Projekt ist Open Source so ist es für Updates verfügbar.

Das Beste ist, dass die Emoji CSS-Homepage sehr einfach zu bedienen ist. Gerade Klicken Sie auf ein Symbol und du wirst Kopieren Sie diesen Quellcode automatisch in die Zwischenablage, damit Sie sie direkt in Ihren HTML-Code einfügen können.

Ich gebe als erster zu, dass nicht jede Website von dieser Emoji-Bibliothek profitieren wird soziale Netzwerke und Mit Kommentaren unterstützte Websites können die Benutzerbindung verbessern, indem sie Emoji-Unterstützung hinzufügen. Mit der Emoji-CSS-Bibliothek ist dies praktisch ein zweistufiger Prozess zum Emoji-Up Ihrer Site.