09. XE를 이용한 홈페이지 꾸미기 (5) - Home 화면에 위젯 설정하기!

|


xe로 홈페이지를 꾸미는데에 있어서 재밌는 점은 위젯을 설정할 수 있다는 점이다.

위젯은 역시 관리페이지의 쉬운설치로 쉽게 설치할 수 있다.

(쉬운설치가 지원되지 않는 위젯이나 모듈의 경우, 다운로드 페이지에 나와있는 경로에 업로드만 하면 설치가 끝난다.)

 

 

 

1. 위젯의 설정


위젯의 설정은 홈화면 우측 하단 페이지수정 을 누르면 설정할 수 있다.

(정확히 말하면 홈화면이 아니라 관리페이지에서 만든 위젯 메뉴 페이지에서 가능하다.)

 

 

1) 투씨 컨텐츠 위젯


나는 투씨 컨텐츠 위젯을 이용하여 게시판별 최신 글이 무엇인지 볼 수 있도록 하였다.

페이지수정을 누르면 우측 하단에서 위젯을 선택하여 만들 수 있다.

(만들어진 위젯 말고도 직접 html을 이용해서도 가능하다.)

 

만들고 나서 위젯에 마우스를 슬쩍 가져다 올리면 좌측 상단에 여러 메뉴가 뜨는데

톱니바퀴 모양을 누르면 위젯의 전체적인 설정이 가능하고

눈모양 버튼을 누르면 위젯 크기를 % 혹은 px 로 설정, 혹은 여백 설정 등이 가능하다.

(특별한 경우가 아니면 이 2가지 메뉴로 다 할 수 있다.)

 

 

 

2) 성경 읽기 위젯


다른 특별한 위젯이 없나 찾아보다 성경읽기 위젯을 발견해서 설치해보기로 했다.
설치해보니 참 익숙한 소스들이 나왔다. 바로 예전에 제자포스 홈페이지 작업할 때 보았던 홀리바이블 성경 검색 소스였다.

기존의 다운받은 성경읽기 위젯에는 성경 읽기밖에 안되었지만 성경 검색도 많이 유용할 것 같아
홀리바이블 사이트에서 제공해주는 소스를 바탕으로 성경 검색부분도 만들어보기로 했다.


성경 검색을 위한 메뉴나 검색창을 집어넣는 것은 어렵지 않았다.

그러나 제일 어려웠던 작업은 글을 집어 넣고 검색을 눌렀음에도 불구하고

내가 쓴 글이 깨져서 새 창으로 전달되는 것이다.

이 문제에 대해 검색해보니 검색 시 utf-8로 한글이 인코딩 된 것을 euc-kr로 변경하여 holybible 사이트로 보내줘야 했는데

내가 쓴 글을 euc-kr로 인코딩 하는 것이 안되는 것이었다.


그래도 참 뿌듯하게 어떻게 해결을 했다.ㅎㅎ

그 작업의 중간과정 및 해결법은 아래 글에 보면 나와있다.

http://www.xpressengine.com/qna/22820824

 

 

 

 

2. 모바일 페이지 위젯

 

모바일 홈페이지의 위젯 설정도 마찬가지로 진행했다.

위젯페이지 우측 하단에 보면 모바일로 볼 수 있는 버튼이 나온다.

그 버튼을 눌러 모바일 홈페이지의 화면으로 들어가 pc와 같이 페이지설정 - 위젯설정을 진행하여

원하는 대로 설정하여 사용하면 된다.

 

다만 레이어를 띄워 공지사항을 출력해주는 위젯을 사용하려 했으나

이상하게 그 공지사항만 띄워지면 메인 페이지의 그림 배너가 사라져 사용하지 않기로 했다.

 

 

 

Trackback 106 And Comment 0


08. XE를 이용한 홈페이지 관리 - 회원가입 및 로그인

|


회원에 관한 모든 관리는 홈페이지 관리에 들어가면 좌측 회원 메뉴에서 할 수 있다.

 


1. 회원 목록

 

회원 목록은 말그대로 내 홈페이지에 있는 회원들을 보여주는 곳이다.

이 곳에서 회원들을 추가 및 삭제도 할 수 있을 뿐더러 회원들의 등급 등을 조정해줄 수 있다.

다만 너무나 당연하겠지만 비밀번호를 알아낼 순 없게 되어있다.

DB에 암호화 되어 저장되기 때문이다.

 

 

 


2. 회원 설정

 

회원 설정에는 회원 관리에 대한 전반적인 설정을 할 수 있다.

기본정보/회원가입/로그인/디자인 으로 크게 4 카테고리로 나누어져있으며,

각각의 카테고리에 무엇이 있는지는 직접 눈으로 보는 것이 제일 정확하고 빠를 것이다.

나는 주로 회원가입/로그인 탭에 있는 내용들을 설정했다.

(디자인은 레이아웃만 바꿨다. 가운데 배너가 뜨지 않는 레이아웃으로.)

회원가입, 로그인, 로그아웃 후 이동할 주소를 셋팅해 주면 되겠다.

 

 

 


3. 회원 그룹

 

이 곳에서는 말 그대로 회원 그룹을 관리하는 곳이다.

회원 가입하자 마자 들어갈 기본그룹 1개는 필수로 지정이 되어있어야 한다.

 

 

 


4. 포인트

 

이 곳에는 회원들의 활동 여하에 따라 부여되는 포인트를 설정하는 곳이다.

기본 설정 및 모듈별 설정을 할 수 있고 회원들의 포인트도 내가 마음대로 줄 수 있다.

 

사실 근데 회원 관리에 대한 모든 것을 여기서만 관리하지는 않는다.

특히 회원가입 시 이메일로 인증을 시킨다던지, 보안 문자를 입력해야지만 회원가입하게 해주는 애드온들로 존재한다.

가장 유명한 애드온은 Captcha라고 할 수 있겠다. 기본적으로 깔려있는 애드온이다.

Captcha 애드온은 보안문자를 입력해야지 회원가입 및 글쓰기를 허락해준다.


이 밖에도 회원 - 회원가입 에 보면 약관이나 회원가입 양식등을 수정할 수 있는데

이러한 것들도 모듈, 혹은 애드온을 통하여 추가 관리할 수 있다.

 

 

 

 

 

테스트 하다 발견한 사실이 있다.

오류인 것 같은데.. test 계정을 하나 만들기 위해 새로 회원가입을 하는데 자꾸 에러가 났다.

여러 방면으로 테스트 해본 결과, 기존에 있는 비밀번호와 같은 비밀번호를 써서 그런 것 같다.

ID 중복 검사와 같은 스크립트가 비밀번호에도 같은 루프로 묶여있어 오류가 나는 것으로 예상된다.

 

 

Trackback 3 And Comment 0


07. XE를 이용한 홈페이지 꾸미기 (4) - 모바일 홈

|


기본적으로 XE는 모바일 홈을 지원한다.

하지만 PC버전 게시판 스타일과의 통일성을 위해 Sketchbook 의 모바일 게시판 모듈 / 스킨 을 다운받아 설정했다.

 

 

하지만 그 전에 내가 했던 것은 브라우저의 제목표시줄에 표시될 아이콘(파비콘)과

핸드폰에서 바탕화면에 바로가기 할 때 추가되는 아이콘을 만들어 올리는 작업이었다.

해당 작업은 홈페이지 관리 - 설정 - 일반 에 있다.

 


올릴 각각의 그림 파일은 페이지에 나와있는 크기대로 포토샵을 이용하여 만들었다.

아이콘은 포토샵에서 작업 후 파일 - 웹용 저장 을 눌러  ico 를 확장자로 넣어 저장하여 업로드했다.

 


기타 자세한 디자인 등에 관한 설정은 PC를 꾸밀 때와 별반 다르지 않다.

설정을 바꾸어 가며 개인적으로 꾸미는 것이 필요하다.

 


아직 나도 자세하게 꾸미는 것은 미뤄두고 있다.

여러가지 레이아웃이나 모듈들이 이미 나와있기 때문에 구지 Sketchbook 것을 고집하지 않을 예정이다.

모바일에 더 적을 내용이 있다면 아직까진(2014.08.22) 메인화면에 위젯을 꾸미는 일일텐데...

그것은 위젯 이야기를 할때 다루려고 한다.

 

 

Trackback 1 And Comment 0


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