Divi 테마에서 로고 URL 변경하기

워드프레스 정보를 제공하는 블로그 Avada 2018. 1. 22. 02:30 • 댓글:

Divi 테마는 깔끔하고 속도도 빠른 편이어서 Divi 테마를 자주 이용하는 편입니다. 특히 Elegant Themes에서 매주 무료로 제공하는 레이아웃 팩을 응용하면 괜찮은 레이아웃의 페이지를 만들 수 있습니다.

예를 들어, 무료 레이아웃 팩에 포함된 Contact 페이지를 활용하여 문의 페이지를 만들 수 있습니다.

위의 스크린샷에서는 문의 폼 부분을 Quform으로 만든 컨택트 폼으로 바꾸어 응용한 것입니다. 

워드프레스에서 로고나 사이트 제목을 클릭하면 홈페이지 주소(예: www.example.com 혹은 www.example.com/wordpress)로 연결됩니다. 로고를 클릭했을 때 다른 URL로 연결되기를 원하는 경우 보통 테마의 header.php 파일에서 로고 이미지에 지정된 연결 URL을 변경하면 됩니다.

이 작업을 하시기 전에 먼저 자식 테마를 만들어 진행하시기 바랍니다. 그렇지 않으면 변경 사항이 초기화됩니다(참고). 차일드 테마를 만들어서 작업하라고 하면, 제 말을 무시하고 원 테마의 소스 파일을 직접 수정하는 분들이 간혹 있습니다. 그러다가 나중에 테마가 업데이트되면 수정 사항이 모두 사라져서 낭패를 당하기도 합니다.

header.php 파일에서 다음 코드 라인을 찾습니다.

<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
						<img src="<?php echo esc_attr( $logo ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" id="logo" data-height-percentage="<?php echo esc_attr( et_get_option( 'logo_height', '54' ) ); ?>" />
					</a>

위에서 <a href="<?php echo esc_url( home_url( '/' ) ); ?>"> 부분의 <?php echo esc_url( home_url( '/' ) ); ?>을 원하는 URL로 대체하도록 합니다.

예시:

<a href="https://www.example.com/">

Divi 테마에서는 비교적 쉽게 로고 이미지를 클릭했을 때 연결되는 URL을 수정할 수 있습니다.

Divi 테마는 여러 사이트에 사용하려는 경우에 경제적일 수 있습니다. 한 두 사이트에 사용할 경우 1개 사이트에만 사용할 수 있는 Avada, Enfold, BeTheme 같은 인기 워드프레스 테마를 고려해볼 수 있습니다.

워드프레스 Divi 테마

참고: