단축링크를 사용하여 워드프레스 글 링크 공유하기

그림과 같이 버튼이나 아이콘을 눌렀을 때 해당 글의 링크가 표시되어 사용자들이 복사하여 공유할 수 있도록 하려는 경우 자바스크립트로 쉽게 구현할 수 있습니다.

단순히 현재 URL의 링크를 공유하는 팝업은 "링크 공유 팝업 창 띄우기(Javascript)" 글에 설명되어 있습니다.

하지만 URL에 한글이 포함될 경우 공유되는 링크가 매우 지저분하게 보일 수 있습니다.

아래 코드 대신 자바스크립트만을 사용하여 짧은 링크 형식으로 포스트 URL을 복사하는 방법이 "워드프레스 포스트 URL 복사하기 버튼 만들기"에 설명되어 있습니다.

[ 이 글은 2023년 7월 26일에 마지막으로 업데이트되었습니다. ]

단축링크를 사용하여 워드프레스 글 링크 공유하는 방법

URL에 한글이 포함되어 공유할 때 깨진 것처럼 보이는 것이 싫은 경우 단축링크(쇼트링크; Shortlink)를 가져와서 표시해주면 보다 깔끔하게 현재 글의 URL을 표시할 수 있습니다. 쇼트링크는 wp_get_shortlink 함수를 사용하여 가져올 수 있습니다.

<?php echo wp_get_shortlink(); ?>

위와 같은 함수를 사용하면 URL이 http://example.com/?p=1234와 같이 짧은 단축주소 형식으로 표시됩니다.

"링크 공유 팝업 창 띄우기(Javascript)" 글에 소개된 코드를 응용하여 다음과 같은 코드를 워드프레스 테마 폴더 내의 single.php 파일이나 적절한 파일에 추가하면 됩니다(반드시 차일드 테마를 만들어서 작업하도록 합니다).

<span class="copyurl2" style="cursor: pointer;" onclick="copyURL();">이 글의 링크 복사</span>

<script>
function copyURL(){
var shortlink = "<?php echo wp_get_shortlink(get_the_ID()); ?>";
prompt('Ctrl+C를 눌러 아래의 URL을 복사하세요:', shortlink);
}
</script>

이 코드를 적절히 응용하여 버튼이나 아이콘으로 표시할 수 있습니다.

한글 URL이 깨져서 표시되어 눈에 거슬리는 경우에 wp_get_shortlink 함수를 사용하여 단축링크로 표시하면 보다 깔끔하게 링크를 표시할 수 있습니다.

다른 방법으로 플러그인을 사용하여 사이트 내의 URL이나 외부 URL을 단축 링크로 만들어 공유하고 추적하는 것을 고려해볼 수 있습니다.

• 워드프레스 URL 단축 및 추적 플러그인 - Shortlinks by Pretty Links

참고:

• 검색엔진최적화(SEO)에 유리한 워드프레스 URL 구조
• 워드프레스 주소 복사 버튼 추가하기