[워드프레스] 푸터의 저작권(Copyright) 문구를 변경하는 방법

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.
참고

들어가며

워드프레스 푸터(Footer) 영역에 “Theme by 테마 개발자” 또는 “Powered by WordPress’와 같은 문구가 표시되는 경우가 있습니다. 이 경우 푸터 영역의 저작권(Copyright) 문구를 변경하는 방법을 살펴보겠습니다. 아래에 설명하는 다양한 방법 중에서 적합한 방법을 통해 저작권 문구를 수정하시기 바랍니다.

테마 옵션에서 변경하기

대부분의 유료 테마와 일부 무료 테마에서는 테마 옵션을 통해 푸터 문구를 변경할 수 있도록 합니다. 외모 > 사용자 지정하기 또는 테마 옵션(Theme Options)에서 저작권 문구를 변경할 수 있는 옵션이 있는지 확인합니다.

예를 들어, 가장 인기 있는 테마인 Avada의 경우 테마 옵션 > 푸터 > Footer Content(푸터 콘텐츠) 아래의 “저작권 텍스트” 부분에서 Copyright 문구를 수정할 수 있습니다.

Avada-Copyright-Text

Enfold의 경우 조금 특이하게 “Enfold Theme by Kriesi“라는 저작권 문구가 기본적으로 추가됩니다. Enfold에서 이 문구를 삭제하는 방법은 이 글을 참고해보시기 바랍니다.

Footer 파일 수정하기

테마 옵션을 통해 저작권 문구를 변경할 수 없는 경우 테마 소스 파일을 수정할 수 있습니다. 보통은 footer.php 파일에서 가능하지만 일부 테마에서는 Copyright 문구를 제어하는 부분을 함수 파일이나 다른 파일에 추가했을 수 있습니다. 테마 소스 파일을 수정하는 경우 반드시 차일드 테마(자식 테마; 하위 테마)를 만들어서 작업하시기 바랍니다(자식 테마 만드는 방법은 이 글을 참고하세요).

예를 들어, 올해의 기본 테마인 Twenty Sixteen의 경우 footer.php 파일에서 다음 부분을 수정하면 됩니다.

<span class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span>
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentysixteen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentysixteen' ), 'WordPress' ); ?></a>

하지만 위의 부분을 수정하더라도 끝 부분에 슬래시(/)가 추가될 것입니다. 이 경우 요소 검사를 하여 그 부분을 없애주어야 합니다.

.site-footer .site-title:after {
display: none;
}

위의 CSS 코드를 테마의 스타일시트 파일에 추가하도록 합니다.

CSS를 사용하여 저작권 문구 변경하기

테마 옵션에 변경하는 설정이 없는 경우 CSS를 통해서도 저작권 텍스트를 변경할 수 있습니다. 예를 들어, Attitude라는 테마(Interface 테마도 동일)에서 다음 CSS 코드를 스타일 시트 파일에 추가하면 저작권 문구가 변경됩니다. 이 경우에도 마찬가지로 자식 테마를 만들어서 작업해야 추후 테마가 업데이트되더라도 수정 사항이 사라지지 않습니다.

/* Attitude 테마와 Interface 테마에서 Copyright 부분 변경하기 */

#site-generator .copyright {
visibility: hidden;
line-height: 0;
}
#site-generator .copyright:before {
visibility: visible;
content: 'Copyright(C) 2016. 워드프레스'; /* 적절한 문구로 변경 */
line-height: 1.2em; /* 글자 크기를 적절히 변경 */
color: #bdbdbd; /* 글자 색상을 적절히 변경하도록 합니다 */
}

위와 같은 코드를 style.css 파일에 추가하면 저작권 문구가 변경된 것을 확인해볼 수 있습니다.

다른 테마에서는 요소 검사를 수행하여 적절한 요소 이름으로 변경하여 적용해야 합니다. 요소 검사를 하여 CSS를 적용하는 방법은 “워드프레스에 CSS를 적용하는 방법“을 참고해보시기 바랍니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.