Προσθέστε την υποστήριξη Emoji στον ιστότοπό σας με το Emoji CSS
Οι Emojis έχουν αναλάβει ψηφιακές συνομιλίες και αυτά τα χαριτωμένα μικρά εικονίδια γρήγορα διαπέρασαν τον πολιτισμό του Διαδικτύου με ένα κτύπημα. Είναι τώρα ένα καθημερινό κομμάτι της ζωής μας και μπορείτε να τα βρείτε παντού από τις εφαρμογές γραφείου στο WordPress.
Και αν έχετε ήθελε ποτέ έθιμο emojis στην ιστοσελίδα σας, τότε το Emoji CSS είναι η τέλεια βιβλιοθήκη για χρήση.
Αυτά τα καθαρά CSS εικονίδια είναι δημιουργούνται με εικόνες φόντου Έτσι Κάθε emoji έχει το δικό του αρχείο PNG. Αυτά τα αρχεία εικόνας είναι έτοιμο με αμφιβληστροειδή έτσι φαίνονται εξαιρετικά σε όλες τις οθόνες.
Μπορείτε επίσης να κάνετε demo αυτά τα emojis από συμπεριλαμβανομένου του πρωτογενούς αρχείου CSS στον ιστότοπό σας. Το αρχείο αναφέρει αυτο-φιλοξενούμενες εικόνες στο GitHub έτσι δεν χρειάζεται να φιλοξενείτε τίποτα σε τοπικό επίπεδο για να ξεκινήσετε.
Στην αρχική σελίδα του Emoji CSS θα βρείτε όλα τα τις κλάσεις κώδικα εικόνας μαζί με ένα απόσπασμα δείγματος επίδειξης. Μόλις προσθέσετε το αρχείο Emoji CSS στο έγγραφό σας, το μόνο που έχετε να κάνετε είναι να προσθέσετε ένα στοιχείο με το .em καθώς και οποιαδήποτε κατηγορία σχετίζεται με το συγκεκριμένο εικονίδιο που θέλετε να εμφανίσετε.
Για παράδειγμα, αυτός ο κωδικός:
θα προσθέσει τα 100 emoji απευθείας στο περιεχόμενο του ιστότοπού σας. Έχεις καλά πάνω από 200 διαφορετικά emojis για να διαλέξετε και το έργο είναι ανοιχτή πηγή έτσι είναι διαθέσιμες για ενημερώσεις.
Το καλύτερο από όλα τα μέλη της Emergency CSS είναι εξαιρετικά εύκολο στη χρήση. Μόλις κάντε κλικ σε ένα εικονίδιο και θα το κάνετε αυτόματα αντιγράψτε αυτόν τον πηγαίο κώδικα στο πρόχειρο ώστε να μπορείτε να το βάλετε ακριβώς στο HTML σας.
Θα είμαι ο πρώτος που θα παραδεχτεί ότι δεν θα επωφεληθεί κάθε ιστοσελίδα από αυτή τη βιβλιοθήκη Emoji, αλλά κοινωνικά δίκτυα και οι ιστοτόποι που υποστηρίζονται από σχόλια μπορούν να βελτιώσουν την εμπλοκή των χρηστών προσθέτοντας υποστήριξη emoji. Και με τη βιβλιοθήκη CSS του Emoji, αυτή είναι πρακτικά μια διαδικασία δύο σταδίων για την εμφάνιση του site σας.
