ไดเรกทอรีบทความ
WordPressจะเพิ่มไอคอนเมนู CSS ได้อย่างไร?
ติดตั้งปลั๊กอินแบบอักษรไอคอนการนำทาง WP
สื่อใหม่คนทำSEOเป็นการเพิ่มประสิทธิภาพเว็บไซต์และปรับปรุงประสบการณ์ผู้ใช้
คุณสามารถเพิ่มแบบอักษรของไอคอนลงในเว็บไซต์ WordPress ของคุณได้ ซึ่งมีความสวยงามมากและรองรับเทมเพลตธีม WP ที่ตอบสนองการออกแบบ
แบบอักษรของไอคอนและไอคอนในรูปแบบรูปภาพขนาดเล็กจะแตกต่างกัน:
- รองรับการแสดงผลเรตินา
- สามารถไม่ จำกัดขยาย.
- ปรับแต่งรายการในเมนูการนำทางทีละรายการเป็นแบบอักษรไอคอน
สามารถดูไดอะแกรมเอฟเฟกต์เฉพาะได้เฉิน เว่ยเหลียงเมนูการนำทางบล็อก
วิธีการใช้แบบอักษรของไอคอน?
ขั้นตอนที่ 1:ติดตั้งปลั๊กอิน
- พื้นหลัง WP → ปลั๊กอิน → ติดตั้งปลั๊กอิน → ค้นหา "Font Awesome 4 Menus" ดาวน์โหลดและติดตั้งและเปิดใช้งาน
- คุณยังสามารถดาวน์โหลดโดยตรงจากเว็บไซต์ จากนั้นอัปโหลดหรือติดตั้งผ่าน FTP หลังจากอัปโหลด
ขั้นตอนที่ 2:ค้นหาไอคอนแบบอักษร
คลิกที่นี่เพื่อไปที่เว็บไซต์ทางการของ Icon Fontsเปิดเว็บไซต์อย่างเป็นทางการของแบบอักษรของไอคอนและค้นหาไอคอนที่เราต้องการ▼
- ซึ่งคุณสามารถแสดงได้เมื่อคุณคลิกที่ไอคอน
<i class =“fa fa-home”> </ i>คัดลอก ฟ้า ฟ้าโฮม. - หากชื่อไอคอนบ้านคือบ้าน เราต้องป้อนใน "เมนู CSS คลาส"
fas fa-home
ขั้นตอนที่ 3:เมนูอินพุตไอคอนแบบอักษรคลาส CSS
- พื้นหลัง WP → ลักษณะที่ปรากฏ → เมนู เข้าสู่หน้าการตั้งค่าเมนู
- เลือกและแก้ไขรายการเมนู
- ในคลาส CSS วางชื่อฟอนต์ของไอคอนที่เราเพิ่งคัดลอก (
fa fa-home) ▼
- (การทำงานของไอคอนอื่นจะเหมือนกัน)
- สุดท้ายคลิกบันทึก
注意事项
หากคุณไม่มีคลาส CSS ในแผงแก้ไขรายการเมนู คุณสามารถเปิด "ตัวเลือกการแสดงผล" ที่มุมบนขวาและในแสดงคุณสมบัติขั้นสูงของเมนู, เลือก "คลาส CSS" ▼
- แน่นอน ไลบรารีแบบอักษรของไอคอนนี้ไม่จำกัดเฉพาะในเมนูการนำทาง ตราบใดที่รหัสไอคอนที่เกี่ยวข้องถูกเพิ่มในตำแหน่งที่สอดคล้องกันของเทมเพลตธีม
หวัง Chen Weiliang บล็อก ( https://www.chenweiliang.com/ ) แชร์ "จะเพิ่มไอคอนเมนู WordPress ได้อย่างไร CSS?ติดตั้งปลั๊กอินแบบอักษรไอคอนการนำทาง WP" มันจะช่วยคุณได้
ยินดีต้อนรับสู่การแบ่งปันลิงค์ของบทความนี้:https://www.chenweiliang.com/cwl-642.html
ยินดีต้อนรับสู่ช่อง Telegram ของบล็อกของ Chen Weiliang เพื่อรับข่าวสารล่าสุด!
📚 คู่มือนี้มีคุณค่ามหาศาล 🌟 นี่เป็นโอกาสที่หายาก อย่าพลาด! ⏰⌛💨
แชร์และชอบถ้าคุณชอบ!
การแบ่งปันและไลค์ของคุณเป็นแรงจูงใจอย่างต่อเนื่องของเรา!