WordPress 메뉴 아이콘 CSS를 추가하는 방법은 무엇입니까?WP 탐색 아이콘 글꼴 플러그인 설치

워드프레스 메뉴 아이콘 에 CSS를 추가하는 방법은 무엇인가요 ?

WP 탐색 아이콘 글꼴 플러그인 설치

뉴미디어 전문가 에게 SEO는 웹사이트를 최적화하고 사용자 경험을 개선하는 것을 의미합니다.

매우 아름답고 반응형 디자인 WP 테마 템플릿을 지원하는 아이콘 글꼴을 WordPress 웹사이트에 추가할 수 있습니다.

작은 이미지 형식의 아이콘 글꼴과 아이콘은 다릅니다.

• 레티나 디스플레이를 지원합니다.
• 할 수있다无限크게 하다.
• 탐색 메뉴의 항목을 아이콘 글꼴로 개별적으로 개인화하십시오.

자세한 렌더링 이미지는 천웨이량 블로그 의 메뉴를 참조하십시오 .

아이콘 글꼴은 어떻게 사용하나요?

1단계: 플러그인을 설치합니다.

• WP 배경 → 플러그인 → 플러그인 설치 → "Font Awesome 4 메뉴"를 검색하고 다운로드하여 설치하고 활성화합니다.
• 웹 사이트에서 직접 다운로드한 다음 업로드한 후 FTP를 통해 업로드하거나 설치할 수도 있습니다.

2단계: 아이콘 글꼴 찾기

아이콘 글꼴의 공식 웹 사이트를 열고 필요한 아이콘을 찾으십시오 ▼

• 아이콘을 클릭할 때 표시할 수 있는 <i class =“fa fa-home”> </ i>복사 fa fa-home.
• 홈 아이콘 이름이 home이면 "메뉴 CSS 클래스"에 입력해야 합니다. fas fa-home

3단계: 메뉴에서 CSS 글꼴 아이콘을 클릭합니다.

• WP 배경 → 외모 → 메뉴, 메뉴 설정 페이지로 들어갑니다.
• 메뉴 항목을 선택하고 편집하고,
• CSS 클래스에서 방금 복사한 아이콘 글꼴 이름을 붙여넣습니다(fa fa-home) ▼

• (다른 아이콘의 동작은 동일)
• 마지막으로 저장을 클릭합니다.

주의 사항

편집 메뉴 패널에 CSS 클래스가 보이지 않으면 오른쪽 상단의 "표시 옵션"을 열고 표시 메뉴의 고급 속성 섹션 에서 "CSS 클래스"를 선택하세요 . ▼

• 물론, 이 아이콘 글꼴 라이브러리는 해당 아이콘 코드가 테마 템플릿의 해당 위치에 추가되기만 하면 탐색 메뉴에서 사용하는 것으로 제한되지 않습니다.