워드프레스 메뉴 항목에 줄 바꾸기 태그 삽입하기

워드프레스 메뉴 내비게이션 항목에 줄 바꾸기를 삽입하기를 원할 수 있습니다.

워드프레스의 특정 메뉴 항목을 두 줄이나 여러 줄로 표시하고 싶은 경우 다음 글에서 소개하는 방법을 사용할 수 있습니다.

워드프레스 메뉴를 두 줄로 표시하는 방법

워드프레스 메뉴 항목에 줄 바꾸기 태그 삽입하기

줄바꾸기 태그를 삽입하고 싶은 경우에는 다음 코드 스니펫을 추가하고 메뉴 항목의 줄 바꾸기할 부분에 #BR#을 삽입하는 것도 가능합니다.

코드는 테마의 함수 파일에 추가해야 합니다. 자식 테마(차일드 테마)를 만든 후에, 자식 테마 폴더 내의 functions.php 파일에 코드를 추가해야 추후에 테마가 업데이트가 되어도 추가했거나 수정한 사항이 초기화되지 않습니다.

// 메뉴 항목에 줄바꾸기 태그 삽입
function wpa_105883_menu_title_markup( $title, $id ){
if ( is_nav_menu_item ( $id ) ){
$title = str_ireplace( "#BR#", "<br/>", $title );
}
return $title;
}
add_filter( 'the_title', 'wpa_105883_menu_title_markup', 10, 2 );

(출처: http://wordpress.stackexchange.com/)

”#BR#” 대신 고유한(unique) 다른 문자열을 사용하셔도 됩니다.