사용자 도구

사이트 도구


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

문서의 이전 판입니다!


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

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

리소스

1. 위치

wrap plugin 폴더의 images 폴더 밑에 note 폴더 아래에 각 사이즈 별로 다음과 같은 파일을 넣는다.

크기 Law Precedent
16
48

Wrap 문법 작성하기

1. 위치

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

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

2. 문법 추가

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

일반적인 스타일

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

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

/*____________ 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;
}
로그인하면 댓글을 남길 수 있습니다.

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