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

워드프레스(WordPress)메뉴 아이콘 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 클래스" 선택 ▼

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