스킨에디터 - 템플릿 변경 초급 도움말

템플릿은 위젯의 다양한 스타일을 말합니다. 하나의 스킨 내에는 위젯의 종류가 상당히 많기 때문에 영역별로 위젯을 분류하였습니다.

1. 포스트 영역

포스트 영역에는 포스트 본문, 포스트 덧글, 와이드 위젯 및 포스트 본문 내의 <blockquote>, <ul>의 템플릿을 선택하실 수 있습니다. 템플릿을 변경하면 미리보기에서 바로 확인이 가능합니다.

2. 사이드바 영역

사이드바는 스킨마다 개수와 위치가 다르지만 일반적으로 포스트 영역의 오른쪽 또는 왼쪽에 위치하는 영역을 말합니다. (스킨 2.0에는 추가적으로 하단에 4개의 사이드바를 구성하는 레이아웃도 제공하고 있습니다. 레이아웃에 대한 자세한 도움말은 새스킨만들기 - 레이아웃을 참고하시기 바랍니다.)

사이드바 영역에서는 기본으로 제공하는 16개의 위젯(또는 메뉴)의 템플릿을 변경할 수 있습니다. 템플릿은 디자인의 다양성보다는 각 위젯 내 요소들의 배치에 대한 다양성을 제공하려 노력하였습니다. 템플릿을 선택할 때는 내가 선택한 위젯에 어떤 요소들이 필요할지를 염두하여 고르시면 더욱 좋습니다.

3. 메인 테마

메인 테마는 포스트 영역, 사이드바 영역과는 성격이 다릅니다. 특정 위젯의 스타일 템플릿이 아닌 내이글루 전체에 대한 스타일이라고 하는 것이 맞을 것 같네요. 메인 테마는 현재 블로그테마, 일기장테마, 매거진테마 등을 제공하고 있으며, 작성하는 글의 종류나 내가 평소에 이글루를 이용하는 패턴에 맞게 선택하실 수 있습니다. 추후 사진 테마, 동영상 테마 등 추가될 예정입니다.

아래 설명을 보시고 본인에게 맞는 메인 테마를 선택하시기 바랍니다.

1. 블로그 테마

전통적인 블로그 형식입니다. 메인페이지에 글 전체가 보이며 가장 최근에 작성한 글이 맨 위에 보입니다. 메인페이지 글 개수는 오직 블로그 테마에서만 선택하실 수 있습니다.
블로그 테마


2. 일기장 테마 & 트위터 테마

말그대로 일기 또는 트위터처럼 매일 글을 쓰시는 분을 위한 테마입니다. 길지 않은 분량의 글을 자주 쓰며, 이미지 첨부를 거의 이용하지 않는 분께 권합니다. 메인페이지에 20개 글 요약이 보여지며, 이미지를 첨부한 글인 경우 작은 썸네일이 보입니다. 글 작성한 날짜가 가장 눈에 띄이는 테마입니다.
일기장/트위터 테마


3. 매거진 테마

이글루에 글을 작성하실 때 마치 잡지처럼 보기 좋은 큼직한 사진과 긴 글을 작성하시는 분들께 권합니다. 또 주로 매거진 테마는 가장 최근에 작성한 글은 큰 이미지와 함께 가장 위에 보이고 그 아래 4개 포스트의 요약이 보이는 형식입니다. 여행, 맛집, 상품 리뷰 등 사진과 글이 적절히 섞여 있는 글을 공들여 작성하신다면 매거진 테마를 이용해 보시기 바랍니다. 작성한 글을 블로그 메인에서 더욱 돋보이게 하며, 이전 글도 보기 좋게 보여줄 것입니다.
일기장/트위터 테마      일기장/트위터 테마

핑백

  • 스킨 2.0 완전정복 : 스킨에디터 - 개요 (작성 중) 2009-08-31 15:37:18 #

    ... 등)으로 구분이 되어 있는데 각 영역 스타일의 다양성을 템플릿이라 정의합니다. 템플릿 변경 탭에서는 스킨 내의 영역들의 상세 스타일을 선택하실 수 있습니다. 템플릿 변경 탭 상세도움말 보기 3. 위젯 추가/선택 탭이글루스에서 기본으로 제공하는 위젯(또는 메뉴) 외의 위자드팩토리, 다음 위젯뱅크 등 외부에서 내이글루에 붙여 넣을 수 있는 위 ... more

  • 냉동 파스타도 있는 일미해장국에 잘 오셨습니다! : 이런 씨발 2009-12-23 03:20:37 #

    ... #</a> <a title="답글" onclick="replyComment('replyform2958990','2958990','4025321',4,'',''); return false;" href="http://skin2help.egloos.com/2958990#">답글</a> 카테고리를 누르면 볼 수 있는 포스트 목록 나열 방식을 수정할 수 있나요?지금 이 ‘스킨 2.0 완전정복’ 이글루만 봐도 ‘초급 도움말’ 카테고리를 누르면제목들은 회색이고 밑줄 ... more

덧글

  • Jekyll 2009/11/13 19:49 #

    프로필 아래에 보이는 닉네임 글자 색깔을 수정하고 싶은데 찾기가 힘드네요.
    프로필 사진 둘레에 쳐져 있는 선도 지울 수 있을까요? 도움 부탁드려요.
  • lark 2009/11/18 16:02 #

    Jekyll님 이글루의 헤더이미지가 무척 강렬하네요. ^^

    닉네임 글자색은 아래와 같이 사용하세요.
    .menu_profile .profile_usernick {color:#000;}

    프로필사진의 테두리는 아래와 같이 입력하시면 지울 수 있습니다.
    .menu_profile .profile_image img {border:0;}
  • Jekyll 2009/11/18 17:59 #

    친절한 답변 감사합니다. 덕분에 수정할 수 있었습니다 :D
  • Jekyll 2009/11/18 21:27 #

    카테고리를 누르면 볼 수 있는 포스트 목록 나열 방식을 수정할 수 있나요?
    지금 이 ‘스킨 2.0 완전정복’ 이글루만 봐도 ‘초급 도움말’ 카테고리를 누르면
    제목들은 회색이고 밑줄이 쳐진 상태로 보여지는데요.
    이 글자 색깔과 밑줄을 수정하고 싶어서요.
    또 카테고리에 글이 많은 경우에는 포스트 목록이 1 페이지 2 페이지 3 페이지 이렇게 나뉘어서 나오는데,
    이런 방식 말고 그냥 한꺼번에 다 볼 수 있게 바꿀 수도 있나요?
  • lark 2009/11/19 13:21 #

    Jekyll님. 안녕하세요. ^^

    먼저 카테고리 목록에 나오는 글 개수는 변경이 불가능합니다. 그리고 글 제목 링크의 밑줄을 없애고 싶으시면 아래와 같은 방법을 사용하세요.

    1. 글 본문 및 본문 영역의 모든 링크의 밑줄을 없애고 싶으시다면 CSS에서 아래의 소스를 찾아서 수정하세요.
    .content a:link {color:#999;text-decoration:underline;}  <-- underline을 none으로 변경하세요.
    .content a:visited {color:#666;text-decoration:none;}
    .content a:hover,
    .content a:active {color:#666;text-decoration:none;}

    2. 카테고리 목록에서 글목록의 밑줄만 삭제하고 싶으시다면 css에 아래의 내용을 추가해 주세요.
    .content .post_titlelist .common_top_list li a {text-decoration:none;} 
  • 2010/02/23 15:23 # 비공개

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

    이미 스킨을 변경하셨네요. 오류가 발생한 스킨을 유지하셔야 저희가 확인이 가능합니다.
    감사합니다.
  • 2010/03/02 22:23 # 비공개

    비공개 덧글입니다.
  • lark 2010/03/04 13:12 #

    포스트템플릿 11번에 대해서는 빠른 시일 내에 수정하여 다시 알려드리겠습니다. IE8 미만 버전의 브라우저에서 발생하는 오류로 보입니다.

    위젯 내의 html은 아쉽게도 수정이 불가합니다. 단, CSS로 제어가 가능하기 때문에 아래의 스타일 소스를 css에 붙여 넣으시기 바랍니다.

    .menu_profile .profile_desc {display:none;} /* 블로그 설명 및 닉네임 부분 */

    안타깝게도 위의 소스를 넣으시면 닉네임까지 보이지 않게 됩니다. 설명만 지우시려면 아래와 같이 약간의 편법으로 스타일을 입력하셔야 합니다.

    .menu_profile .profile_desc {font-size:1px;color:#fff;} /* 블로그 설명 및 닉네임 부분 */
    .menu_profile .profile_desc .profile_usernick {font-size:11px;color:#999;} /* 닉네임 부분 */

    감사합니다.
  • Lamour 2010/04/18 19:19 #

    사이드바 영역과 포스트영역사이간격을 좁히고싶다면 어떻게 해야되나요?
  • lark 2010/04/19 11:29 #

    말씀하신 부분은 CSS를 직접 수정할 수 있다면 스킨에디터의 전문가용 편집에서 얼마든지 수정이 가능합니다. 단, 직접 CSS를잘 다루지 못하신다면 말씀하신 간단한 수정이라도 변경이 어렵습니다. 가능하다면 직접 CSS로 수정해 보시고 잘 안되실 경우에는 수정할 내용을 자세히 작성하여 운영자에게 메일 주시기 바랍니다.
    http://www.egloos.com/support.php
  • 지구별여행자 2010/07/13 21:04 #

    게시물 윗부분과 밑부분에 두꺼운 줄이 위아래로 쳐져있는데 없앨 방법이 없을까요?
    그 줄때문에 게시물 글들이 가려지네요..
    제가 시작한지 몇일안됐는데 회색의 두꺼운 선이 있는데 색을 바꾸는 방법도 모르겠고 하단의 줄을 없애는 방법도 모르겠고..
    알려주세요
  • lark 2010/07/19 12:15 #

    정확히 어느 부분의 선을 말씀하시는지 알려주세요. 현재 회원님의 이글루에는 가로 선이 여러 개가 존재하거든요.
    그리고 이글루스 스킨을 수정하기 위해서는 기본적인 CSS 지식이 필요합니다. 직접 수정하기 어려울 경우에는 공유센터(http://valley.egloos.com/center )에 방문하셔서 마음에 드는 스킨을 선택하여 적용하시기 바랍니다.
    감사합니다.
  • 2010/07/23 10:49 # 비공개

    비공개 덧글입니다.
  • lark 2010/07/23 15:47 #

    안타깝게도 블로그테마 외의 다른 테마를 선택한 경우 글 개수를 정할 수 없습니다.
  • 2010/08/19 04:32 # 비공개

    비공개 덧글입니다.
  • lark 2010/08/23 13:14 #

    아쉽게도 말씀하신 부분을 영문으로 변경할 수 있는 기능은 제공하지 않습니다. 그리고 공유센터에서 다양한 스킨을 찾아서 적용할 수 있습니다. 다른 블로그에서 이용하고 있는 스킨이 공유센터에서 적용한 스킨이라면 이용 가능합니다. 감사합니다.
  • Orangepurple 2010/11/28 12:45 #

    공지사항의 본문이 맨위에 계속 보이게할수는 없나요.
    새글를 작성하면 새글이 맨위로 오는데 특정본문만을 계속 위에 보이게 하고싶은데요...;;
  • lark 2010/11/30 11:39 #

    아쉽게도 말씀하신 기능은 제공하고 있지 않습니다.
    단, 이글루스에는 포스트 작성 시간을 변경할 수 있기 때문에 작성시간을 미래로 지정할 경우 항상 맨 위에 보이게 할 수 있습니다. 또는 와이드위젯 기능을 이용하시면 원하시는 효과를 얻을 수 있습니다.
    감사합니다.
  • 라토 2011/01/21 01:46 #

    한 페이지에 글을 하나만 보이게 하고 싶은데 어떻게 하나요?
  • lark 2011/01/21 12:03 #

    네비바의 오른쪽 바로가기에서 스킨에디터로 들어가신 후에 "템플릿변경-메인테마" 로 들어가시면 오른쪽에 '메인페이지 글개수'를 변경하실 수 있습니다.
  • 2011/01/28 06:21 # 비공개

    비공개 덧글입니다.
  • lark 2011/01/28 11:40 #

    제가 확인해보니 회원님의 이글루 글자색은 검정색(#666)으로 되어 있어서 잘 보입니다.
    단, 혹시 PC에 Clear Type이 적용되지 않아 희미하게 보이는 것일 수 있습니다. 다른 PC에서도 확인해 보시고, 다른 PC에서도 회원님의 이글루의 글씨가 희미하게 보이면 사용하시는 PC에 ClearType을 적용하시기 바랍니다.

    설정 방법은 바탕화면에서 마우스 오른쪽 버튼 클릭 후 화면배색 선택, 효과버튼 클릭. 다음 "화면글꼴 가장자리를 다듬는 데 다음 방법 사용" 을 체크한 후 ClearType을 선택해 주세요.

    혹시 이 방법으로 해결이 되지 않는다면 다시 덧글 주시기 바랍니다. 감사합니다.
  • 아슈라 2011/02/23 10:40 #

    안녕하세요, 수고하십니다 :)

    다름 아니라 새로 스킨을 바꿨는데 사이드바의 블로그롤이 보이지 않아 질문을 드립니다,
    처음엔 블로그롤 디자인 때문인가 해서 다른 디자인으로 바꿔봤는데도 여전히 아무것도(more이 나오기 전의 5개도)
    나오지 않아요 ㅠ 어디가 문제인지 잘 모르겠어요, 도와주세요!
  • lark 2011/02/28 10:54 #

    안녕하세요. 아슈라님.
    스킨의 문제가 아니라 다른 문제인 것 같습니다. 고객센터로 메일 주시면 빠른 시일 내에 문제를 해결해 드리겠습니다.
    감사합니다.

    고객센터 : http://www.egloos.com/support.php
  • 사람이사람이지 2011/03/16 14:55 #

    맨 첫 화면에 글이 나오지 않게 할 수 는 없나요?
    다른 사진과 같은 고정된 것이 출연하도록 할 수는 없을까요?

    클릭하지마자 제 최근 글이 나오는게 싫어서요 ㅜ
  • lark 2011/03/25 18:20 #

    안타깝게도 말씀하신 기능은 제공하지 않습니다.
    이글루스는 첫 화면에 가장 최근글이 보여지며, 이런 방식이 블로그 툴의 기능적인 가장 큰 특징입니다. 고맙습니다.
  • zeesoo 2011/04/14 16:35 #

    포스트 본문에 글 밑에 나오는
    자동 검색 관련글, 이 카테고리의 최근 글, 퍼블리싱 정보
    이 3개가 된 표를 없 앨수 있나요?
  • lark 2011/04/15 18:57 #

    안녕하세요.
    말씀하신 영역은 이글루스에서 기본으로 제공하는 영역이며 보이고 안보이는 별도의 옵션은 제공하고 있지 않습니다.
    단, 이글루스 스킨은 html/css를 직접 수정할 수 있기 때문에 css의 display:none; 스타일을 이용하여 안보이게 할 수 있습니다.
    하지만 기본 제공하는 영역을 안보이게 했을 때 방문자들이 불편을 겪을 수 있습니다. 이 점은 유의해 주시기 바랍니다.
    감사합니다.
  • DK 2011/04/15 01:48 #

    1단 스킨을 사용중입니다. 카테고리 등의 템플릿을 추가하면 폭이 넓게 추가되어 한줄을 차지하게 되는데 한 줄에
    [프로필][카테고리] 이런식으로 붙이고 싶은데요
    현재는
    [프로필]
    [카테고리]
    [컨텐츠]


    [프로필][카테고리]
    [컨텐츠]

    순으로 바꾸고 싶습니다.

    그리고 위젯 추가시
    맨아래 [이전글목록] 옆에 붙이고 싶은데요...

    예전엔 사각형 찍어서 옮길수 있었던거 같은데 ...그게 안되네요
  • lark 2011/04/15 19:00 #

    DK님 안녕하세요.

    글 본문 위의 위젯은 가로 100%로 설정되어 있기 때문에 말씀하신 것처럼 2단으로 위젯을 구성하시려면 직접 css를 수정하셔야 합니다.
    그리고 위쪽에 배치된 위젯을 아래 쪽으로 옮기시려면 마우스로 끌어서 옮길 수 있으며, 순서 변경도 가능합니다.
    만약 말씀하신 것처럼 위젯의 이동이 제대로 되지 않는 경우 고객센터로 문의해 주시기 바랍니다.
    http://www.egloos.com/support.php

    감사합니다.
  • 2011/05/03 11:03 # 비공개

    비공개 덧글입니다.
  • lark 2011/05/11 12:27 #

    blockquote 기능은 인용을 원하는 텍스트를 선택한 후에 에디터에서 "들여쓰기" 버튼을 클릭하시면 이용하실 수 있습니다. (들여쓰기 버튼은 글자색 버튼 바로 오른쪽에 있습니다.) 만약 에디터에서 'html 입력' 탭을 이용하신다면 <blockquote>내용</blockquote> 와 같이 html 태그를 직접 입력하셔도 됩니다. 감사합니다.
  • 다섯클로버 2011/05/20 09:12 #

    매거진 테마 2를 사용 중인데 메인 화면에 보이는 5개의 글 중 아래 글 두개의 사진이 나타나지 않습니다. 그리고 메인에 나타나는 글 갯수를 늘릴 수 없을까요. 방편을 마련해주시면 감사하겠습니다.
  • lark 2011/05/20 11:46 #

    안녕하세요. 다섯클로버님.
    매거진 테마의 경우 메인에 노출되는 글의 개수를 수정할 수 없습니다. 이 점 양해 부탁드립니다.

    이미지가 보이지 않는 글의 경우는 고객센터로 문의 주시기 바랍니다. 신속하게 처리해 드리겠습니다.
    http://www.egloos.com/support.php
    감사합니다.
  • Sohyun 2011/05/31 07:36 #

    오! 여기에 문의하면 도와주시는 거예요? 와아.. 질문이 많아요.


    1. 직접만든 해더를 올리려고, 해더에 있는 블로그 제목을 지웠어요. 어떻게 해야 해더에 제가 직접올린 사진을 클릭하면로고를 클릭하면 제 블로그 첫화면으로 가게 링크를 올릴수 있을까요.

    2.해더부분 위아래 간격을 좀더 넉넉히 하고싶어요.

    3.한 블로그 안에 포스트 하는 이가 여럿일때 여러 아이디를 만들어서 다양한 글쓴이 설정이 가능한가요?

    -----------------------------------
    파이어 폭스를 써서 생기는 문제인지 모르겠는데..

    4.여러컴퓨터에서 글자색이 각각다르게 보여요. 제 컴에서 지금 제 블로그 글 색이 원래 흰색이어야 하는데 검정색으로 보입니다.

    5. 글 /아이디/등등 색과 크기를 각자 다르게 하고 싶은데 어떻게 해야 하나요.

    6. 태그의 글자크기가 빈도수에 따라 커지게 할 수 있나요? 지금은 모두 같아보여요,

    감사합니다.

  • lark 2011/05/31 11:39 #

    Sohyun님 안녕하세요.
    와~ 여러 개의 질문을 올려주셨네요. 답변 드리기 전에 이글루스 스킨의 경우 상세한 변경은 모두 html/css를 직접 수정하여 자유롭게 변경하실 수 있습니다. 단, html/css에 대한 전문적인 지식이 필요함을 유의해 주시기 바랍니다.

    1. 헤더 내에 이미지를 넣고, 클릭이 가능하게 하기 위해서는 html/css 부분을 직접 수정하셔야 합니다. 배경이미지는 단지 배경에 깔리는 이미지 역할을 하기 때문에 클릭이 되지 않습니다.
    2. 헤더의 높이 변경 역시 css를 직접 수정하셔야 합니다. 헤더 영역은 .header 라는 class로 정의되어 있으며 이 class의 속성을 변경하시면 높이 변경이 가능합니다. 단, 기존에 이미 입력되어 있는 속성값을 유의하셔서 변경하여야 합니다.
    3. 안타깝게도 여러 아이디로 로그인 하는 기능은 제공하지 않습니다.
    4. 종종 브라우저에 따라 화면이 다르게 보이는 경우가 발생하긴 하지만 글자 색의 경우 대부분 브라우저에서 동일하게 보이는 것이 정상입니다. 아마도 css 내에서 속성이 겹치는 현상이 발생한 것으로 보입니다.
    5. 3번에 말씀드렸지만 현재 제공하지 않는 기능입니다.
    6. 태그 페이지와 사이드바의 태그 클라우드 모두 빈도수에 따라 글자 크기 조정이 가능합니다. 물론 css에서 직접 속성을 입력해 주셔야 하고요. 단, 포스트 하단의 태그는 태그별로 크기 조정을 할 수 없습니다.

    공간의 제약이 있어서 상세한 답변을 드리지 못한 점 양해 부탁드립니다.
    더 상세한 내용이 궁금하시다면 고객센터로 문의해 주시기 바랍니다.
    http://www.egloos.com/support.php
    감사합니다.
※ 이 포스트는 더 이상 덧글을 남길 수 없습니다.



위젯테스트