본문 바로가기
워드프레스

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

by 로니킴 2021. 4. 13.


썸네일과 글이 포함된 링크를 눌러 페이지를 이동하기 위해 비주얼 링크 프리뷰(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 속성을 추가하는 것이 좋습니다.

     

     



    댓글