เพิ่มการสนับสนุน Emoji ไปยังเว็บไซต์ของคุณด้วย Emoji CSS

Emojis ได้เข้าร่วมการสนทนาแบบดิจิตอลและไอคอนเล็ก ๆ น่ารักเหล่านี้จะซึมซับวัฒนธรรมอินเทอร์เน็ตอย่างรวดเร็ว ตอนนี้พวกเขาเป็นส่วนหนึ่งในชีวิตประจำวันของเราและคุณสามารถพบได้ทุกที่ตั้งแต่แอพเดสก์ท็อปไปจนถึง WordPress.

และถ้าคุณเคยต้องการ อิโมจิที่กำหนดเอง บนเว็บไซต์ของคุณ Emoji CSS เป็นห้องสมุดที่สมบูรณ์แบบที่จะใช้.

ไอคอน CSS ที่แท้จริงเหล่านี้คือ สร้างด้วยภาพพื้นหลัง ดังนั้น อีโมจิแต่ละตัวมีไฟล์ PNG ของตัวเอง. ไฟล์ภาพเหล่านี้คือ จอประสาทตาพร้อม ดังนั้นจึงดูดีบนหน้าจอทั้งหมด.

คุณสามารถสาธิตอิโมจิเหล่านี้โดย รวมถึงไฟล์ CSS ดิบลงในเว็บไซต์ของคุณ. ไฟล์อ้างอิงภาพที่โฮสต์โดยตนเองใน GitHub คุณไม่จำเป็นต้องโฮสต์อะไรในเครื่อง ที่จะเริ่มต้น.

ในหน้าแรกของ Emoji CSS คุณจะพบทั้งหมด คลาสรหัสภาพพร้อมด้วยตัวอย่างตัวอย่าง. เมื่อคุณเพิ่มไฟล์ Emoji CSS ในเอกสารของคุณสิ่งที่คุณต้องทำคือเพิ่ม องค์ประกอบด้วย .em คลาสพร้อมกับคลาสที่เกี่ยวข้องกับไอคอนเฉพาะที่คุณต้องการแสดง.

ตัวอย่างเช่นรหัสนี้:

จะเพิ่มอีโมจิ 100 รายการลงในเนื้อหาของไซต์ของคุณโดยตรง คุณมีสุขภาพดี อีโมจิต่าง ๆ กว่า 200 แบบให้เลือก และโครงการคือ โอเพ่นซอร์ส ดังนั้นมันเป็น พร้อมใช้งานสำหรับการปรับปรุง.

ที่ดีที่สุดของหน้าแรก Emoji CSS คือใช้งานง่ายสุด ๆ เพียงแค่ คลิกที่ไอคอน และคุณจะ คัดลอกซอร์สโค้ดนั้นโดยอัตโนมัติ ลงในคลิปบอร์ดเพื่อให้คุณสามารถวางลงใน HTML ของคุณได้.

ฉันจะเป็นคนแรกที่ยอมรับว่าไม่ใช่ทุกเว็บไซต์ที่จะได้รับประโยชน์จากห้องสมุด Emoji นี้ สังคมออนไลน์ และ เว็บไซต์ที่รองรับความคิดเห็นสามารถปรับปรุงการมีส่วนร่วมของผู้ใช้โดยเพิ่มการสนับสนุนอิโมจิ. และด้วยห้องสมุด Emoji CSS นี่เป็นกระบวนการสองขั้นตอนในการสร้างไซต์ของคุณ.