본문으로 바로가기

버블프라이스 IT세상

  1. Home
  2. IT관련/인터넷
  3. 티스토리 블로그 스킨위자드 이용해 꾸미기

티스토리 블로그 스킨위자드 이용해 꾸미기

· 댓글개 · 버블프라이스


티스토리 블로그 스킨위자드 이용해 꾸미기


안녕하세요~ Tistory blog를 운영하면서 장점은 뭘까요? 바로 스킨편집을 자유자재로 할 수 있어서 내 블로그를 멋지게, 예쁘게 꾸밀 수 있는 것이 큰 장점 중 하나인데요~ 오늘은 티스토리 블로그를 처음시작하시는 분들, HTML/CSS에 대한 지식이 없어도 간단히 편집 할 수 있는 기능인 "스킨위자드"의 기능에 대해 알아볼까 합니다.


○ 티스토리 블로그 스킨위자드 는 주로 어느때 사용을 하면 좋을까요?

- 평소 사용하는 스킨에 변화를 주고 싶을때

동일한 SKIN을 오랫동안 사용하다보면 무언가 다른 블로거들과 차별을 주고 싶을때가 있습니다.

그럴때 사용하시면 좋을 것 같습니다.


- 자신만의 블로그 스타일을 완성하고자 할때

배경, 제목, 본문 꾸미기를 통해 자신에게 맞는 최적화되고 멋진 SKIN을 완성할때 사용하시면 좋을 것 같습니다.



CSS 편집을 하지 않아도, 이것에 대해 지식이 없어도 누구나 손쉽게 의지만 있으면 배경 ,제목, 본문 등을 간단히 꾸밀 수 있습니다.


"티스토리 블로그 스킨위자드 이용해 꾸미기"


그럼 

○ 모든 티스토리에서 제공하는 sKIN은 스킨위자드 기능을 지원하나요?

- 아니요, 스킨위자드를 지원하는 SKIN은 아래 사진과 같이 표시가 됩니다.

보통은 기본형 SKIN에 '스킨위자드' 기능을 지원하는 것이 많습니다.

그럼 반응형SKIN에도 skinwizard 를 지원하는 것이 있나요?

- 예, 오른쪽 사진을 보시면 분명 반응형으로 만든 Skin 입니다.

위 사진과 같이 스킨 설명에 보면 [지원]에 Skinwizard 라고 표시가 되어있습니다.

아래 사진은 Skin을 적용후 화면입니다. 배경을 이미지로 채우거나, 손수 제작한 이미지를 삽입하거나, 디자인 또는 패턴으로 채울 수도 있습니다.


"티스토리 블로그 스킨위자드 이용해 꾸미기"

배경을 채우지 않은 상태는 - 왼쪽

배경을 디자인사진으로 채운 상태는 -오른쪽 


[배경] - [이미지] - [디자인]을 적용시킨 화면입니다.



[배경] - [이미지] - [디자인]을 적용한 것은 동일한데 + 추가로 [정렬]을 시킨 사진입니다.

오른쪽 사진과 같이 그림을 (왼쪽, 오른쪽, 위, 아래, 가운데)내가 원하는 곳에 정렬시킬 수도 있습니다.



위 화면은 [배경] -[ 이미지]-[패턴]을 적용시킨 사진입니다.

아까 디자인과는 조금 다른 모습이죠?

점선, 일자, 타일문양 등 효과를 적용시킬 수 있습니다. 여기서 정렬기능도 사용해 위에 디자인을 적용했을때와 같이 원하는 곳에 패턴문양을 사용할 수 있습니다.


[배경] - [직접올리기] 화면입니다.

손수 제작한 이미지를 업로드하여 꾸밀 수 있습니다.

단 

※ 파일 형식은?

Jpg, Gif, Png 최대 용량은 512KB로 맞춰 업로드하실 수 있습니다.


"티스토리 블로그 스킨위자드 이용해 꾸미기"


[타이틀] -[이미지] 화면입니다.

위에 배경은 제목과 본문을 제외한 나머지 부분이었다면?

타이틀은 제목이 되는 부분입니다. 화면에서는 'MY TISTORY'라고 적혀있는 부분이 바로 타이틀 입니다. 제목이죠

이곳 영역에서 이제 작업을 하시면 제목 부분만 변화를 줄 수 있습니다.


디자인, 패턴을 넣거나 직접 제작한 이미지를 올리거나 정렬을 하는 것은 위와 동일한 방법으로 하시면 됩니다.


[타이틀] - [텍스트] 화면 입니다.

타이틀 제목 부분의 높이를 높일 것인지, 낮출 것인지도 이곳에서 설정을 할 수 있는데요~


높이를 낮춘 - 위에

높이를 높인- 아래 사진

입니다. 파란 점섬표시를 친 영역을 보시면 차이를 아실 수 있을것 같습니다.

확실히 폭에 차이가 느껴집니다.


[게시글] - [글영역 넓이]

이제는 본문내용에 해당하는 [게시글] 영역 입니다.


위에 타이틀과 같이 이곳에서 글영역 넓이를 좁히거나 넓힐 수 있습니다.

좌우 영역이 어떻게 늘어나는지는 위/아래 사진을 참고해주세요.

하늘색 화살표를 보시면 얼마나 넓이가 늘어났는지 알 수 있습니다.


위에는 좁아졌고, 아래는 넓어졌습니다.



[게시글] -[제목 글자색 을 주황 선택 후] 화면

오픈 그래프라는 제목을 보면

원래는 검정이었는데,  제목 글자색을 주황을 선택했더니 '오픈그래프' 색상이 주황으로 변했습니다.


[게시글] - [게시글 글자색] 색상을 선택 후 화면입니다.

왼쪽 사진과 같이 '오픈그래프' 의 글자색이 변하는 것을 알 수 있습니다. 크기는 32px 글꼴은 돋움입니다.


"티스토리 블로그 스킨위자드 이용해 꾸미기"


위 화면은 반응형 Skinwizard 화면입니다.

일반 Skin과 동일한 방법으로 배경, 타이틀, 게시글(본문)을 임의로 꾸미실 수 있습니다.


다음은 관련글 입니다.



이상 오늘 내용 유익하셨나요~?

항상 건강하시고요

좋은일만 가득하시길 바래요.

감사합니다.

{
SNS 공유하기
💬 댓글 개
이모티콘창 닫기
울음
안녕
감사해요
당황
피폐

이모티콘을 클릭하면 댓글창에 입력됩니다.