WordPress цэсний дүрс CSS-г хэрхэн нэмэх вэ?WP Navigation Icon Font Plugin суулгана уу

WordPress цэсний дүрс дээр CSS хэрхэн нэмэх вэ ?

WP Navigation Icon Font Plugin суулгана уу

Шинэ хэвлэл мэдээллийн мэргэжилтнүүдийн хувьд SEO нь вэбсайтуудыг оновчтой болгох, хэрэглэгчийн туршлагыг сайжруулах тухай юм.

Та WordPress вэбсайтдаа дүрсний фонт нэмэх боломжтой бөгөөд энэ нь маш үзэсгэлэнтэй бөгөөд WP загварын загваруудыг дэмждэг.

Жижиг зургийн форматтай дүрсний фонтууд болон дүрсүүд нь өөр өөр байдаг:

• Торлог бүрхэвчийг дэмжинэ.
• чаднахязгааргүйтомруулах.
• Навигацийн цэсэн дээрх зүйлсийг тус тусад нь Icon фонт болгон тохируулна уу.

Дэлгэрэнгүй дүрслэлийг Чэн Вэйлянгийн блог дээрх навигацийн цэснээс үзнэ үү.

Дүрс фонтыг хэрхэн ашиглах вэ?

Алхам 1: Залгаасыг суулгана уу

• WP дэвсгэр → Plugins → Plugins суулгах → "Font Awesome 4 цэс" гэж хайж, татаж аваад суулгаж идэвхжүүлнэ;
• Та мөн вэбсайтаас шууд татаж аваад, байршуулсны дараа FTP-ээр байршуулах эсвэл суулгах боломжтой.

Алхам 2: Дүрсний фонтуудыг олох

Дүрс фонтын албан ёсны вэбсайтыг нээгээд бидэнд хэрэгтэй дүрсийг олоорой▼

• Үүнийг та дүрс дээр дарахад харуулах боломжтой <i class =“fa fa-home”> </ i>fa fa-home хуулах.
• Хэрэв гэрийн дүрсний нэр нь гэр бол бид "Цэс CSS ангилал" руу орох хэрэгтэй. fas fa-home

Алхам 3: Цэсэнд CSS фонтын дүрсийг оруулна уу.

• WP дэвсгэр → Гадаад төрх → Цэс цэсийн тохиргооны хуудас руу орно.
• цэсийн зүйлийг сонгох, засах,
• CSS ангид бидний сая хуулсан фонтын дүрсний нэрийг буулгана уу (fa fa-home) ▼

• (Бусад дүрсүүдийн ажиллагаа ижил байна)
• Эцэст нь хадгалах товчийг дарна уу.

Урьдчилан сэргийлэх арга хэмжээ

Хэрэв та Засах цэсний самбарт CSS ангиллуудыг харахгүй байгаа бол баруун дээд буланд байрлах "Дэлгэцийн сонголтууд"-ыг нээгээд Дэлгэцийн цэсний Дэвшилтэт шинж чанарууд хэсгээс "CSS ангиллууд"-ыг сонгож болно . ▼

• Мэдээжийн хэрэг, загвар загварын харгалзах байрлалд харгалзах дүрсний кодыг нэмсэн тохиолдолд энэ дүрсний фонтын санг зөвхөн навигацийн цэсэнд ашиглахаар хязгаарлагдахгүй.