badge
Amazing Black Glossy
2010년 디자인 트랜드를 보여주는 검정 톤의 글로시한 레이아웃 PXE Obsidian을 소개합니다
고정 mid값 사용하기 조회 수 2420 추천 수 0 2010.03.19 02:21:04
PremiumXE *.125.198.221

 mid.jpg 



고정 mid값을 사용하여 회원가입 화면과 회원정보 관련 화면 전용 레이아웃으로 구성할수 있습니다. 이것이 필요한 이유는, XE의 회원가입 및 회원정보 관련 페이지는 현재 보고 있는 페이지에 사용된 레이아웃에 그대로 정보를 뿌리기 때문에 만일 레이아웃의 바탕색이 변경될 경우 원치 않는 결과가 나올수도 있기 때문입니다. 쉽게 생각하면 아래와 같습니다.


  1. 나는 배경이 흰색인 레이아웃을 사용중이다
  2. 나는 배경이 흰색에 어울리는 회원가입 폼 스킨을 사용중이다. (이 스킨은 Member 모듈에 있는 스킨을 사용하게 됩니다)
  3. 배경이 흰색인 레이아웃인 상태에서 회원가입 버튼을 누르거나 회원정보 보기 버튼을 누르면 아무 문제가 없다
  4. 그런데 내 레이아웃의 배경은 흰색이 기본이지만 대문만 검은색 바탕이다. 다른 페이지들과 좀 달라보여야 하기 때문이다
  5. 대문 페이지에서 회원가입 버튼을 눌렀더니 회원가입 폼이 이상하게 보인다 (원인은 회원가입 스킨이 흰색 배경에 어울리는 것이기 때문)


이것이 XE 레이아웃 구조에서 발생하는 문제입니다. 이 문제를 더 쉽게 이해하려면 XE 공식 사이트에서 회원가입 화면을 보면 압니다. 아래 그림과 같이 회원가입 폼이 전혀 레이아웃에 어울리지 않는 색으로 튀고 있습니다. 배경이 흰색인 페이지에서 회원가입을 해보면 크게 이상해보이지 않지만, XE 사이트의 첫 대문 화면에서 회원가입을 하면 아래 그림과 같이 언매치 상황이 나타납니다. 이것이 바로 현재 보고 있는 레이아웃에 그대로 정보를 뿌려버리기 때문입니다.



xesite.jpg



이 문제는 본래 현재의 XE 구조상 완전한 해결책을 레이아웃 스킨에서 구현할수는 없습니다. 고정 mid값 사용이라는 일종의 임시방편책을 사용해서 문제를 완화시킬수는 있지만 여기에도 사소한 문제가 조금은 있습니다. 아무튼 적어도 위와같이 레이아웃과 회원가입 폼이 너무나 안어울리는 경우를 피할수 있도록 고정 mid값 설정에 대해 알아봅니다. 이 방법은 Premiumxe.com 사이트에서도 현재 사용중입니다.






위 문제를 우회하는 이 방법은 요점은 이렇습니다. 기존에는 회원가입과 회원정보 관련 페이지를 현재 보고 있는 레이아웃에 출력하지만, mid값 고정 방법을 사용하여 미리 준비해둔 별도의 레이아웃에 출력시키도록 하는것입니다. 아래의 순서대로 샘플 레이아웃을 하나 만들어보도록 합시다. 프로세스는 다음과 같습니다.

  1. 회원가입 혹은 회원정보 관련 전용 레이아웃을 하나 등록한다
  2. 회원가입 혹은 회원정보 관련 전용 페이지(내부 페이지)를 하나 등록한다



1. 관리자 접속 > 사이트 설정 > 레이아웃 > 생성 버튼을 눌러 회원가입 전용 레이아웃을 1개 등록합니다. 원래 레이아웃은 용도별로 몇개씩 만들어 놓고 사용하는것이 좋습니다.


signup01.gif




2. 레이아웃 설정에서 아래 그림과 같이 컨텐츠 영역 컬러셋흰색으로 설정합니다.(회원가입 스킨을 흰색으로 할거라는 가정하에) 그리고 회원가입용 고정 mid값 사용signup이라고 적습니다. signup이라는 mid값은 이미 PXE Obsidian 레이아웃에 지정해둔 회원가입 전용 레이아웃의 모듈명입니다. 이 이름값이 사용되면 강제로 signup 레이아웃에서 화면을 출력시키고, 값이 없으면 예전 그대로 현재 보고 있는 페이지에 출력시키게 됩니다.


signup02.gif




3. 관리자 접속 > 서비스 관리 > 페이지 > 생성 버튼을 눌러 회원가입 전용 페이지를 1개 등록합니다.


page.gif



4. 아래 이미지와 같이 모듈명에 signup을 적어주고, 레이아웃에는 이전에 만들었던 전용 레이아웃인 PXE Obsidian 레이아웃 배포판(회원가입 전용)을 선택해 줍니다.


create_page.gif



끝입니다. 이제 PXE Obsidian 레이아웃에서 회원가입 버튼을 누르게되면 위에 등록한 페이지를 출력시키게 됩니다. 어떤 상황에서도 흰색 바탕의 회원가입 화면이 나타나는 것이죠. 이 순서 그대로 회원정보 관련 내용들을 출력하는 전용 마이페이지 레이아웃과 페이지도 등록해 보세요. 페이지 생성시 모듈명은 mypage로 하시면 됩니다.



이 방법의 문제점
이 방법의 문제는, 회원가입 버튼을 누른 후 만일 회원가입이 하기 싫어져서 화면 하단의 돌아가기 버튼을 누를때 발생합니다. 돌아가기 버튼을 누르면 바로 이전의 모듈명으로 돌아가게 되는데 이 우회방법을 쓰게되면 바로 본문부가 텅 빈 화면이 나온다는 것입니다. 바로 이전 화면을 이용자가 보고 있던 모듈이 아닌 강제 고정시킨 signup이라는 모듈로 인식을 하기 때문입니다.

만일 텅 빈 화면이 나오는것이 싫다면 signup으로 등록한 레이아웃의 본문에 무언가 디자인을 하거나 글을 남겨보세요. 그러면 텅 빈 화면이 아닌 내용이 있는 화면이 나오게 됩니다.