문하우스의 애드온 모음집
[ V_1.5 업데이크 ] - 2018. 10. 29
1. 폰터 어썸 V 5.4.2으로 버전 UP
2. 폰터 어썸 V4 / V5 통합됨
[ V_1.4 업데이크 ]
1. Sexy Button의 button소스가 XE와의 충돌로 문제
- button_ 부분을 sbtn_으로 수정
- button- 부분을 sbtn- 으로 수정
- button_small button-red 를 sbtn_small sbtn-red 이렇게 변경해야지 Sext Button에드온이 작동함.
- Sexy Button으로 자신이 버턴을 만든적이 없으면 Pass~
[ V_1.3.1 업데이크 ]
1. 폰터 어썸 5.0.2으로 버전업후 일부 4.7.0 아이콘들 사리지는 증상을 해결(두버전 모두 포함)
[ V_1.3 업데이크 ]
1. 폰터 어썸 5.0.2으로 버전업
2. 나눔고딕도 내,외부 파일 불러오기로 구분하였습니다.
[ V_1.2 업데이크 ]
1. 폰터 어썸 4.7.0으로 버전업
2. 폰터 어썸 을 내부, 외부 둘 중에서 선택해서 불러올 수 있게 수정함
Web Fonts 애드온 1.0 에 Sexy Button을 추가했습니다.
Font Awesome Icons도 4.5.0으로 버전업 되었습니다.
"Sexy Button"은 웹폰트는 아니지만 작동기능이 비슷하고 사용목적도 비슷해서 같이 합쳤습니다.
Sexy Button은 제가 붙힌 것은 아니고 소스를 얻은 곳에서 사용된 제목입니다.
[Sexy Button 사용법]
위의 이미지에서 보이는 버턴들이 "Sexy Button"을 적용해 만든 버턴들입니다.
큰 버턴, 작은버턴, 총 7가지의 색상으로 구현할 수 있습니다.
그리고 Font Awesome Icons과 함께 사용하도록 만들어져 있습니다.
위에 다섯개가 작은버턴 5가지 색상입니다.
1. blue <a href="{getUrl}" class="sbtn_small sbtn-blue"><i class="fa fa-step-backward"></i>문구</a>
2. green <a href="{getUrl}" class="sbtn_small sbtn-green"><i class="fa fa-step-forward"></i>문구</a>
3. purple <a href="{getUrl}" class="sbtn_small sbtn-purple"><i class="fa fa-list"></i>목록</a>
4. orange <a href="{getUrl}" class="sbtn_small sbtn-orange"><i class="fa fa-pencil-square-o"></i>수정</a>
5. red <a href="{getUrl}" class="sbtn_small sbtn-red"><i class="fa fa-trash"></i>삭제</a>
아래 두개가 큰버턴 2가지 색상입니다.
6. yellow <a href="{getUrl}" class="sbtn sbtn-yellow"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a>
7. grey <a href="{getUrl}" class="sbtn"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a>
sejin7940님이 2015년에 만드신 카카오링크/카카오스토리 (sejin7940_kakao link)애드온이
최근에 카카오톡 링크 V2 API 로 업데이트 되면서 아래 문구가 뜨면서 작동이 되지를 않더군요.
" 최신 버전의 카카오톡 링크가 적용되지 않은 앱(또는 서비스)에서 공유하기를 하였습니다.
해당 앱을 업데이트 하거나 최신 버전의 카카오톡 링크를 적용하도록 앱 개발사에 요청해 주세요. "
그래서 필요에 의해서 수정하면서 올려봅니다.
이름을 그대로 사용하기가 그래서 살짝 이름 변경했습니다.
사용법은 sejin7940님의 것을 그대로 가져 왔으며,
카카오링크만 적용 했으며, PC / 스마트폰 모두 작동합니다.
새 애드온에는 불가피하게 카카오사이트에 가입하고 API 키 발급과정이 필요합니다.
1. API 키 발급방법
1) https://developers.kakao.com 에 가입
2) 앱만들기 에서, 앱 이름을 정하신 후 (큰 의미 없습니다)
3) Javascript 키 값을 기억을 해두세요 ( 애드온 설정에 기재하셔야합니다)
4) 좌측 설정->일반 을 누른후, '플랫폼 추가' 버튼을 클릭하고
웹 클릭 후 , 사이트 도메인 기재하시고 저장
<< 주의 >> 사이트도메인은 www 포함한 도메인, www 뺀 도메인 두가지 다 기재해주세요!
5) 설치된 애드온에서, mh_kakao_link 애드온 설정 누르신 후
javascript key 입력하고, 사이트 이름 입력 (카카오링크 하단에 나타날 이름입니다) 하시면 됩니다.
그 후 해당 애드온을 사용으로 체크하시면 됩니다
"https://developers.kakao.com/docs/js/kakaotalklink#스크랩-템플릿-보내기" 참고로 수정했습니다.
p.s 참고로 문서페이지와 게시판에서만 작동합니다.(위젯페이지에서는 작동 안합니다)
게시글보기 링크문구 바로가기 아이콘 출력하기 팁을 애드온으로 만들어 봤습니다.
https://moonhouse.co.kr/xetip/479253 <- 요거
애드온 설정에서 아이콘이 출력될 영역의 ID 나 Class를 지정하시면 그 부분만 아이콘이 출력됩니다.
1. 기본으로는 body 이므로 레이아웃이나 게시글, 페이지글 모든 영역에 적용이 되며
2. 스케치북5 스킨의 게시글의 본문 영역만 설정할려면 .cont
본문영역+댓글+확장영역 게시판전체를 설정할려면 .rd
3. 레이아웃의 content부분만 설정할려면 layout.html 파일을 열어서 {$content}부분을 content ID로 감싸주시고
{$content}
에드온 설정에서 #content 로 적용하시면 됩니다. 저는 이게 가장 마음에 듭니다.
탭 위젯을 생성하게 해주는 에디터 컴포넌트 - 베타 버전 시험페이지
https://xetown.com/tips/1180004