티스토리 #1 스킨에서 댓글에 포함된 링크가 클릭되도록 수정하기

워드프레스 정보를 제공하는 블로그 Avada 2017. 10. 30. 16:42 • 댓글:

현재 이 블로그에는 티스토리의 기본 스킨 중 하나인 #1을 사용 중입니다.

티스토리에서 댓글에 링크를 추가할 경우 클릭이 안 되네요.

저는 다음과 같은 jQuery 스크립트를 추가하여 댓글에 http://... 또는 https://...가 있으면 자동으로 링크되도록 했습니다.

<script>
$('.txt_reply').each(function() {
var linkable_content = $(this).html().replace(/(https?:\/\/[^ ;|\\*'"!,()<>]+\/?)/ig,'<a href="$1" target="_blank">$1</a>');
$(this).html(linkable_content);
})(jQuery);
</script>

다른 스킨에서는 스킨 소소에 맞게 위의 코드를 조금 수정하시면 됩니다. 위의 스크립트를 </body> 바로 위에 추가하도록 합니다.

저는 관리자가 작성한 댓글에서만 링크를 클릭할 수 있도록 했습니다.

추가:

위의 스크립트를 사용해도 작동은 잘 되지만 스크립트 오류가 발생하여 구글 SEO에 부정적인 영향을 미칠 수 있습니다. 위의 스크립트 대신 다음 글에서 소개하는 코드를 사용하시기 바랍니다.