워드프레스 테마 Footer(풋터) 문구는 어디에서 수정할 수 있을까?


2013년 5월 13일


Footer (풋터)는 테마 하단에 위치한 영역으로 많은 테마에서 위젯이나 간략한 회사 소개 등을 넣을 수 있도록 옵션을 제공합니다.  그런데 가끔 테마의 개발자가 코드에 직접 심어둔 정보가 있어서 이를 변경하고 싶을 때가 있습니다.  이번 포스트에서는 footer 영역에 원하지 않는 정보가 있을 때 이를 수정하는 방법에 대해 소개하겠습니다.

테마 옵션 확인

많은 유료 테마들은 풋터에 사용자가 원하는 정보를 넣을 수 있도록 옵션을 제공합니다. 사용하시는 테마에 이런 옵션이 있는 지 미리 확인하세요. 풋터 옵션이 있으면 옵션에서 수정을 하시면 되겠죠.

Churchope 풋터 옵션

Churchope 풋터 옵션

하지만 TwentyTwelve와 같은 테마에는 이런 옵션이 없기 때문에 소스를 수정해야합니다.
footer-1

풋터 파일 찾기

FTP에서 현재 사용하는 테마의 폴더를 보면 footer.php라는 파일이 있습니다. 자식테마를 사용하시는 분들은 부모테마의 footer.php 파일을 자식테마 폴더에 복사/붙여넣기 하시고 수정하세요.

풋터 파일에서 수정을 원하는 문구 찾기

주로 사용하시는 에디터에서 footer.php을 열고 수정하고자 하는 문구나 단어를 검색합니다. TwentyTwelve에는 아래와 같은 코드가 footer.php파일에 있군요.

<?php
/**
 * The template for displaying the footer.
 *
 * Contains footer content and the closing of the
 * #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */
?>
	</div><!-- #main .wrapper -->
	<footer id="colophon" role="contentinfo">
		<div class="site-info">
			<?php do_action( 'twentytwelve_credits' ); ?>
			<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?></a>
		</div><!-- .site-info -->
	</footer><!-- #colophon -->
</div><!-- #page -->
 
<?php wp_footer(); ?>
</body>
</html>

테마마다 풋터 코드가 다르겠지만 일단 원하는 영역을 찾는 것이 우선입니다. “Proudly”를 검색하니 아래와 같은 코드가 보이네요.

<?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?>

비개발자에게는 조금 복잡해보일 수 있지만 위의 코드를 간략하게 설명하면 Proudly powered by %s를 프린트(printf)하라는 코드입니다. 그런데 %s는 뭐냐구요? 바로 그 뒤에 있는 ‘WordPress’입니다. 즉, Proudly powered by WordPress가 되는 것이죠.

__( ”,” ) 는 워드프레스에서 번역을 위해 사용하는 코드입니다. (워드프레스 번역은 워드프레스, 테마 그리고 플러그인 영어를 한글로 번역하기를 참고하세요.) TwentyTwelve는 풋터 영역에 옵션을 제공하지는 않지만 번역을 해서 원하는 코드로 수정할 수 있습니다.

다양한 방법으로 코드를 수정할 수 있겠지만 잘 모르시겠다면 일단 php를 다 빼고 HTML 코드를 직접 넣으시면 됩니다. Footer에 들어가는 회사나 개인의 정보들은 지속적으로 변경되는 것이 아니기 때문에 직접 코드를 넣어도 큰 문제는 없을 것같네요. 예를 들어 위의 코드에서 앵커태그(a tag)에 있는 php와 그 사이에 있는 php코드를 모두 삭제하고 “HwangC의 착한 워드프레스”를 넣어보도록 하겠습니다.

<a href="http://www.hwangc.com" title="HwangC의 착한 워드프레스">HwangC의 착한 워드프레스</a>

처음 코드와 비교했을 때 심플하게 변경되었지만 동일한 기능을 합니다.
footer-3

전체 footer.php 코드는 아래와 같습니다.

<?php
/**
 * The template for displaying the footer.
 *
 * Contains footer content and the closing of the
 * #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */
?>
	</div><!-- #main .wrapper -->
	<footer id="colophon" role="contentinfo">
		<div class="site-info">
			<?php do_action( 'twentytwelve_credits' ); ?>
			<a href="http://www.hwangc.com" title="HwangC의 착한 워드프레스">HwangC의 착한 워드프레스</a>
		</div><!-- .site-info -->
	</footer><!-- #colophon -->
</div><!-- #page -->
 
<?php wp_footer(); ?>
</body>
</html>

마치며

풋터 영역의 테마 문구 수정을 문의하신 분들이 계셔서 포스트를 해보았습니다. 이번 포스트에서는 TwentyTwelve로 풋터를 수정했지만 테마마다 코드가 다르기 때문에 먼저 코드를 분석하고 수정하시기를 권합니다. 개발자의 의도를 무시하고 코드를 변경하면 테마에 문제가 발생할 수도 있기 때문이죠. 그럼 오늘도 즐거운 블로깅 하세요! :)