티스토리 블로그 스킨 배경 이미지 넣기

다니엘(Data Engineer)
생활 IT 및 기본 개념/티스토리 블로그 관리
2021. 4. 25.

안녕하세요. 이번 포스팅에서는 티스토리 블로그 스킨 배경으로 내가 넣고 싶은 이미지를 추가하는 방법에 대해서 정리해보았습니다. 최근에 스킨을 조금씩 편집을 하고 있는데, 스킨을 편집한 티가 가장 많이 나는 것은 배경 이미지를 변경하는 것이라는 생각이 들었습니다. 배경 이미지를 넣기 이전에는 아래와 같이 약간씩 수정된 모습의 블로그였어요.

스킨 배경 이미지를 변경하는 작업은 매우 간단합니다. 아마도 스킨을 변경하는 작업보다도 배경으로 사용될 이미지를 고르는데 시간이 훨씬 많이 걸리지 않나 싶습니다.

▶ 티스토리 블로그 스킨 이미지 변경하는 방법

변경하고자 하는 이미지를 선택하고 내 컴퓨터에 저장을 했다면, 블로그 관리 -> 스킨 편집 -> html 편집 화면으로 이동하고 파일업로드 탭을 열어주세요. 그리고 아래의 화면처럼 + 추가 버튼을 눌러서 원하는 이미지를 추가해줍니다.

내가 사용하고 싶은 배경 이미지를 업로드했다면 바로 옆에 있는 css 탭으로 이동해서 아래와 같이 배경 이미지를 사용하는 코드를 추가해주도록 합니다.

1
2
3
4
5
6

background-color: #fff;
background-image: url('./images/blog_background_image.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
 

 