워드프레스 하이퍼링크 사용 법

워드프레스 블로그 글작성 시 내 블로그 내의 다른글로 이동해서, 내 블로그 내의 체류시간을 높이거나, 혹은 다른 외부사이트로 이동하는 하이퍼링크를 사용해야 하는 경우가 많은데요.

오늘은 워드프레스 글 작성시 이 하이퍼링크 삽입하는 방법과 해당 링크글을 강조하는 CSS 코드까지 알아보도록 하겠습니다.

워드프레스 하이퍼링크 삽입법

워드프레스 블로그에서 내블로그의 다른글로 이동 (내부링크) 와 다른 사이트로 이동 (외부링크) 는 필수라고 할 만큼 해당 포스트의 SEO 에 좋은 점수를 주는데요. 생각보다 하이퍼링크 삽입하는 방법이 간단합니다.

1.하이퍼링크를 넣고 싶은 문장이나 단어를 지정합니다.

2. 아래 사진의 모양을 누르거나 단축키 Ctrl +k 누릅니다.

3. 상단 (1번) 에 이동하고 싶은 링크를 넣습니다.

4.Open in new tab 만 활성화 후 “엔터” 칩니다.

5.만들어진 링크를 클릭하면 다시 탭이 활성화 되는데, ADD TITLE ATTRIBUTE TO LINK (2번)에 간단하게 이동하는 페이지의 “제목” 을 적어줍니다.

하이퍼링크 글씨 꾸미기

하이퍼링크를 넣은 문장이나 단어는 아래 사진과 같이 “하이라이트” 나 “밑줄효과” 혹은 마우스를 가져다 대었을때, 글자색이 바뀌는 오버효과 등을 넣어 시각적인 효과를 줄수 있는데요. 이게 코드를 만져야 되는거라 좀 까다로운 면이 있습니다.

만약 아래 사진 처럼 “하이라이트 + 밑줄+오버효과” 를 결합한 제 블로그와 같은 효과를 주시고 싶은 분이라면 아래 제가 첨부한 CSS 코딩을 사용하시면 됩니다.

사용방법은 다음과 같습니다.

1.먼저 첨부한 텍스트파일을 다운받습니다.

2.텍스트파일에 써있는 CSS 코드를 모두 복사합니다.

3.워드프레스 관리자 창으로 와서 Appearance > Customize > Additional CSS

4.복사한 코드를 붙여넣기 하고 저장을 합니다.

첨부한 파일은 밑의 파일을 다운받으시면 됩니다.

글을 마치며

오늘은 하이퍼링크 사용 법 은 물론, 하이퍼링크를 꾸미는 방법까지 알아보았는데요. 앞서 말씀드린것 내부링크와 외부링크를 적절히 넣어주는건 SEO 를 높이는데, 크게 도움이 되기 때문에, 하이퍼링크 넣는법을 잘 숙지하시어, 적절히 사용하시면 좋을 것 같습니다.

그렇다고 너무 또 자주 넣으시면 오히려 역효과가 날수도 있기때문에, 내부링크 1~2개 외부링크 1개정도면 적절할 것 같습니다.