이번에 작업을 하나 하면서 메뉴에 facebook 로고를 넣고싶다는 욕구가 생겨 이 작업이 시작되었습니다.
플러그인이나 Theme에서 기본으로 제공하는 것도 있는지 모르겠는데 메뉴에 추가하는 거는 잘 모르겠더라구요.
그래서 검색하다가 알게 되어 공유합니다.
- https://fontawesome.com/ 사이트에서 파일을 다운로드 받습니다. (첨부파일로 올려놓은걸 사용하셔도 됩니다. 무료버전이라서 사용할수 있는게 많지는 않지만 그래도 쓸만은 한거 같아요.)
- 다운로드 받은 파일을 압축해제하여 호스팅 서버에 fontawesome 이라는 폴더를 만들어서 업로드 합니다.
- Theme의 헤더파일(header.php)에 아래의 코드를 삽입합니다.
<link rel=”stylesheet” href=”/fontawesome/css/fontawesome.min.css”>
- 워드프레스 메뉴편집기에 들어가셔서 사용하시고자 하는 메뉴의 코드에 내용을 적용합니다.
<i class=”fab fa-facebook-square”> facebook</i>
<i class=”fab fa-facebook-square”></i>
어떤분에게는 너무 쉬운 내용이실수도 있으나 이제 공부하면서 배워나가는 입장에서 알게 된 내용을 공유합니다. ^^
그럼 좋은날 되세요~