자료실 | 기타

메뉴꾸미기 (feat. fontawesome)

제이 제이 2021-06-28 22:26
6031 2 0

이번에 작업을 하나 하면서 메뉴에 facebook 로고를 넣고싶다는 욕구가 생겨 이 작업이 시작되었습니다.

 

 

플러그인이나 Theme에서 기본으로 제공하는 것도 있는지 모르겠는데 메뉴에 추가하는 거는 잘 모르겠더라구요.

그래서 검색하다가 알게 되어 공유합니다.

 

  1. https://fontawesome.com/ 사이트에서 파일을 다운로드 받습니다. (첨부파일로 올려놓은걸 사용하셔도 됩니다. 무료버전이라서 사용할수 있는게 많지는 않지만 그래도 쓸만은 한거 같아요.)
  2. 다운로드 받은 파일을 압축해제하여 호스팅 서버에 fontawesome 이라는 폴더를 만들어서 업로드 합니다.
  3. Theme의 헤더파일(header.php)에 아래의 코드를 삽입합니다.
    <link rel=”stylesheet” href=”/fontawesome/css/fontawesome.min.css”>
  4. 워드프레스 메뉴편집기에 들어가셔서 사용하시고자 하는 메뉴의 코드에 내용을 적용합니다.
    <i class=”fab fa-facebook-square”> facebook</i>
    <i class=”fab fa-facebook-square”></i>

어떤분에게는 너무 쉬운 내용이실수도 있으나 이제 공부하면서 배워나가는 입장에서 알게 된 내용을 공유합니다. ^^

그럼 좋은날 되세요~

전체 0