워드프레스 링크 미리보기 플러그인 Visual Link Preview

     Visual Link Preview 플러그인을 이용하면 페이스북 스타일의 링크 공유가 가능합니다. 기본적으로 티스토리에서 링크를 입력하면 깔끔한 네모 박스에 주소의 정보가 이미지와 함께 보이는데 이처럼 공유하는 거죠.

     

     

    워드프레스 블로그 검색 등록하기 네이버와 다음 구글 빙 까지

    워드프레스 블로그를 운영할 예정이라면 워드프레스 도메인과 호스팅 등의 모든 준비를 마치고 포스팅을 작성한 다음 각 검색엔진에 자신의 워프 블로그를 등록시켜야합니다. 티스토리는 다음

    techguide.tistory.com

     

    워드프레스에서는 자신의 사이트에 있는 글만 공유가 가능하고 타 사이트의 링크는 임베디드가 불가능합니다. 그렇기에 해당 기능을 쓸 수 있는 "Visual Link Preview"를 사용합니다.

    워드프레스 Visual Link Preview 플러그인 설치하기

    반응형

    1. 워드프레스의 플러그인에서 "Visual Link Preview"를 검색하여 설치하고 "활성화"를 시킵니다.

     

    Visual Link Preview 플러그인 설치

    2. 워드프레스 -> 설정 -> Visual Link Preview 으로 이동하여 미리보기 디자인이나 스타일을 지정합니다. Template에서 원하는 디자인을 골라도 좋고 아니면 Static Templates에서 Use Custom Styling를 체크한 다음에 사이즈나 테두리, 썸네일 크기 등의 옵션을 지정해서 변경이 가능합니다.

     

    워드프레스-링크-미리보기-설정

    3. 워드프레스 글쓰기에서 + 버튼을 눌러서 Visual Link Preview 를 검색해서 사용하면됩니다.

     

    에디터에서 Visual Link Preview 사용하기

    4. Visual Link Preview를 실행하면 첫번째 "Select a post on your website"는 자신의 사이트나 블로그 내부의 글의 링크를 추가하는 방식이고 밑에 "Or add a link to an external URL"는 외부사이트 링크를 페이스북 스타일로 공유할 때 사용합니다. 네이버 주소를 입력해보겠습니다.

     

    Visual Link Preview 링크 추가방법

    5. 워드프레스 에디터에서 Visual Link Preview 플러그인을 이용해서 네이버 주소를 입력하면 아래의 이미지처럼 링크 미리보기가 생성됩니다. 기존의 워드프레스 에디터에서는 외부링크는 임베디드가 불가능하다고 나오는데 훨씬 깔끔하고 예쁘네요.

    6. 또한 Open link in new tab은 첨부된 링크를 클릭하면 새탭으로 오픈시킬 것인지 아니면 현재 창으로 링크를 열 것이지를 선택하고 Nofollow Link처럼 제휴나 유료링크에 속성을 추가하는 옵션도 지원합니다.

     

    그리고 스타일에서 기본 템플릿에 지정된 옵션을 선택해서 미리보기 링크의 디자인을 변경할 수 있습니다.

    Visual Link Preview-설정

    워드프레스에서 외부 사이트 링크를 넣을때 불편했다면 Visual Link Preview를 사용해서 깔끔한 포스팅을 작성해보세요.

     

    워드프레스 관련 글

    댓글

    Designed by JB FACTORY