이 워드프레스 블로그의 게시글에 댓글을 달 때 imgur에 이미지를 업로드하고 imgur 이미지 URL을 입력하면 이미지로 표시되도록 했습니다. 댓글에 이미지를 포함시키고 싶은 경우 아래 내용을 참고하여 이미지 URL을 댓글 내용에 추가하시기 바랍니다.
워드프레스 댓글에 이미지 업로드하기
댓글에 imgur(이머저)에 이미지를 업로드하여 이미지가 표시되도록 기능을 구현하는 것을 고려할 수 있지만, 그런 코드를 만드는 노력에 비해 활성화가 안 될 것 같습니다. 대신 저는 imgur.com 사이트에 이미지를 업로드하고 이미지 URL을 코멘트 본문에 입력하면 자동으로 이미지로 변환되어 표시되도록 했습니다.
예를 들어, 다음과 같이 Imgur 이미지 URL을 입력하면...
아래와 같이 imgur 이미지 URL이 이미지로 변환되어 삽입됩니다.
imgur.com에 이미지 업로드하여 이미지 URL 복사하기
imgur.com은 이미지 공유 무료 호스팅 사이트입니다. 회원에 가입하지 않고도 이미지를 업로드하여 공유할 수 있습니다. 회원에 가입하여 이용하면 업로드한 이미지를 관리할 수 있습니다.
1 imgur.com을 방문하여 New post 버튼을 클릭합니다.
2 이미지 업로드 화면이 표시됩니다. Drop images here 부분에 이미지를 끌어다 놓습니다.
참고로 webp 이미지 포맷은 지원하지 않습니다. webp 이미지를 업로드하려고 시도하면 "We don't support that file type!" 경고가 표시됩니다.
3 이미지가 업로드되면 이미지 위에 마우스를 올리고 Copy link (링크 복사) 옆에 있는 3개의 점으로 된 아이콘을 클릭합니다. 그러면 아래 그림과 같이 드롭다운 메뉴가 표시됩니다.
Get share links (공유 링크 얻기)를 선택합니다.
4 BBCode (Forums) 섹션의 공유 링크를 Copy Link 버튼을 클릭하여 복사합니다.
imgur 이미지 공유 링크 형식은 다음과 같습니다.
[img]https://i.imgur.com/zn8LoXc.jpg[/img]img 숏코드를 제외한 이미지 URL(예: https://i.imgur.com/zn8LoXc.jpg) 부분을 댓글 본문에 추가합니다. jpg 확장자 대신 jpeg 확장자를 사용해도 됩니다.
img 숏코드를 제거하는 것이 귀찮은 경우 다음 페이지에서 숏코드를 쉽게 제거할 수 있습니다.
댓글에 이미지 URL을 입력하면 자동으로 이미지로 삽입되도록 변환하기
댓글 내용에 이미지 URL을 입력하면 자동으로 이미지로 변환되어 삽입되도록 할 수 있습니다. 자세한 방법은 다음 글을 참고하세요:
사용자들이 이상한 사진이나 그림을 업로드하지 못하도록 이미지 URL의 도메인을 제한하는 것이 바람직할 수 있습니다. 이 블로그의 경우 imgur.com에 이미지를 업로드한 다음, Imgur 이미지 공유 링크를 삽입할 수 있습니다.
마치며
이 블로그에서 댓글을 올릴 때 이미지를 업로드하고 싶은 경우 이 글의 내용을 참고하여 imgur 이미지 URL을 입력할 수 있습니다. 댓글에 이미지 업로드 버튼을 넣고 이미지 업로드 방법에 대하여 안내한 적이 있습니다만, 실제 사용하는 분들이 없어서 제거했습니다.
다른 방법으로 네이버 카페의 질문 게시판에 궁금한 점을 질문하실 수도 있습니다.
댓글 남기기