새 스킨 만들기 - 레이아웃 중급 도움말


1. 레이아웃의 종류

새스킨 만들기에서 제공하는 레이아웃은 총 47개입니다. (2009. 8. 6 현재)

1) 1단 레이아웃

본문 영역을 기준으로 왼쪽 또는 오른쪽에 사이드바 영역이 없는 레이아웃을 말합니다. 사이드바의 활용도가 낮거나 포스트에 큰 사진을 올리고 싶은 분들은 1단 레이아웃을 선호합니다. (1단 레이아웃에서 위젯들은 본문 아래쪽에 붙일 수 있습니다.)


2) 2단 레이아웃

본문 영역을 기준으로 왼쪽 또는 오른쪽에 사이드바가 하나 존재하는 레이아웃을 말합니다. 가장 많이 사용하는 레이아웃이며 본문의 영역을 넓게 사용하고 싶은 분들이 선호합니다.




3) 3단 레이아웃

본문 영역을 기준으로 양쪽 또는 오른쪽에 사이드바가 두 개 존재하는 레이아웃을 말합니다. 위젯을 많이 사용하거나 사이드바를 적극 활용하시는 분께 적당합니다. 하지만 본문의 넓이를 넓게 할 수 없는 제약이 있습니다.





2. 레이아웃의 특징

위에 소개한 레이아웃은 모두 비슷해 보이지만 특징을 갖고 있습니다. 아래 내용을 참고하여 취향에 따라 선택하시기 바랍니다.

1) 하단 사이드바 영역

본문 아래쪽에 4개의 사이드바가 존재하는 레이아웃을 말합니다. 아래와 같이 썸네일 하단에 4개로 분리된 영역이 있는 것은 하단에 사이드바 영역이 존재하는 레이아웃입니다.

본문 양 쪽의 사이드바가 길어져 본문의 길이를 훨씬 넘는 것이 불편하신 분들은 하단 사이드바 영역을 활용해 보시기 바랍니다.

2) 포스트 상단 광고 영역

포스트 상단에 광고 영역이 있는 레이아웃 입니다. 왼쪽의 썸네일과 같이 포스트 영역 바로 위에 포스트 영역과 동일한 사이즈의 사이드바가 존재하는 레이아웃 입니다.

이 영역에는 주로 애드센스, TTB2 등의 블로그 광고 플랫폼에서 제공하는 광고를 위젯으로 만들어서 붙일 수 있습니다. (광고를 붙이는 방법에 대해서는 '구글 애드센스 내이글루에 붙이기' 를 참고하세요.)

일반적으로 위젯의 가로 사이즈는 150~200픽셀 정도인데, 이 광고 영역은 포스트 영역과 동일한 사이즈로 450~700픽셀 정도의 사이즈 입니다. 태그크라우드, 라이프로그, 포토로그 등도 내이글루에 잘 어울리게 적절하게 수정한다면 넓찍한 모양으로 붙일 수도 있습니다.

3) 포스트 상.하단 광고 영역

2)번과 같이 포스트 사이즈의 광고영역이 포함된 레이아웃 입니다. 단, 왼쪽의 썸네일과 같이 포스트 영역의 위,아래 두 개의 광고 영역이 존재합니다.

물론 사이드바 영역에는 여러 개의 위젯을 붙일 수 있기 때문에 2)번의 레이아웃을 선택한다고 해도 두 개 이상의 광고를 붙일 수 있습니다. 하지만 너무 많은 광고는 방문자에게 불편을 줄 수 있기 때문에 본문 위,아래에 사이드바 영역이 있는 레이아웃을 선택하시면 좋습니다.


핑백

  • EBC (Egloos Broadcast Center) : 스킨의 영역과 위젯, 템플릿. 그리고 레이아웃 2009-08-10 14:46:36 #

    ... 이드바를 배치할 수도 있는데, 구글 애드센스나 알라딘 TTB2와 같은 위젯을 넣을 때 유용합니다. 레이아웃 종류에 대한 자세한 설명은 스킨 2.0 완전정복의 '새 스킨 만들기 - 레이아웃' 을 참고하시기 바랍니다. 3. 템플릿템플릿은 위젯 스타일의 다양성을 말합니다. 위젯은 기본적인 html 구조를 가지고 있고 c ... more

  • 스킨 2.0 완전정복 : 구글 애드센스 내이글루에 붙이기 2009-08-10 15:47:55 #

    ... 수평형을 이용하시려면 새스킨만들기 하실 때 반드시 아래의 썸네일과 같이 본문 상/하단에 광고영역이 있는 레이아웃을 선택하셔야 합니다. (레이아웃 관련 도움말은 '새 스킨 만들기 - 레이아웃' 을 참고하시기 바랍니다.) 수직형은 사이드바 어디든 적당합니다. 단, 광고의 사이즈가 길어서 사이드바의 많은 부분을 차지하게 됩니다. 이 점 유의하세요 ... more

  • 시사평론:정론직필을 찾아서 (전체목록: 클릭~!! 내 블로그 글 펌: 무제한 허용) : 이글루스에 구글애드센스 광고 달기 2009-08-27 17:22:08 #

    ... 애드센스를 예로 상세히 설명드리겠습니다.(출처: http://skin2help.egloos.com/2959028 )참고: 포스트 상단 광고 영역http://skin2help.egloos.com/2959020 =================나는 웹제작 프로그래밍에 대해 어느 정도 알고 있는 사람이다.그런데도....구글 애드센스 광고를 내 이글 ... more

  • 스킨 2.0 완전정복 : 스킨에디터 - 디자인 선택 (작성 중) 2009-08-31 15:40:15 #

    ... 곳에서는 기본적인 레이아웃과 컬러 테마만 제공하며 전문가용 편집 탭에서 html/css 편집을 통해 세부적인 디자인을 하실수 있습니다. 제공하는 레이아웃의 종류는 새스킨만들기 - 레이아웃을 참고하시기 바랍니다. ... more

  • 스킨 2.0 완전정복 : 스킨에디터 - 템플릿 변경 (작성 중) 2009-08-31 15:43:46 #

    ... 는 왼쪽에 위치하는 영역을 말합니다. (스킨 2.0에는 추가적으로 하단에 4개의 사이드바를 구성하는 레이아웃도 제공하고 있습니다. 레이아웃에 대한 자세한 도움말은 새스킨만들기 - 레이아웃을 참고하시기 바랍니다.) 사이드바 영역에서는 기본으로 제공하는 16개의 위젯(또는 메뉴)의 템플릿을 변경할 수 있습니다. 템플릿은 디자인의 다양성보다는 각 ... more

  • 스킨 2.0 완전정복 : 새 스킨 만들기 - 개요 2009-09-14 11:18:42 #

    ... 셔서 원하시는 레이아웃을 선택합니다.레이아웃은 크게 1단/2단/3단 으로 기본으로 사이드바의 위치에 따라 다양하게 제공합니다. 레이아웃에 대한 자세한 도움말은 '새 스킨 만들기 - 레이아웃' 을 참고하시기 바랍니다. 2. 컬러세트와 본문사이즈 선택레이아웃을 고르셨다면 다음은 35개의 컬러세트 중 하나를 선택합니다. 컬러세트는 html/css ... more

  • 나의 심플한 정신세계 : 이글루에 구글광고 애드센스(Adsense) 달기 팁 (이사후기;) 2009-09-17 18:15:53 #

    ... 수평형을 이용하시려면 새스킨만들기 하실 때 반드시 아래의 썸네일과 같이 본문 상/하단에 광고영역이 있는 레이아웃을 선택하셔야 합니다. (레이아웃 관련 도움말은 '새 스킨 만들기 - 레이아웃' 을 참고하시기 바랍니다.) 수직형은 사이드바 어디든 적당합니다. 단, 광고의 사이즈가 길어서 사이드바의 많은 부분을 차지하게 됩니다. 이 점 유의하세요 ... more

  • m4blog - money for Blog : 내 이글루스에 Kauli(카우리)광고 달기!!(3) 2010-05-29 11:07:13 #

    ... 수평형을 이용하시려면 새스킨만들기 하실 때 반드시 아래의 썸네일과 같이 본문 상/하단에 광고영역이 있는 레이아웃을 선택하셔야 합니다. (레이아웃 관련 도움말은 '새 스킨 만들기 - 레이아웃' 을 참고하시기 바랍니다.) 수직형은 사이드바 어디든 적당합니다. 단, 광고의 사이즈가 길어서 사이드바의 많은 부분을 차지하게 됩니다. 이 점 유의하세요 ... more

  • *namaste : 구글애드센스에서 승낙메일 받은후...=_= 내이글루에 구글 애드센스 붙이기 2011-05-24 23:58:51 #

    ... 수평형을 이용하시려면 새스킨만들기 하실 때 반드시 아래의 썸네일과 같이 본문 상/하단에 광고영역이 있는 레이아웃을 선택하셔야 합니다. (레이아웃 관련 도움말은 '새 스킨 만들기 - 레이아웃' 을 참고하시기 바랍니다.) 수직형은 사이드바 어디든 적당합니다. 단, 광고의 사이즈가 길어서 사이드바의 많은 부분을 차지하게 됩니다. 이 점 유의하세요 ... more

덧글

  • 2009/10/26 04:33 # 비공개

    비공개 덧글입니다.
  • lark 2009/10/28 16:05 #

    두 가지 방법이 있는데요...

    1. 만드신 와이드위젯 하나에 여러 소스를 입력하시면 여러 위젯을 붙인 효과를 볼 수 있습니다.

    2. 스킨에디터의 새스킨만들기의 2,3 페이지 이상 넘겨보시면 본문 밑에 가로로 긴 사이드바가 있는 레이아웃이 있을거예요. 그 레이아웃을 선택하시면 와이드위젯 위치에 여러개의 위젯을 배치할 수 있습니다.

    감사합니다.
  • 2009/10/26 04:36 # 비공개

    비공개 덧글입니다.
  • lark 2009/10/28 16:06 #

    이틀이나 지났는데... 죄송합니다. 답글로 답변드렸습니다.
  • 2009/10/26 04:46 # 비공개

    비공개 덧글입니다.
  • lark 2009/10/28 16:02 #

    좋은 의견 주셔서 감사합니다. 내부적으로 적극 검토하겠습니다.
  • 2010/02/08 16:17 # 비공개

    비공개 덧글입니다.
  • lark 2010/02/18 12:15 #

    이글루스에서는 스킨의 모든 스타일을 CSS로 수정해야 합니다. 사이드바에 배경색을 넣는 것 역시 CSS로 수정해야 하는데, 아래의 부분을 수정하시면 사이드바에 배경색을 넣으실 수 있습니다.

    .column {background-color:#fff;}
  • alfonso 2010/04/07 16:54 #

    공유센터에 올리신 스킨을 사용중인데요.. 전문가편집을 통해서 레이아웃만 바꾸고 싶은데 무엇을 고쳐야할지 모르겠습니다. 현재 레이아웃이 헤더 다음이 사이드바 메뉴들인데요.. 본문을 먼저나오게 하고 프로필, 위젯 등등을 맨 아래쪽에 놓고 싶습니다.. 시간이 되신다면 꼭 알려주세요~ 감사합니다..!
  • lark 2010/04/09 15:17 #

    이미 제작된 스킨의 레이아웃을 변경하는 것은 가능하기는 하나 CSS에 대한 전문적인 지식이 있어야 가능합니다. 원하는 레이아웃을 선택한 후에 디자인을 변경하시는 것이 오히려 수월할 수 있습니다.

    요청하신 내용은 너무 광범위하여 답글로 답변드리기는 좀 어려울 것 같습니다. 보다 구체적인 내용으로 메일 주시면 답변드리겠습니다. 감사합니다.

    http://www.egloos.com/support.php
  • 이크리 2010/04/20 17:14 #

    음 기본적인 것에 관한 것이라 어디다 질문을 달아야 할지 몰라서 레이아웃 쪽으로 왔습니다^^;
    혼자 이용하기 위해 비공개 글만 몰아 넣은 카테고리가 있는데요, 그 카테고리를 눌러도 목록이 보이지가 않습니다. 보이게 할 수는 없나요?
  • lark 2010/04/27 13:58 #

    비공개 글을 넣은 카테고리 때문에 그런 것이 아니라 카테고리명 때문에 발생한 문제로 보입니다. 카테고리명을 변경해 보시기 바랍니다.
  • blank 2010/05/07 04:57 #

    정말 궁금해서 뒤져봐도 제가 지식이 부족한 건지 답을 못 찾아서 질문 올립니다.
    공유센터를 통해 1단 simple_white 란 스킨을 적용했습니다. 그런데 그 스킨을 만드신 분 이글루를 가보거나 예시 사진으로 올려주신 걸 보면 분명 프로필 사진 옆에 카테고리 메뉴가 있고 그 옆으로 달력이 있고 해서
    가로줄로 쫙 정렬이 되던데, 제 이글루에서는 프로필 사진 아래에 카테고리 메뉴가 달려있네요. 이거 위치를 조정해보려고 드래그도 해보고 했는데, 위아래로 위치는 바꿀 수 있어도 옆으로는 안되더라구요.
    왜 만드신 분은 가로로 쫙 정리가 되어있는데, 저는 불가한 걸까요?? :)
  • lark 2010/05/08 00:12 #

    오른쪽으로 잘 이동이 안되는 경우에는 위젯을 모두 없앤 후에 하나씩 추가해보세요. 그 다음 원하는 것을 위쪽으로 배치한 후에 마지막으로 필요없는 위젯을 지워주세요. 이렇게 해보시고 잘 되지 않으면 운영자에게 메일을 보내주시기 바랍니다.
    http://www.egloos.com/support.php
  • 2010/06/08 01:47 # 비공개

    비공개 덧글입니다.
  • lark 2010/06/11 15:57 #

    이글루관리 메인으로 가시면 '카테고리 추가/관리' 링크가 있습니다. (네비바의 오른쪽에서 "바로가기>이글루관리"를 클릭하시면 됩니다.) 카테고리 추가/관리 팝업에서 모두숨기기를 선택하시면 미분류를 안보이게 하실 수 있습니다.
    그리고 카테고리 밑에 외부 링크를 넣는 방법은 위젯만들기를 이용하시면 됩니다. "이글루관리>디자인>내저장위젯"으로 가시면 위젯을 직접 만들 수 있습니다. 만든 위젯은 스킨에디터에서 원하는 위치로 이동이 가능하기 때문에 카테고리 밑으로 옮길 수도 있습니다.
    감사합니다.
  • 2010/07/26 22:51 # 비공개

    비공개 덧글입니다.
  • lark 2010/07/27 12:12 #

    1.0 스킨을 이용하고 계시네요. 1.0 스킨에 대해서는 더 이상 기술적인 지원을 하지 않습니다. 가능하면 공유센터로 가셔서 새로운 2.0 스킨을 이용해 보세요. 감사합니다.
  • 2010/08/08 16:22 # 비공개

    비공개 덧글입니다.
  • 2010/08/08 16:36 # 비공개

    비공개 덧글입니다.
  • lark 2010/08/12 12:16 #

    스킨만들기 페이지에 잠시 오류가 있었습니다. 불편을 드려 죄송합니다.
  • 2011/02/05 21:44 # 비공개

    비공개 덧글입니다.
  • lark 2011/02/08 10:12 #

    현재 사용하시는 스킨은 가로 100% 스킨이기 때문에 본문과의 여백을 줄이기 어렵습니다. 다른 레이아웃의 스킨을 선택하시거나 공유센터 (http://valley.egloos.com/center)에서 다른 마음에 드는 스킨을 찾아보시기 바랍니다.
    감사합니다.
  • 2011/02/10 22:42 # 비공개

    비공개 덧글입니다.
  • lark 2011/02/15 09:31 #

    안녕하세요.
    최근에 새로운 스킨으로 적용을 하셨군요. 새롭게 제공드리는 스킨은 2009년 개편되었으며 카테고리/이전글목록의 글개수는 10개씩만 보이도록 변경되었습니다. 안타깝게도 새롭게 적용한 스킨에서는 원하시는 것처럼 보여줄 수 없습니다.
    페이지 로딩 속도와 일관성을 위해 변경된 점 양해 부탁드립니다.
    감사합니다.
  • 2011/05/13 16:28 # 비공개

    비공개 덧글입니다.
  • lark 2011/05/17 09:32 #

    스킨 내용 전체를 왼쪽으로 붙이고 싶으신건가요?
    .wrap {margin:0 auto;} 이 부분을 찾아서 margin:0; 으로 변경하세요.
    감사합니다.
※ 이 포스트는 더 이상 덧글을 남길 수 없습니다.



위젯테스트