공유하기 버튼 이미지 적용하기

처음 친효스킨을 적용하고 틈틈히 게시글을 작성해 나갈 때 하단의 공유하기 버튼 이미지가 모두 깨진 것을 볼 수 있었다..

원인은 버튼 이미지 파일을 따로 추가하지 않았던 것...템플릿만 적용하면 그냥 다 되는줄 착각하고 있었다.

친효 블로그에 친절히 카카오톡 버튼 이미지 적용과 관련된 글이 있었고 이를 보고 따라서 나머지 버튼들도 이미지를 적용시키고나니 해결되었다. 이미지를 적용하는 방법이다.

먼저 설정 >> 꾸미기 >> 스킨 편집으로 들어가서 html 편집을 누른다.

이후 파일 업로드 탭에서 하단의 추가 버튼을 통해 공유하기 버튼 이미지들을 업로드 시켜준다.

이미지 적용이 끝났다면 html 탭으로 돌아와서 검색 기능(Ctrl+F)를 통해 "본문 공유"를 검색한다. 검색 후 이미지 소스 적용 부분에 추가하였던 이미지 파일의 이름만 맞게 변경해주면 된다.

적용 버튼을 누르고 정상적으로 공유하기 버튼에 이미지가 올라오는 것을 확인할 수 있다.

※ 이 글이 도움이 되었다면 "🤍공감" 버튼을 클릭해주세요. 클릭 한번이 글 쓰는데 큰 힘이 됩니다.

MoonNote