기존 네이버나 티스토리 블로그를 운영하다가 워드프레스 환경에서 글을 쓰다 보면 꼭 하나 걸리는 문제가 바로 내부 외부 링크 삽입시 링크 미리보기가 전혀 없는 볼품없는 링크 인데요.
이 문제를 해결하기 위해 지난 워드프레스 필수 플러그인 포스팅에서 한번 언급했었던 플러그인 하나를 소개해 드리겠습니다.
워드프레스 에서 네이버나 티스토리 같은 연관글 작업 할때 많이 쓰던 이 기능이 없으니 글을 작성할 때 뭔가 불편합니다. 그런데 다른 워드프레스 기반 블로그들을 검색 하다 보니 다른 블로그엔 티스토리와 유사한 삽입글이 보이길래 바로 검색을 해봤습니다.
워드프레스 링크 미리보기 플러그인 Visual Link Preview
처음엔 복사 붙여넣기만 하면 알아서 링크섬네일을 만들어 주던 편한 기능 때문에 워드프레스의 링크 기능은 영 마음에 들지 않아서 검색을 해보니 답은 있었습니다. 워드프레스 에서도 네이버 블로그 링크와 유사한 링크 미리보기를 지원하는 플러그인 있습니다.
플러그인 이름은 Visual Link Preview 비주얼 링크 프리뷰 인데요.
워드프레스 플러그인 추가 메뉴에서 “Visual Link Preview” 검색을 하면 바로 설치할 수 있는 플러그인 입니다.
사실상 다른 링크 미리보기 플러그인은 아직 찾지 못했고 이 Visual Link Preview 플러그인이 그나마 네이버나 티스토리 삽입글과 가장 유사한 형태로 링크 썸네일을 추가할 수 있더라고요.
플러그인을 설치하고 활성화 후 워드프레스 어드민 메뉴 설정에 들어가 보시면 Visual Link Preview 가 추가된걸 확인할 수 있습니다.
기본 설정 화면은 영문으로 되 있지만 그리 세팅 메뉴 자체는 단순해서 예전 티스토리에서 Style 좀 만져봤던 경험이 있으면 누구나 세팅이 가능합니다. 세팅이 어렵더라도 기본 설치 만으로 3개의 기본 템플릿을 지원하니 걱정 안하셔도 되고요.
네이버,티스토리와 유사한 링크 썸네일 만들기
Visual Link Preview 설치를 마치고 글쓰기로 가보면 에디터 메뉴바에 아래와 같은 아이콘이 추가된 걸 확인할 수 있습니다. (클래식 편집기 기준)
편집기 메뉴바에서 위 아이콘을 누르면 첫 화면은 아래와 같은 팝업창이 생성되는데요.
설정 설명을 잠시 하겠습니다.
Type 메뉴
- Internal Link : 블로그 내부 글 링크 불러오기
- External Link : 외부 글 (URL링크) 불러오기
Visual Link Preview 내부 글 첨부 방법
내부글을 불러올땐 Type을 Internal Link 로 선택후 Post 입력 란에 기존 작성했던 포스팅의 제목을 입력하면 위와 같이 이전에 작성했던 포스팅의 제목 목록이 나타 나고 해당 포스팅을 선택하면 아래와 같은 화면이 나옵니다.
불러올 포스팅을 선택하면 위와 같이 추가 메뉴가 뜨게 됩니다.
- Image : 대표섬네일 이미지를 지울 수 있습니다.
- Title : 링크썸네일 제목을 수정할 수 있습니다.
- Summary : 링크된 글 요약글을 수정 할 수 있습니다.
- Template : 링크 썸네일 템플릿을 변경할 수 있습니다.
이와 같이 Internal Link 에선 내 블로그에 작성 되 있던 내부글을 쉽게 썸네일 링크로 불러 올 수 있습니다.
Visual Link Preview 외부글 (URL링크) 첨부 방법
Visual Link Preview 플러그인은 내부 글은 물론 외부 글(URL링크) 도 불러올 수 있습니다. 아래 이미지를 보시죠.
Type을 External Link로 선택하면 위와 같은 메뉴가 나옵니다.
- Link : 첨부하고 싶은 외부링크 (외부URL) 입력하는 곳
- Image : 내부 글 불러오기와 동일.
- Title : 불러온 외부 링크의 타이틀을 수정할 수 있음.
- Summay : 요약글 을 수정할 수 있음.
- Template : 내부글 설정과 동일.
Visual Link Preview 의 외부 글 불러오기는 URL 첨부란 만 내부 글 불러오기와 다르고 나머지 설정은 동일 합니다.
예를 들어 제 블로그 주소를 외부 링크로 한번 불러와 봤는데요.
제 블로그 주소를 입력하면 위와 같이 PostX 로 설정해 놓은 제 블로그 초기페이지로 자동 연결 되네요.
이렇게 Visual Link Preview 플러그인을 사용하면 워드프레스 내에서도 네이버나 티스토리 연관글과 유사한 링크 미리보기를 만들 수 있습니다.
실제 제 포스팅에 적용한 화면을 한번 보시죠.
이렇게 포스팅 본문 하단에 예전 티스토리나 네이버처럼 연관 글 링크를 넣을 수 있습니다.
글을 마치며
오늘은 워드프레스 에서 링크 미리보기를 불러올 때 사용 되는 플러그인인 Visual Link Preview 플러그인에 대해 알아보았습니다.
단순히 소개만 해드리고 끝내려고 했으나 처음 워드프레스 환경에 적응 하시는 분들을 위해 최대한 자세히 설명하다 보니 뭔가 글이 이상해 진 것 같네요. 그래도 한번 글을 작성해 놓을 때 내가 다시 봐도 될 정도로 해놔야 직성이 풀리다 보니 이렇게 됬네요.
블로그 설정이 아직 마무리 되지 않은 관계로 설정 관련 포스팅을 많이 올리진 못하지만 앞으론 블로그를 개설하고 구축하면서 쌓인 노하우나 세팅 방법 등을 간간히 포스팅 할 예정이니 재밌게 봐주시기 바랍니다.