Skip to content

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제

전 글에서 필요한 모듈이나 모듈스킨등을 쉬운설치를 통해서 설치하고 


게시판을 생성한뒤 사이트맵에서 게시판과 메뉴를 연결하는 과정까지 했다.


이제 레이아웃이다.


저번까지의 과정에서 게시판에 레이아웃을 지정해주지 않아서 게시판만 보이고 우리가 만든 메뉴같은 것들은 보이지 않았다.


이제 게시판을 감싸는 주변부분인 레이아웃을 설정할것이다.


먼저sds.jpg

관리자 페이지 확장기능 -  설치된레이아웃 이나 오른쪽 즐겨찾기에서 레이아웃을 선택한다.


앞서 말했지만 설치된 모듈에 가면 각 모듈이름 앞에 별표가 있는데 거기에 체크를 하면 즐겨찾기에 추가가 되어 쉽게 


필요한 모듈에 접근할수 있다.


설치된 레이아웃에 보면 아마 테스트레이아웃과 xe공식 사이트레이아웃 정도만 설치가 되어 있을 것이다.


우리는 지난 시간에 다이나믹 레이아웃을 설치했으니 밑줄친 다이나믹 레이아웃이 있겠지.


암튼 다이나믹을 클릭하면



vvcvcv.jpg



이런 페이지가 보인다.  추가 클릭




 sdfss.jpg

         




                                                                                






 제목은 나중에 분별하기 쉽게 암거나 정하고











상단메뉴만 일단 지정하자 

전시간에 만들었던 welcome menu가 있을 것이다.







                  


그리고 추가







야... 레이아웃 설정이 끝났다?  아쉽지만 아니다. 


dfdfadf.jpg


이제 레이아웃이 하나 생기긴 했다. 설정은 이제부터 


레이아웃 설정을 클릭한다.


레이아웃설정을 설명하기 전에 


간단하게 하나만 보고 넘어가자각부설명.jpg



다이나믹 레이아웃의 기본적인 모습이다.


레이아웃 설정에 보면 로고등록, 카피라이트, 로그인아이콘 등록등 다양한 설정사항이 있는데 그 부분들은 위에 있는 것처럼 각부분에 해당한다.


붉은 글씨는 레이아웃 설정에 있는 설정사항에 제목들이다. 각 설정사항들이 어떤 위치에 어떤 모습으로 적용되는지 위그림을 한번도 봐주길 바란다.


그리고 간단한 사항은 굳이 자세히 설명하지 않고  윗그림으로 대체한다.




자 이제 정말 하나씩 살펴보자.



기본설정.jpg 

                                               

  기본설정에서 젤처음 나오는 것은      

레이아웃 형태 

서브1단과 2단의 차이점은 아래에



컬러셋은 처음 블루로 설정되어 있는데 아래 메뉴나 윗그림에

하단의 색이라고생각하면 될듯 

큰메뉴.jpg 작은메뉴.jpg 


위쪽이 메인메뉴 스타일에 큰메뉴 아래쪽이 작은 메뉴에 해당한다.


배경이미지는 위에 각부분 설명에서 바닥판모양에 해당하고


푸터로고와 카피라이트도 위 그림에서 참고하면 이해가 될듯





서버1단.jpg서브2단.jpg



위에 보이는 것이 서브 1단 이고                                 이게 왼쪽에 서브메뉴나 위젯을 넣을 공간이 있는것이 서브2단






2로고설정.jpg 

두번째로 보이는 부분이 로고설정이다.




파일선택을 클릭해서 자신이 만든 로고를 선택하고 등록을 클릭하면 됨





로고의 위치를 잡아 좌야 하는데 일단 20정도 넣어준뒤에 저장하고

홈피에서 어디쯤 출력되는지 확인후 수정하도록 한다.






로고 url은 위에 로고를 클릭시 보여줄 주소로 일반적으로 홈피주소를

넣어주면 되겠지



 검색창을 안보이게 할수도 있다. 검색창은 위에 각부 설명페이지에

상단 우측에 있는 것이지.





3배너이미지첨부.jpg  

다이나믹 레이아웃에선 슬라이드 배너를 지원한다. 그래서 간단하게 이미지만 등록하면 

사용가능하다.

캡쳐를 조금 실수한듯 한데. 옆에 나온 설정사항 조금 위에 메인배너를 사용할건지 

안할건지 설정해주는 사항이 있는데 거기서 메인슬라이드 배너를 선택


나머지는 간단하다.


파일을 선택하고 등록 이과정을 반복해주면 된다.

여기서는 3개까지 등록이 가능하고


각 이미지마다 링크를 걸수 있다. 링크를 원지 않으면 #을 넣어주면 된다.


배너 클릭시 새창인지 현재창에 열건지 정해줄수도 있고



alt값을 넣어서 배너에 마우스 오버시 텍스트로 간단한 설명을 보여줄수도 있다.



정지이미지 등록을 사용해서 배너가 아니라 하나의 이미지만 보여줄수도 있는듯










4서브레이아웃.jpg  

서브레이아웃설정은 레이아웃 형태를 설정할때 서브2단으로 설정한경우에 

해당하는 내용으로 메뉴아래 게시판 왼쪽에 들어갈 내용들을 설정하는 

것인데.....




위젯을 넣을수 있다. 근데 이건 다음에 위젯등록하는 부분에서 따로 하겠다.






다만 참고로 한가지 말하면


다이나믹 레이아웃은 위젯코드를 직접 넣는 형식인데


레이아웃에 따라서  module_srl 값  만 ?입력하란 레이아웃도 있다


이건 레이아웃 자체에서 이미 위젯설정까지 되어 있으니 위젯에서 


가져올 게시판만 지정하라는 것이다.


여기에는 확장기능 - 설치된모듈 - 게시판에 보면


각 게시판 마다 설정이란 것이 있는데 거기에 마우스를 올리면


인터넷창 아래쪽 module_srl=233  이런식으로 숫자가 나오는데


이 숫자만 입력하면 된다.




module_srl을 말했는데 어떤 레이아웃 같은 경우는 이값을 입력해도 에레 메세지가 뜨는 경우가 있다. 


그건 레이아웃에서 제공하는 위젯이 설치가 안되었기때문인 경우가 많다.


해당레이아웃에 설명을 보면 잘 나와있으니 참고하길.



5로그인및 메뉴.jpg  


이제 마지막이다. 로그인 콘등록 역시

위에 각부설명을 보면 이해가 될거다.


현재 동그라미로 되어 있는 것들을 자신이 만든

아이콘으로 대체 하는 것으로 안해도 상관은 없다.

















메뉴는 사이트맵에서 만든 메뉴를 지정해주는 것으로

상,중, 하단에 각기 다른 메뉴를 넣을수도 있다.






레이아웃 일괄적용을 사용하면

 한번에 여러개의 모듈에 지금 만든 레이아웃을 한번에 

적용할수있다. 



레이아웃 일관적용을 사용할수도 있고

사이트맵에서 메뉴설정에서 레이아웃을 지정해줄수도 있고

각 게시판 설정에서 역시 설정해줄수도 있다.


여기까지 해서 레이아웃 설정을 끝낼까 한다.


마지막으로 말하고 싶은 것은


레이아웃 설정은 각각의 레이아웃마다 조금씩 다르다.


많이 다를수도 있다.


하지만 기본적으로는 상단 서브, 하단, 메뉴 이런식으로 이뤄지고


거의 대부분은 어려운 용어없이 직관적으로 이해할수 있게 되어 있고


이해가 안되는 부분은 직접 설정해서 차이점을 보면 금방 이해가 될것이다.




하나만 더....



설치된 레이아웃에서 레이아웃이름을 클릭하고 보면


레이아웃 설정이 있고 레이아웃 편집이 있다.


자신이 css와 html을 어느정도 할줄 안다면


레이아웃편집에 들어가서 html 내용을 직접 수정해서 사용할수도 있을 것이다.



css는 자신이 없고 나모나 드림위버는 가능하다면


나모나 드림위버를 이용해서 레이아웃을(메뉴나 로고,하단등 제로보드의 헤드와 풋) 만든 다음 


해당소스를


설치된 레이아웃에서 테스트 레이아웃  레이아웃편집에 들어가서 html 내용을 다 지우고 자신이 만든 소스를 넣어준다.


이때 게시판등이 들어갈 부분에 


<div style="overflow:hidden;float: left; width:700px; ">

{$content} </div>


이런식으로 {$content}를 넣어준다.


레이아웃을 레이어로 만들었다면 굳이 {$content}를 div로 한번더 감싸줄 필요는 없지만


테이블로 만들었다면 레이어로 한번 감싸주는 것이 좋다.


그렇지 않음 게시판의 목록에선 제대로 보이는데


만약 게시물 내용에 게시판 크기보다 더 큰 이미지가 들어가 있다면


왠지 리사이즈가 안되서 전체가 틀어져 버리는 현상이 생기기 때문이다.






자 이제 거의 다 왔다.


두개정도만 더 하면 될거 같다.


하나는 계속 미뤄덨던 페이지와 위젯 설정 


다른 하나는 게시판 설정


위젯설정은 한두번만 해보면 별거 아니고


게시판 설정 역시 어려운것은 아니나


레이아웃 설정처럼 엄청나게 많은 설정이 있어 좀 길어질수도 있을듯 하다.





  1. 데모사이트 관련

    Date2013.05.07 Categoryxe레이아웃 Bygsm Views8704
    read more
  2. XE 버젼 업에 따른 관리자 페이지 변경

    Date2013.04.28 CategoryXE 홈피 Bygsm Views9354
    read more
  3. 원격 프로그램 팀뷰어

    Date2012.12.13 Category기타팁 Bygsm Views9378
    read more
  4. 초보자들을 위한 홈피만들기에 개념?

    Date2012.10.16 Category기타팁 Bygsm Views9967
    read more
  5. xe 설치과정입니다.

    Date2012.10.05 CategoryXE 홈피 Bygsm Views10107
    read more
  6. 무료웹폰트

    Date2013.06.13 Category기타팁 Bygsm Views1447
    Read More
  7. 무료 웹호스팅

    Date2013.06.13 Category기타팁 Bygsm Views1503
    Read More
  8. 유튜브 음성만 보이게

    Date2013.06.10 Category기타팁 Bygsm Views1589
    Read More
  9. 내 홈피의 글을 네이버에 노출시키자 네이버 Syndication API

    Date2013.05.01 CategoryXE 홈피 Bygsm Views1956
    Read More
  10. bgm 플레이어

    Date2013.01.27 CategoryXE 홈피 Bygsm Views4673
    Read More
  11. 미니홈피 스킨으로 xe

    Date2013.01.11 CategoryXE 홈피 Bygsm Views1870
    Read More
  12. 유튜브 자동시작, 자동재생

    Date2012.12.18 Category기타팁 Bygsm Views2450
    Read More
  13. 프레임과 기본태그

    Date2012.12.13 Category기타팁 Bygsm Views1383
    Read More
  14. 새글, 댓글 알림을 스마트 폰으로

    Date2012.12.13 CategoryXE 홈피 Bygsm Views1841
    Read More
  15. xe로 홈피만들기 실전6 - 애드온과 에디터

    Date2012.11.30 CategoryXE 홈피 Bygsm Views1899
    Read More
  16. xe로 홈피만들기 실전5 - 게시판설정(2)

    Date2012.11.28 CategoryXE 홈피 Bygsm Views2047
    Read More
  17. 예전에 한때 사용했던 홈피 소스랑 이미지

    Date2012.11.28 Category연습용 Bygsm Views1641
    Read More
  18. 제로보드 관리자 비번 초기화

    Date2012.11.27 Category제로보드4 Bygsm Views1839
    Read More
  19. 엑소버드 제로보드 연동

    Date2008.03.10 Category제로보드4 Bycs Views2452
    Read More
  20. xe로 홈피만들기 실전5 - 게시판설정(1)

    Date2012.11.26 CategoryXE 홈피 Bygsm Views2640
    Read More
  21. xe로 홈피만들기 실전4 -페이지와 위젯설정

    Date2012.11.19 CategoryXE 홈피 Bygsm Views2342
    Read More
  22. xe로 홈피만들기 실전3 - 레이아웃설정

    Date2012.11.18 CategoryXE 홈피 Bygsm Views1880
    Read More
  23. xe로 홈피만들기 실전2 - 게시판과 사이트맵

    Date2012.11.13 CategoryXE 홈피 Bygsm Views2406
    Read More
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6

Recent Articles

Gloomy의 비오는 일요일 홈피는 모든 저작권을 포기합니다.

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소