매뉴얼

디자인팜 2.0 스킨 & 블록 가로 크기 변경하기

디자인팜 2.0에서 제공하는 대부분의 스킨들은 가로 크기가 1000px 을 기준으로 작업되어 있습니다.

 

일반 모니터에서는 1000px 의 크기로도 이쁘게 출력이 되지만,

최근에 많이 보급된 와이드 모니터로 사이트를 확인할 경우 가로 크기가 조금 작다고 느낄 수 있습니다.

 

그렇다면, 와이드 모니터에 맞게 스킨의 가로크기를 1200px 로 변경하려면 어떻게 해야 할까요?

 

스킨 관리에서 소스 수정 모드로 전환해서 작업할 수도 있지만,

새로 추가된 PC 스킨 가로 크기 변수를 사용하면 쉽게 변경이 가능합니다.

 

 

[PC 스킨 가로 크기 변경]

 

1) 디자인팜 2.0을 실행을 한뒤 상단에 보면 스킨관리라는 버튼이 있습니다.

   이 버튼을 클릭을 해서 스킨을 변경할 수 있습니다.

 

 

2) 현재 적용된 스킨의 하단에 스킨옵션설정을 클릭을 해서 스킨의 옵션을 변경할 수 있습니다.

 

 

3) 스킨 옵션 설정 창에서 0-PC 스킨 가로 크기의 내용에 1200 을 입력합니다.

 

 

4) 하단의 적용 버튼을 누른 후 사이트를 확인합니다.

 

# 스킨 가로 크기 - 1000

 

# 스킨 가로 크기 - 1200

 

 

5) 위와 같이 상단의 스킨 영역의 가로 크기가 늘어난 것을 확인할 수 있습니다.

 

 

스킨의 가로 크기를 변경했다면, 블록도 스킨처럼 크기를 변경하시는게 보기에 좋겠죠?

 

 

[PC 블록 가로 크기 변경]

 

1,2) 스킨의 가로 크기를 변경했을 때와 동일하게 스킨 옵션 설정 창으로 들어갑니다.

 

 

3) 스킨 옵션 설정 창에서 0-PC 블록 가로 크기의 내용에 1200 을 입력합니다.

 

 

4) 하단의 적용 버튼을 누른 후 사이트를 확인합니다.

 

# 블록 가로 크기 - 1200

 

5) 위와 같이 블록의 크기가 늘어난 것을 확인할 수 있습니다.

 

 

※ 블록의 크기는 사이트의 모든 블록에 적용됩니다.

※ 일부 콘텐츠의 경우 1000px 에 맞추어서 디자인 되어 있어서 소스 수정이 필요할 수 있습니다.

 

 

게시글 공유 URL복사 cyworld
댓글작성

열기 닫기

댓글작성
top