06. XE를 이용한 홈페이지 꾸미기 (3) - 게시판

|


※ 관리 페이지 왼쪽 하단에 설정 - FTP 설정을 해놓으면 고급 - 쉬운설치 를 이용하여 다양한 기능들을 홈페이지에 추가할 수 있다.

    FTP의 호스트 네임은 localhost 혹은 127.0.0.1 을, ID/PW 는 FTP 생성 시 설정한 윈도우 계정의 ID/PW 이다.

 

 

 

1. 게시판 모듈 설치 및 설정


쉬운설치를 통해 내가 가장 먼저 설치한 것은 다양한 게시판 모듈들이다.

다운로드 순으로 검색해서 sejin 것과 sketchbook, 이 2가지의 게시판 모듈을 다운받아 사용해봤는데
sejin 것은 글 쓴 뒤에 오류가 나기도 하고 sketchbook 의 웹진형 게시판이 마음에 들어서 sketchbook 의 게시판 모듈을 다운 받아 사용중이다.

(최근엔 sketchbook이 업데이트 되어 해당 게시판에 가면 왼쪽에 관리할 수 있는 슬라이드바가 생겨서 설정하기 편해졌다.)

나는 원래 의도대로 블로그와 일상에 웹진형을 설정하고는 깔끔함을 주고자
게시판 목록 위쪽에 있는 모든 버튼들은 모두 없애기로 했다. (쓰기, 뷰어로 보기, 검색 등의 버튼. 게시판 설정 - 스킨 설정에 가면 있다.)
 
관리자 아이디다 보니 설정 / 게시글 관리 버튼은 어쩔 수 없이 남게 됬는데 그건 나만 보는 거니 어쩔 수 없다 치기로 했다.

또한 옆에 사이드 네이게이션 바가 있었는데 그것도 설정을 통해 없앴다. (목록 일반 탭)


설정을 이리저리 바꿔보며 디자인을 결정하고 한 일은 게시판의 권한 설정이다.

(원랜 게시판 모듈 설치 - 주메뉴 구성 - 회원관리 로 해야하지만... 이 순서는 최종 마스터 버전이고 나는 내가 진행한 순서대로 기술하였다.

주메뉴 구성하다가 게시판 모듈도 다운받아 보고.. 회원관리도 중간중간 하고. 나는 좀 뒤죽박죽으로 했다..ㅎㅎ)
   
권한 설정에 관한 부분은 이전 글에 있으니 패스!
    

 

 

 

2. 글꼴

 

맨 처음 시도했던 것은 글꼴이다.


게시판 글을 읽을 때 어떤 글꼴이 가독성이 좋은가? 도 많이 검색해봤는데

결국 내 눈에 가장 이쁜건 기본 글꼴인 Arial 었다.

홈페이지 관리 메뉴 - 좌측 하단 메뉴 열어보면 에디터 부분이 있는데

그곳에서 에디터의 기본 글꼴 및 폰트 크기를 설정할 수 있다.

나의 기본 에디터 글꼴은 Arial, 폰트 사이즈는 14이다. (줄간격도 200%로 초기화 하고 싶은데 그 메뉴는 없었다.)


에디터 관련 php나 html에 아래처럼 추가를 했는데 어디에 했는지 정확히는 기억이 나지 않는다.

   
<item name="NanumGothic">
<value xml:lang="ko"><![CDATA[나눔고딕, NG, sans-serif]]></value>
<value xml:lang="en"><![CDATA[나눔고딕, NG, sans-serif]]></value>
</item>
<item name="Malgun Gothic">
<value xml:lang="ko"><![CDATA[맑은 고딕, MG, sans-serif]]></value>
<value xml:lang="en"><![CDATA[맑은 고딕, MG, sans-serif]]></value>
</item>
   


 
/*   2014-08-20 추가

 
3. 방명록 게시판 추가 및 오류 해결

방명록에 글을 쓰고등록 눌러도 방명록 글 안나오는 문제가 있었는데 아래의 링크를 참조하여 해결하였다.
https://github.com/xpressengine/xe-module-guestbook/commit/e4c7fc890061f7cd3e6684af00caeda721d99368

 

다른 게시판들은 다 한글인데 방명록 게시판만 영어로 되어있어서 html 파일 수정하여 영어로 되어있는 부분을 한글로 바꾸었다.

/modules/guestbook/skins/xe_guestbook_official    에 있는 html 파일들이다.

 

 

 


4. Gallery 게시판 추가

 

내 나름대로 공유할 사진들을 업로드 하기 위해 Gallery 게시판을 하나 추가하였다.

헌데 사진이라는 것이 지극히 개인적인 것이기 때문에 썸네일을 볼 수 있는 접근 권한 자체를 정회원으로 줬다.

그래서 정회원이 아닌 이상 Gallery  게시판은 위 메뉴에서 볼 수도 없게 되었다.

사진을 올렸는데 썸네일이 너무 작아 사이즈를 좀 더 키웠다.                                                                                */

 

 

 

Trackback 52 And Comment 0


USB로 듀얼모니터 구현! - [WAVLINK] 위브텍 UG39DH1 (USB3.0 to HDMI, DVI-I 컨버터/2port)

|


내가 직접 사용하진 않지만 다뤄본 물건이 있어 리뷰를 하게 되었다.

이 물건의 정체는 바로 [WAVLINK] 위브텍 UG39DH1 (USB3.0 to HDMI, DVI-I 컨버터/2port)  이다.

(http://www.compuzone.co.kr/product/product_detail.htm?ProductNo=258507&BigDivNo=12&MediumDivNo=1139&DivNo=2659)

 

 

(요렇게 생긴 물건. 사진출처 : 컴퓨존)

 

 


보아하니 USB를 컴퓨터나 노트북에 연결하여 모니터 2개(DIV, HDMI)를 추가로 쓸 수 있게 해주는 것은 물론이고

기가비트 이더넷 카드를 지원해준다.

 


옆에 쓰고 있는 것을 보니 꽤나 쓰고 싶다.

노트북 디스플레이 단자에 모니터 1개 연결하고, 위 제품으로 2개를 더 연결하여 무려 3개의 화면으로 쓰고있다.

LG 울트라북 gram 노트북 중에서도 최상위 버전 + 모니터 3개.. 부럽다..ㅎㅎ

 


헌데 디스플레이 연결 선에 따라, 또한 모니터와의 궁합에 따라 해상도가 결정나는 듯하다.

다른 분은 이상하게 같은 모니터임에도 불구하고 1대에서는 해상도가 덜 지원된다.

또한 HDMI로 연결한 모니터는 해상도가 떨어지는 것 같다.

기계에서 해상도를 지원해주지 않는 것인지,, HDMI 케이블 버전이 낮은 것인지 여부는 제품이 내것이 아니라 테스트는 못해봤다.

여튼 나도 나중에 넓은 컴터책상을 쓸 수 있는 공간이 생기면 위 제품, 혹은 더 좋게 나온 제품 구매해서 사용해보고 싶다.


 

 

 

(실제 사용 예)

 

 

Trackback 0 And Comment 0


05. XE를 이용한 홈페이지 꾸미기 (2) - 회원관리

|


내가 홈페이지를 통해서 하려고 하는 것은 아래의 것들이다.
 

 

1. 지금 하고 있는 것들에 대한 기록

2. 내 나름대로의 리뷰들

3. 일상을 적는 일기,
4. 일부 특정 친구들과 나눌 페이지.

 


 
회원 그룹은 관리 페이지 - 회원 그룹 에서 가능한데
2014.08.20 기준으로 준회원(가입시 부여받는 권한), 예그린, 정회원, 관리자 이렇게 4개의 그룹으로 그룹을 나누었다.

그룹을 나눈 뒤에는 게시판별로 권한을 다르게 주기로 했다.

 

게시판 권한 설정을 주는 곳은 여러 곳에 있는데 가장 편한 곳은 역시나 관리페이지이다.

사이트 제작/편집 - 사이트 메뉴 편집에 해당 게시판을 클릭하여 권한을 누르면 상세한 권한 설정이 가능하다.

권한 설정을 할 수 있는 세부 메뉴로는 메뉴 노출 대상, 접근 권한, 목록, 열람, 글 작성, 댓글 작성, 관리 권한 이다.

(관리페이지 말고도 해당 게시판 페이지에 있는 설정 - 권한 관리 에서도 할 수 있다.)

 

 

Trackback 4 And Comment 0


prev | 1 | ··· | 57 | 58 | 59 | 60 | 61 | 62 | next