사용자 도구

사이트 도구


도쿠위키_wrap_plugin_에_커스텀_아이콘_설정하기
도쿠위키 wrap plugin 에 커스텀 아이콘 설정하기

문서의 이전 판입니다!


다음 그림과 같이 Dokuwiki Wrap Plugin에 커스텀 아이콘을 설정해 보자

법 모양 아이콘과 판례 모양 아이콘을 설정했다.

Wrap 문법 작성하기

1. 위치

Wrap 플러그인의 폴더 루트 디렉토리의 style.less 파일을 건드린다.

(root)/lib/plugins/wrap/style.less

2. 문법 추가

해당파일의 주석으로 된 부분에 “notes with icons”와 “notes with spans”를 건드린다.

일반적인 스타일

만약 “law”라는 문법을 추가하고자 하면 “wrap_”이라는 접두어 아래에 해당 키워드를 넣으면 된다.

wrap과 precedent를 추가하면 다음과 같다.

<code css> /* notes with icons */

/* general styles for all note divs */ div.wrap_info, div.wrap_important, div.wrap_alert, div.wrap_tip, div.wrap_help, div.wrap_todo, div.wrap_download, div.wrap_law, div.wrap_precedent {

  padding: 1em 1em .5em 70px;
  margin-bottom: 1.5em;
  min-height: 68px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  color: inherit;
  overflow: hidden;

} /* general styles for all note spans */ span.wrap_info, span.wrap_important, span.wrap_alert, span.wrap_tip, span.wrap_help, span.wrap_todo, span.wrap_download, span.wrap_law, span.wrap_precedent {

  padding: 0 2px 0 20px;
  min-height: 20px;
  background-position: 2px 50%;
  background-repeat: no-repeat;
  color: inherit;

} </code css>

로그인하면 댓글을 남길 수 있습니다.

도쿠위키_wrap_plugin_에_커스텀_아이콘_설정하기.1680173146.txt.gz · 마지막으로 수정됨: 2023/03/30 19:45 (바깥 편집)