[쉽게적용하기] 사이트에 라이너아이콘 사용하기 정보
레이아웃 [쉽게적용하기] 사이트에 라이너아이콘 사용하기관련링크
첨부파일
본문
먼저 정중하게 태클 사양합니다. 본인한테 안맞으면 안쓰시면 됩니다.
사정에 의해 이 게시글은 언제든 삭제될 수 있습니다.
중복일 수 도 있습니다^^
그누보드5.4 NEW관리자인 아이스크림S10을 개발하면서 나온 기능입니다
단순하게 구현한 것이라서 소스가 허접합니다. 양해의 말씀드립니다^^
혹시나 필요하신 분들을 위해 올려봅니다. 고수분들과 이미 아시는 분들은 패스하세요^^
그누보드에는 기본적으로 폰트어썸4 ( Font awesome4 ) 버전이
기본적으로 적용되어있습니다.
하지만 아이콘의 성향이 다른 디자인의 아이콘이 필요했습니다.
그래서 폰트어썸과 디자인과는 다른 디자인을 추구하는 만화에 쓰일듯한 라이너아이콘을 추가하는 방법을 적용 해 보았습니다.
단순히 링크만으로 사용하실 수 있습니다
아이콘이나JS, CSS 는 라이너아이콘 공식사이트에서 링크로 제공합니다.
※ 라이너아이콘의 모든 라이브러리를 설치해서, 운영하는 사이트에서 불러오려면
※ 공식사이트에서 다운받아서 설치방법안내에 따라서 직접 설치하세요!
라이너 아이콘 공식사이트 ( free 카테고리만 무료로 사용가능합니다 )
유료버전인 PREMIUM버전은 구매해서 사용하셔야 합니다
[ 사용방법 ]
수정해서 사용 중인 파일이거나 다른 테마를 사용중이라면 해당 파일들을 학인 후 적용하세요
파일을 다운로드 받아서 압축을 풀어주세요
그누보드 5.4.15.1 버전에 최적화되어 있습니다
1) 폴더안에 theme 폴더가 있습니다.
- 해당파일들의 위치는 theme > basic > 안에 수정할 파일들이 있습니다
- head.sub.php 파일을 열어서, 94줄~101줄 을 복사해서 동일한 위치에 넣어줍니다
- basic테마에 한해 처음 사용하거나 수정한 적이 없으시면, 해당 파일을 그대로 덮어쓰셔도 됩니다
4) 사이트에 feather아이콘을 사용하려면 원하는 위치에 소스를 기재하면 됩니다.
<span class="lnr lnr-shirt"></span>
- 공식사이트인 https://linearicons.com/free 에서 진열된 아이콘을 클릭하시면, 해당 아이콘을 출력하는 소스가 나옵니다. 복사해서 사용하시면 됩니다
※ 라이너아이콘의 모든 라이브러리를 설치해서, 운영하는 사이트에서 불러오려면
※ 공식사이트에서 다운받아서 설치방법안내에 따라서 직접 설치하세요!
단순한 링크라서 그누보드 버전에 상관없이 사용하실 수 있지만,
스크립트, CSS 불러들이는 소스는 해당버전에 맞게 수정하셔서 적용하셔야 할 수도 있습니다^^
단순하게 구현한 것이라서 소스가 허접합니다. 양해의 말씀드립니다^^
(라이너아이콘 무료아이콘 디자인 확인하기)
라이너 아이콘 공식사이트
(미리보기 이미지의 아이콘 디자인이 적용된 사이트 미리보기)
라이너 아이콘이 일부 적용된 아이스크림 사이트
https://icecreamplay.cafe24.com/
(미리보기 이미지의 아이콘 디자인이 적용된 관리자모드 미리보기)
라이너 아이콘이 일부 적용된 아이스크림 사이트
http://icecreams10.creamcon.kr/adm.cream/
http://icecreamge10.creamcon.kr/adm.cream/
체험아이디 : kim 비밀번호 : 1111
(아이스크림시리즈 기능소개)
http://icecreamplay.cafe24.com/bbs/board.php?bo_table=newskil_S9
모두 건강하시고, 행복한 한 해 되시길 바라겠습니다^^
4