<aside> ❗ 텍스트 서식을 쉽게 확인하기 위한 창을 만듭니다. — A. 텍스트 서식 적용하기 B. 텍꾸 버튼 적용하기 __ 들어가기 전에… 파일의 경로는 폴더/파일명.확장자 로 작성합니다. (ex. js/_custom.js → js 폴더 안에 있는 _custom.js 파일을 의미)

</aside>

텍스트 서식 [① 팝업창 ② 버튼] 적용하기

1. 텍스트 서식 적용하기

📢 아래 링크에 있는 텍스트 서식들이 적용되어 있어야 → 팝업창에도 적용이 됩니다.

<aside> ❗ 안에 기본으로 가이드가 포함되어 있는 텍스트 서식은 다음과 같습니다. —

1. 지비 님이 배포하신 텍스트 서식 모음 [LINK]
2. 비제 님이 배포하신 치환자 [LINK]
3. 바질 님이 배포하신 블러 코드[LINK]를 매복사랑니 님이 수정 배포하신 블러 기능 [LINK]

</aside>

🛠 서식 적용이 안 되거나 오류가 나는 경우

• 만약 텍스트 서식 [소제6], [소제7]이 홈페이지에 적용이 안 된다면
• [아보카도 에디션: 라이트]에 치환자 적용하기
• 참고

2. 텍꾸 팝업창 적용하기

✅ 각 게시판에 개별적으로 버튼 만들기

✔ 퍼스널/라이트 공통

1. 포스타입에 올린 [텍꾸팝업창.zip]을 다운받아 압축 해제.

2. 텍꾸 버튼을 적용하려는 스킨 폴더 안에 txtggu 폴더를 통째로 업로드.

   <aside> ❗ 주의 (오류가 난다면/적용이 안 된다면 ▼)

   txtggu 폴더를 업로드할 때 → 압축해제하면서 ‘txtggu/txtggu/파일들’ 형식처럼 폴더가 하나 더 생성되지는 않았는지 확인해 줍시다. ‘txtggu/파일들’ 구조가 옳은 상태.

   </aside>

   ---

3. 버튼 연결하기 (✔ 해당하는 환경의 적용법을 따르기)

   • 아보카도 에디션 : 라이트
   • 아보카도 에디션 : 퍼스널

4. 텍꾸 추가 및 커스텀하기

   • 텍스트 서식을 추가로 커스텀해서 사용한다면 txtggu/index.php 파일을 수정. 사용하지 않는 서식을 삭제하는 것도 여기서 합니다.
   • 팝업창에서 각 타이틀 부분에 적용된 색을 바꾸고 싶다면 txtggu/style.css 파일에서 .txt-ti 의 background 색상 수정.
   • 나머지는 개인 취향에 따라…

5. 만약 텍꾸 버튼을 눌렀는데 새 창으로 뜨지 않는다면!

   • 솔루션