공유하기 버튼 이미지 적용하기
2021. 11. 4. 00:32
반응형
처음 친효스킨을 적용하고 틈틈히 게시글을 작성해 나갈 때 하단의 공유하기 버튼 이미지가 모두 깨진 것을 볼 수 있었다..
원인은 버튼 이미지 파일을 따로 추가하지 않았던 것...템플릿만 적용하면 그냥 다 되는줄 착각하고 있었다.
친효 블로그에 친절히 카카오톡 버튼 이미지 적용과 관련된 글이 있었고 이를 보고 따라서 나머지 버튼들도 이미지를 적용시키고나니 해결되었다. 이미지를 적용하는 방법이다.
1. 파일 이미지 업로드
먼저 설정 >> 꾸미기 >> 스킨 편집으로 들어가서 html 편집을 누른다.
이후 파일 업로드 탭에서 하단의 추가 버튼을 통해 공유하기 버튼 이미지들을 업로드 시켜준다.
2. html 소스 코드에서 이미지 적용
이미지 적용이 끝났다면 html 탭으로 돌아와서 검색 기능(Ctrl+F)를 통해 "본문 공유"를 검색한다. 검색 후 이미지 소스 적용 부분에 추가하였던 이미지 파일의 이름만 맞게 변경해주면 된다.
적용 버튼을 누르고 정상적으로 공유하기 버튼에 이미지가 올라오는 것을 확인할 수 있다.
※ 이 글이 도움이 되었다면 "🤍공감" 버튼을 클릭해주세요. 클릭 한번이 글 쓰는데 큰 힘이 됩니다.
