워드프레스 ‘임베드 활용법’, 외부글 링크+ 이미지 삽입하기

워드프레스를 활용하여 블로그를 운영하시는 분들은 여러가지 플러그인을 활용하는 방법을 익히셔야 합니다. 저도 글을 작성하는데 더 많은 시간을 할애하다가 최근에야 비로소 궁금했던 점을 해결할 수 있었습니다.

워드 프레스 ‘외부 글 삽입’

글을 작성하다보면 추가적으로 방문자들이 봤으면 하는 글을 삽입하기도 합니다. 특히나 블로거들은 대부분 하나의 블로그만 운영하지 않습니다. 나의 사이트에서 또다른 나의 사이트로 이동을 시키기 위해~ 아니면 내가 작성한 다른 글을 보게 하기 위해 외부 링크를 이용하기도 합니다.

그런데, 같은 워드 프레스 안에서 이전 글을 삽입할 때는 간편하게 ‘[[‘만 치면 자동으로 뜨지만, 다른 사이트 글을 삽입하려면 ‘임베드를 이용해야 합니다.

하지만 기본 워드프레스의 임베드는 정말 링크만 나옵니다.

‘임베드’ 활용하기

저의 목표는 글을 삽입할 때 이미지와 함께 글의 제목, 요약글이 나오면 좋겠다는 생각입니다. 바로 아래와 같이 ‘티스토리’에서는 ‘글 링크’만 넣어도 자동으로 이미지와 글이 뜹니다.

그러면 위와 같이 나오게 하려면 어떻게 해야 할까요?

바로 ‘플러그인’을 설치하면 됩니다. (관리자 로그인 후 플러그 추가에서 하시면 됩니다.)

1. 워드프레스 ‘플러그인’에서 ‘Visual Link Preview’를 설치합니다.

무료 플러그인이라서 쉽게 설치가 가능하고 ‘활성화‘를 시킨 다음 Setting으로 들어갑니다.

2. ‘Setting’에서 Static Templates을 설정합니다.

플러그인 메뉴에 가면 본인 워드프레스에서 설치된 플러그인 들을 볼 수 있습니다. 거기서 ‘visual link preview’의 ‘setting’을 클릭하신다음 아래 화면을 찾으시면 됩니다.

다른 플러그인처럼 복잡하지는 않고 저기 ‘회색 X부분’만 활성화 시키면 됩니다.

3. Static Templates을 활성화 시킵니다.

그런 다음

Container 부분에서 이미지 사이즈, Text 색상, 글자 크기 등을 원하시는 것으로 세팅하시면 됩니다.

그럼 바로 적용해 보겠습니다.

4. 글쓰기에서 메뉴를 선택합니다. ‘/Visual’까지만 쓰시면 자동으로 메뉴가 나옵니다.

선택하시고 본인이 삽입하고 싶은 링크를 넣으시면 됩니다.

5. 외부 Link 주소를 넣고 ‘Use this URL’을 선택합니다.

그렇다면 아래와 같이 나타납니다.

우선 섬네일 이미지가 조금 작고, 제목과 내용이 보이는 것은 아주 좋은데, 내용이 너무 다 보여서 아쉽네요. 다음에는 요약글이 표시되는 방법을 연구해 보아야 겠습니다.

그럼 다들~ 블로그로 대박나세요!!