지난번에 이어 모듈에 대해서 알아보도록 하겠습니다.
이번시간엔 Jomsocial 기본 코어의 모듈 위치(Module Position)에 대해서 설명합니다. 내가 원하는 위치에 원하는 기능을 배치하기 위해서는 이 모듈 위치를 알아야하기 때문에 커스터마이징에 있어 굉장히 중요한 요소라고 할 수 있습니다.
지난 글타래
- 줌라(Joomla)로 페이스북과 같은 SNS 사이트 구축하기 -들어가기에 앞서-
- 줌라(Joomla)로 SNS사이트 만들기. Jomsocial 설치 방법
- [Jomsocial강좌] Jomsocial 설치후 첫번째, Cronjobs 설정하기
- 줌라(Joomla), Jomsocial 기본 커스터마이징 및 설정 (1/2)
- 줌라(Joomla), Jomsocial 기본 커스터마이징 및 설정 (2/2) 한글화작업
- Jomsocial 툴바, 카테고리 한글번역하기
- 줌라 Jomsocial 모듈이름 변경하기
Built-in Module Positions
Jomsocial(현재 4.0.9) 1.6 이후부터 줌라의 모듈을 Jomsocial의 어떤 위치에나 삽입할 수 있게 되었습니다. 모듈의 위치를 알고 내가 원하는 요소를 적재적소에 배치함으로서 보다 훌륭한 사이트로 거듭나게 될 것입니다.
Module Position Lists
모듈위치(Module Position)은 크게 3가지 클래스로 이루어져 있습니다.
- 글로벌 – 여러 다른 페이지(지정되지 않은 아무 페이지)에 보여질 수 있다.
- 특정페이지 – Jomsocial의 특정한 정확한 위치에서만 보여집니다.
- 나에게만 – 프로필 페이지에서만 사용 가능하며, 사용자의 프로필 페이지에 표시됩니다.
모듈 포지션은 설명보다는 그림으로 보시는게 좋아요(기사 하단 이미지 첨부)
Global Position
- s_side_top – 프론트페이지, 프로필, 그룹, 이벤트 페이지의 사이드바 상단에 위치함.
- js_side_bottom – s_side_top이 표시되는 같은 페이지의 사이드바 하단에 위치함.
Profile Position
프로필 페이지에서도 글로벌포지션을 사용 할 수 있습니다.
- js_profile_top – 도구 모음 및 프로필 페이지 사이에 위치.
- js_profile_mine_top – 본인 프로필 페이지에서 툴바와 프로필 페이지 사이에 위치.
- js_profile_feed_top – 프로필 페이지의 활동스트림(Activity Stream) 섹션 앞에 표시됩니다.
- js_profile_feed_bottom – 프로필 페이지의 활동 스트림 섹션 다음에 위치.
- js_profile_side_top – 프로필 페이지와 js_side_top의 뒤, 사이드 컬럼에 어떤 JomSocial 컨텐츠보다 앞에 표시.
- js_profile_mine_side_top – 로그인 사용자(본인)의 프로필 사이드 컬럼 상단에 위치.
- js_profile_mine_side_bottom – 로그인 사용자(본인)의 프로필 페이지 사이드컬럼 하단에 위치.
- js_profile_side_bottom – 프로필 페이지와 js_side_bottom 앞, 사이드 컬럼에 어떤
- JomSocial 컨텐츠보다 뒤에 위치.
- js_profile_mine_bottom – 프로필 페이지 하단에 위치하며, 로그인 사용자 본인에게만 보임.
- js_profile_bottom – 프로필 페이지의 하단에 위치.
Group Position
그룹 포지션에서도 모든 글로벌 포지션이 사용가능합니다. 여기에 2가지 포지션이 더 사용 가능합니다.
- js_groups_side_top – 그룹 페이지와 js_side_top 뒤, 사이드 컬럼에 어떤 JomSocial 컨텐츠보다 앞에 표시.
- js_groups_side_bottom – 그룹 페이지와 js_side_bottom 앞, 사이드 컬럼에 어떤 JomSocial 컨텐츠 뒤에 표시.
Event Position
모든 글로벌 포지션 뿐만 아니라 2가지가 더 추가 됩니다.
- js_events_side_top – 이벤트 페이지의 사이드 상단에 표시
- js_events_side_bottom – 이벤트 페이지의 사이드 하단에 표시
Frontpage Position
모든 글로벌 포지션이 이 페이지에서 사용할 수 있습니다. 또한, 한 번 더 위치를 사용할 수 있습니다. 지난글에서 모듈이름 변경시 보았던 화면을 떠올리시면 됩니다.
- js_side_frontpage_top – FrontPage의 상단. Jomsocial 설치후 기본값에는 Members와 Whos Online 모듈이 위치하고 있습니다.
- js_side_frontpage – FrontPage 중단. Photos, Videos 모듈이 위치하고 있습니다.
- js_side_frontpage_bottom – FrontPage 하단. Group 및 Event 모듈이 위치하고 있습니다.
No Access Page
’접근권한 없음’과 같이 사용자가 볼 수 없는 페이지
js_noaccess_top – 페이지의 상단에 표시
js_noaccess_bottom 페이지의 하단에 표시
Stacked Position
4.0.2 버전부터 지원하기 시작한 이 기능은 한 포지션에 여러개의 모듈을 탭으로 삽입할 시에 사용됩니다. 사용 가능한 포지션의 이름의 뒤에 ”_stacked”를 추가하면 됩니다.
예를들어, ’js_side_top’ 이라는 모듈위치에 또하나의 모듈을 삽입하여 아래와 같이 탭으로 표시하고자 한다면, 삽입하려는 모듈의 위치를 ’js_side_top_stacked’로 수정하면 됩니다.
Module Position 도해
위에서 뭐 아무리 글로 설명해 보는것 보다야 도표로 보는것이 훨씬 이해가 빠를거에요. (현재버전과 다를 수 있습니다.)
Front Page
Sidebar
Group
Event Position
No Access
Joomla와 Jomsocial 설치 및 구동에 애를 먹고 계시다면 설치가 쉽고 궁합이 잘맞는 A2Hosting 추천 드려요. One Click 설치 지원.