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

썸네일과 글이 포함된 링크를 눌러 페이지를 이동하기 위해 비주얼 링크 프리뷰(Visual Link Preview) 플러그인을 설치합니다. 워드프레스에서는 썸네일+글의 링크를 기본적으로 제공하지 않습니다. URL 링크 형태로 제공됩니다. 따라서 카카오톡, 페이스북, 메시지 등에서 공유할 때 썸네일 이미지와 글이 함께 공유되는 비슷한 포맷을 사용하기 위해 Visual Link Preview 플러그인을 설치해야 합니다.

 

목차

 

---

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

 

 

---

 

 

 

 

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

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

 

 

비주얼 링크 프리뷰로 다음과 같이 사용할 수 있습니다. 

• 제휴사 링크에 대한 행동 유도
• 웹 사이트에서 WooCommerce 제품 홍보
• 기사 출처 나열
• 당신이 찾은 흥미로운 웹 사이트의 포스트
• 자신의 웹 사이트의 관련 게시물에 연결

 

데이터베이스 조회가 필요하지 않으므로 페이지에 이러한 블록이 많이 있어도 성능에 영향을주지 않습니다.
단축 코드 및 블록을 사용하여 Classic 및 Gutenberg Block Editor와 모두 호환됩니다.

---

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

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

 

 

 

---

 

 

 

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

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

 

기본 템플릿(Default Template)인 Simple 템플릿이 적용되어 있습니다. 썸네일 크기, 텍스트 크기 및 색상 등을 지정할 수 있습니다. 

 

 

---

 

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

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

 

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

 

 

 Select a post on your website는 같은 도메인 안에 있는 글을 삽입할 수 있습니다. 

Or Add a link to an external URL은 외부 URL을 삽입할 수 있습니다. 

 

 

정상적으로 URL이 플로그인에 적용되었다면, (3) 썸네일과 글이 표시되는 것을 확인할 수 있습니다. 

 

 

 

---

 

 

 

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

블록에서 External Link를 변경할 수 있습니다. 글의 내용을 수정할 수 있습니다. 이외에도 새 탭에서 링크를 열도록 하는 옵션(Open link in new tab)과 nofollow 속성을 추가하는 옵션(Nofollow Link)도 제공됩니다. 제휴 링크를 비롯한 유료 링크에는 nofollow 속성을 추가하는 것이 좋습니다.