아미나빌더 사용자를 위한 그룹별 헤더이미지 적용하기 정보
아미나빌더 사용자를 위한 그룹별 헤더이미지 적용하기
관련링크
본문
그누보드 활성화를 위한 아미나빌더 그룹별 헤더 로고이미지 적용하기!
(그누보드를 설치해야 아미나빌더도 사용할수 있으니깐!! ^^)
안녕하세요 초보초보 왕초보 두리삼촌 입니다. ^^
이번시간에는 아미나빌더를 사용하는 사용자분들 이라면
한번쯤은 고민하셨을 그룹별 헤더 로고이미지를 적용하는 방법을 알려 드리겠습니다.
예를들어 이런거죠! 홈메인 / 갤러리 / 커뮤니티 / 영상자료실 / 회원자료실
대충 이렇게 예제 메뉴가 있다고 가정했을때
홈메인 헤더의 로고이미지 처럼 커뮤니티 그룹 메뉴를 클릭했을시 해당그룹 헤더에도 다른 로고이미지를 적용하는 방법입니다.
몇가지 적용 방법이 있는데요 그중에서 초보자 분들께서 가장 쉽게
적용할수 있는 방법으로 알려 드리겠습니다.
01. 파일질라등과 같은 FTP로 호스팅서버에 접속합니다.
02. ../thema/basic 요 basic 폴더를 내려받으세요
(꼭 베이직이 아니여도 됩니다. 현위치에 별도구입한 테마도 가능)
03. 내려받은 basic 폴더를 원하시는 이름으로 변경 해주세요
(예: community)
04. community 폴더의 colorset/basic/colorset.css 스타일시트 파일을
에디트 플러스등과 같은 프로그램으로 열어주세요
05. 찾기(검색)기능으로 다음과 같은 검색어로 검색 합니다.
PC Header
해당 부분의 두줄 아래를 보시면 헤더이미지 경로가 입력된 부분이 있습니다.
이부분을 커뮤니티 헤더에 새롭게 적용할 이미지 명으로 바꿔주세요
(예: 그누보드가 설치된 최상위 경로 logo 폴더에 이미지가 저장되 있다면
../../../../logo/logotitle.png 처럼 커뮤니티 헤더 이미지명으로 바꿔주시면 됩니다.)
06. 다음은 모바일 커뮤니티 헤더이미지 적용입니다. 모바일의 헤더로고 이미지는
테마폴더내에 있는 head.php (여기서는 위 예제의 ../thema/
community 폴더내에 있는 head.php)를 에디터등으로
head.php 파일을 불러옵니다.
마찬가지로 에디터의 찾기(검색) 기능으로 다음과 같이 입력해서 찾아줍니다.
Mobile Logo
위처럼 검색하면 결과값 두번째줄 아래에 보시면 모바일 이미지 저장 경로가 있습니다.
해당부분의 경로를 커뮤니티 헤더에 출력될 이미지 명으로 고쳐주세요
(참고: 나중에 모바일용 헤더 로고이미지 만드실때 로고에 글자가 들어갈경우
대따크게!! 써주셔야해용!) 다하셨으면 저장 꼭 잊지마시고!
../thema/basic 폴더가 위치한 경로로 community 폴더를 업로드 해주세요
(만약 다른그룹도 위처럼 적용하고 싶을경우 똑같이 해주시면 됩니다.)
마지막으로 홈페이지 접속후 관리 클릭후
왼쪽 아래 두번째 클릭(테마관리 메뉴)
테마관리 - 메뉴설정 - 적용할 그룹(해당그룹 서브메뉴설정줄...) - 설정하기 클릭
PC 그룹 스킨 선택후 그룹 선택 / 모바일 그룹 스킨도 똑같이
다음 아래쪽 보시면 테마선택 하는곳이 있습니다.
PC 그룹 테마 / 모바일 그룹 테마 (예제에선 community) 선택하신후 오른쪽 상단 확인.
(PC와 모바일 그룹스킨을 적용할경우 반드시 와일드 스타일 적용에 체크해주세요. 만약 공지나 게시판등 그룹메인이 없는경우 와이드 스타일 적용에 체크하면 안됩니다.)
적용 결과 확인 (PC접속 권장)
https://sunday.iwinv.net/bbs/main.php?gid=gr_002 // 커뮤니티
https://sunday.iwinv.net/bbs/main.php?gid=gr_004 // 영상자료실
제홈페이지처럼 게시판 공지등에도 그룹 로고이미지를 다르게 적용하고 싶으시면
공지가 있는 그룹명 게시판이 있는 그룹명에는 관리자메뉴 위 테마설정 - 설정하기에서
적용할 그룹 선택하는곳을 사용안함으로 그냥두시면됩니다.
그리고 앞서 community 폴더처럼 테마폴더명을 notice라던지 board 이름으로 각각
폴더이름 변경해서 업로드 해주시면 간단히 해결됩니다.
물론 다하신후 테마설정 - 설정하기...에서 PC그룹스킨 / 모바일 그룹스킨은
사용안함으로! 아래쪽 PC 테마 스킨 / 모바일 테마 스킨은
위 notice, board 등과같이 적용해 주셔야 합니다.
07. 로고이미지를 어디서 어떻게 만들어야 할지 모르는분들이 은근 많이 계시더라고요
그런분들을 위해 알려드려요! 구글에서 캔바 검색해서 거기서 만드시면되고
캔바에서 로고이미지 다만들고 오른쪽위에 보시면 공유 있어요 거기누르면 아래쪽에 만드신 로고를 png 파일로 다운로드 가능합니다. 다운받은 로고이미지 크기는 저같은경우 그림판을 이용하는데요
그림판에 쬐그만 사각버튼 클릭하시면 로고이미지 크기조정 가능해요 ....참고하시고요
(그룹스킨을 어떻게 만들어야할지 모르는분 --> https://sir.kr/g5_tip/23564 )
적용한 모습은 제홈페이지에서 확인해 보시구욤 ^^
아미나빌더 특성상 모바일버전에서 PC버전을 보더라도 메뉴바 색상까진 나오지 않으니
그부분 참고해서 가급적 PC버전은 PC에서 확인해 주셔야 합니다.
저도 오래전에 그런생각을 했었거든요... 그룹 메뉴에도 헤더 로고이미지를 그룹마다
다르게 보여주면 참좋겠다...메뉴바 색상도 동일한게 아니라 그룹별로 색상 다르게 나왔으면 좋겠다...
저처럼 그렇게 고민하는 우리 냑! 회윈님들이 그런고민을 덜었으면 하는 바램으로 몇자 적어봤습니다.
사실 아미나빌더나 이윰 에티등 테마의 공통이 그누보드가 먼저 설치되야 하는만큼
그누보드 활성화에도 분명 도움이 되지 않을까 싶습니다. ^^
모두 건강하시고요 새해 복 많이 받으세요 ^^
부족한글 끝까지 봐주셔서 감사합니다 ^^
3
댓글 8개

'아미나빌더' 강사로 모십니다.

으악!! 또 오짐님이닷 ㅋㅋㅋㅋ
저처럼 고생하시는 분들이 너무많더라고요 ㅎㅎ
사실저도 그냥 고수님들께 매번 도움만 받는입장이구 ㅠㅠ
저처럼 초보자분들 눈높이에 맞춰서 쓴다고 써봣는데...ㅠㅠ
같은고민을 가지고 계신분들께 조금이나마 도움이 되었으면 해서요 ㅎㅎ
오짐님 늘 감사합니다 그누회사 올한해도 열심히 와다다다!!
화이팅 하시길 바랄께요 ^^

아직도 아미나를 사용하는 입장에서
퍼가겠습니다^^

@미키손 막 퍼가세용!! 널리널리 알려주세요! 감사합니당^^ ㅎㅎ
감사합니다

@dnjsdud1581
1581님께 도움이 되셨다니
다행입니다!
새해 복 많이 받으세요 ^^

안녕하세요. 나리야빌더를 쓰고 있는데, 도움이 많이 될것 같네요. 시도를 해보겠습니다. 감사합니다.

@nerosky
아이고 이제서야 확인했네요 ^^
도움되시길 바랍니다 좋은하루 되세요 ^^