워드프레스 썸네일 Visual Link Preview(비주얼 링크 프리뷰) 플러그인

워드프레스에 썸네일과 글이 포함된 링크를 눌러 페이지를 이동하기 위한 방법으로 비주얼 링크 프리뷰(Visual Link Preview) 플러그인을 추천합니다. 워드프레스에서는 썸네일+글의 링크를 기본적으로 제공하지 않고있습니다. URL 링크 형태로 제공되고 있는데요 때문에 블로그, 카페, sns, 메시지 등에서 공유할 때 썸네일 이미지와 글이 함께 공유되는 형태의 포맷을 사용하기 위해서는 Visual Link Preview 플러그인을 설치해서 쓰시면 됩니다.

목차

- 비주얼 링크 프리뷰 (Visual Link Preivew) 플러그인
- 비주얼 링크 프리뷰 (Visual Link Preivew) 플러그인 설치하기
- 비주얼 링크 프리뷰 (Visual Link Preivew) 플러그인 설정하기
- 비주얼 링크 프리뷰 (Visual Link Preivew) 플러그인 사용하기
- 비주얼 링크 프리뷰 (Visual Link Preivew) 플러그인 수정하기

---

워드프레스 썸네일 Visual  Link Preview (비주얼 링크 프리뷰) 플러그인

비주얼 링크 프리뷰 플러그인은 웹 사이트의 원하는 링크에 대해 카톡에서 링크 공유하는것과 유사한 링크 미리보기를 쉽게 만들 수 있습니다. 표시할 이미지와 텍스트를 선택하고 나만의 사용자 지정 템플릿도 만들 수도 있고 기본 템플릿은 설정에서 웹 사이트와 일치하도록 스타일을 지정할 수 있습니다.

 

비주얼 링크 프리뷰 플러그인을 다음과 같이 사용해 보세요.

• 소개하고 싶은 흥미로운 웹 사이트의 포스트
• 나의 웹 사이트와 관련 게시물을 연결 할때
• 제휴사 링크 홍보 공유
• 웹 사이트에서 쇼핑몰 제품 홍보
• 기사글 공유 사용

데이터베이스 사용이 필요하지 않기때문에 페이지에 이러한 공유하는 블록이 많이 있어도 파일용량 및 서버 자원에 영향을주지 않습니다.
사용방법은 단축 코드 및 블록을 사용하여 워드프레스 모든 에디터 (Classic 및 Gutenberg Block Editor)와 모두 호환됩니다.

 

 

비주얼 링크 프리뷰 (Visual Link Preivew) 플러그인 설치하기

>비주얼 링크 프리뷰 설치 방법

플러그인>새로추가>키워드 를 클릭합니다. Visual link preview 를 검색합니다. "지금 설치"를 클릭하여 정상적으로 설치가 되었으면 플러그인을 "활성화"합니다. 

 

 

비주얼 링크 프리뷰 (Visual Link Preivew) 플러그인 설정하기

플러그인이 설치 및 활성화 되었으면 간단한 설정으로 원하는 썸네일 사이즈와 텍스트 모양을 선택할 수 있습니다.

설정> Visual Link Preview를 클릭합니다. 먼저 Use Custom Styling을 활성화시킵니다. 

처음엔 기본 템플릿(Default Template)인 기본 템플릿이 적용되어 있습니다. 템플릿의 종류에 따라 썸네일 크기, 텍스트 크기 및 색상 등을 수동으로 바꾸시는것도 가능합니다. 수동으로 개별 수정하는 것을 원하지 않을 경우 몇가지 제공되는 템플릿을 선택하셔서 사용 해보세요. 초보자에게 이방법이 더 쉬울 겁니다. 템플릿의 선택은 추후 포스팅을 하실때 바꾸시는것도 가능합니다.

 

 

비주얼 링크 프리뷰 (Visual Link Preivew) 플러그인 사용하기

플러그인을 활성화한후 워드프레스 글쓰기 블록 에디터 또는 편집 화면에서 + 버튼을 클릭하여 플러그인을 삽입할 수 있습니다. 

위젯> Visual Link Preview를 클릭합니다. 

 

Select a post on your website는 같은 도메인 안에 있는 다른 글을 삽입할때 사용
Or Add a link to an external URL은 외부 URL을 삽입할 수때 사용합니다.

 

정상적으로 적용되었다면 위와같이 썸네일과 글이 표시되는 것을 확인할 수 있습니다. 

Compact 템플릿을 사용할 경우 모양

 

Spotlight 템플릿을 사용할 경우 모양

 

비주얼 링크 프리뷰 (Visual Link Preivew) 플러그인 수정하기

블록에서 External Link 및 글의 내용을 직접 수정할 수 있습니다. 이외에도 새 탭에서 링크를 열도록 하는 옵션(Open link in new tab)과 nofollow 속성을 추가하는 옵션(Nofollow Link)도 제공됩니다. 제휴 링크를 비롯한 유료 링크에는 nofollow 속성을 추가하는 것이 좋습니다. 또한 썸네일 이미지를 내가 원하는 이미지를 업로드 하여 변경도 가능합니다.

 

모모단 가격 이벤트 중이네요

 

이사할때 꼭 알아야하는 꿀팁 모음!