아보카도 에디션 퍼스널 / 부제목이 있는 bbs 스킨 배포

목적:
장문의 글 로그 백업에도 적절하고 블로그 포스팅처럼 쓰기에도 좋은 스킨으로 트친을 전부 갠친으로 개조하자!

보기 화면

목록 화면

아보카도 퍼스널 디폴트에서 적용한 화면

 

모바일 사파리 화면

유튜브 임베드 기능

 

대하님의 bbs 스킨에 부제목 등의 기능을 추가하고 다듬었습니다. 아보카도 에디션 퍼스널에서만 테스트를 거쳤습니다.

 

 

 

주요 기능

1. 부제목이 있음. (목록에서도~ 이전글다음글 바로가기 란에서도~ 확인 가능)

2. PC/모바일 양측 모두에서 접근하기 편한 디자인

(다만 에디터의 한계로 모바일에서는 글 작성이 어렵습니다)

(디자인 1도 모릅니다 그냥 제 편할 대로 화면구성 했다는 뜻입니다)

3. 편안한 읽기 환경: 들여쓰기 on/off 버튼, 글씨 크기 조절 버튼

(저와 친구들의 눈 건강을 위해 실제 출력 되는 폰트의 최소 크기는 16pt입니다. -보기 화면에선 글씨 크기 조절 버튼으로 당연히 줄일 수 있음- 16pt보다 작게 지정된 폰트는 10:지정된 크기=16:출력 크기 비율에 맞춰 출력됩니다.)

  * 이미지 파일과 유튜브 임베드에는 들여쓰기가 적용되지 않고, 지정한 정렬대로 출력됩니다.

  * 들여쓰기는 에디터가 아니라 출력 된 보기화면에서만 적용됩니다.

4. 댓글에 이미지 파일 최대 2개 첨부 가능. 짤로 마음을 전달해보세요 ^_^

5. 스마트에디터2를 사용하기 때문에 문단 정렬 지정, 다양한 글씨 크기, 볼드체, 이탤릭체, 밑줄 등 적용 가능합니다. 글씨 꾸미기 관련해서는 대부분 스마트에디터2의 기능이고 이탤릭체 출력만 제가 따로 추가했습니다.

6. 에디터에서 유튜브 링크를 입력하시면 보기 화면에서는 자동으로 유튜브 임베드가 적용됩니다. 링크 글씨의 정렬에 따라 임베드도 똑같이 정렬이 맞춰져요! (좌측우측중앙양쪽)

 

 

 

** 게시판 만드시기 전에! **

public_html/adm 폴더 내에 있는 sql_write.sql 파일에서

'wr_content' text NOT NULL

해당 코드를 찾아

'wr_content' longtext NOT NULL

로 바꿔준 뒤에! 새 게시판을 생성해 주세요. (더 자세한 글: 대하님의 관련 타래)

미리 설정 안 하면 공미포 2만 자 정도에서 글이 잘릴 수 있습니다.

 

 

 

다운로드

스킨+이미지.zip

0.02MB

스킨 폴더와 아이콘 이미지로 구성되어 있습니다.

사용법

① 압축 해제 후 public_html/skin/board에 purin_bbs 폴더를 째로 업로드 해주세요.

② 들여쓰기 on/off 아이콘 png 파일은 public_html/img 폴더에 넣어주세요!

③ 추천 게시판 가로 넓이는 700픽셀입니다. (관리자에서 설정) PC 가독성도 해치지 않고 작성 화면의 에디터가 찌그러지지 않는 최소 길이예요.

④ 스킨에 사용된 다양한 글씨 크기나 색상 등을 변경하고 싶을 땐 PC 크롬 기준 해당 요소 마우스 우클릭-검사-Computed에서 font-size와 color를 지정한 파일 경로를 확인하시는 방법이 수월합니다.

⑤ 본문에 첨부하는 사진 크기를 지정하고 싶을 땐 스마트에디터의 html에 들어가셔서 해당 <img ...> 태그 내부에 (보통 파일명.jpg 옆에) style="width:얼마얼마px; height:auto;">를 추가하시면 됩니다.

 

+ 부제목 기능 추가를 위해 여분 필드 wr_1을 사용했습니다. 수정이 필요하시다면 list.skin.php & view.skin.php & write.skin.php 파일들에서 wr_1 코드를 찾아 변경해 주세요.

 

 

 

혹시 이전 버전으로 다운 받아 가셨던 분은 새로 다운 받아가시길 추천드립니다! 이번에 이것저것 추가한 기능과 고친 부분이 제법 있습니다.