워드프레스 젯팩 – 모바일테마 기능 : 메뉴를 변경해 봅시다.


언제부터 인가 사용을 시작하게 된 만능 플러그인 젯팩(jetpack)!

이 젯팩에는 여러가지 기능이 있지만 그중에서도 ‘모바일테마(mobile theme)’라는 기능을 사용하면 ‘WPtouch Mobile’와 같은 플러그인을 사용하지 않아도 모바일 블로그용 테마를 적용 사용할 수 있어 좋은데요.

wpid-screenshot_2015-07-25-23-27-29.png

(모바일 테마 역시 매우 심플하고 직관적이라 좋습니다. )

다만… 한가지 문제는 모바일용 테마에 대한 수정이 어렵다는 겁니다.

먼가를 변경하려면 젯팩 모바일테마의 소스파일을 찾아 수정해야되는데, 그중 메뉴를 변경하는 방법을 남겨봅니다.

※ 사실 젯팩이 업데이트 될때마다 매번 새로이 적용해야되는 부분이라 나중에 까먹지 않이 위해 정리한겁니다.

참고로 국내에 블로그나 카페에는 젯팩 모바일테마의 메뉴 수정법은 올라와 있지 않아 조금 해매었는데요.

막상 방법을 찾아보니 젯팩 공식 홈페이지에 자세히 나와 있어 허무했습니다.- _-;;

참고 싸이트

JetPack 공식 홈페이지 Mobile Theme 정보 페이지
JetPack 공식 홈페이지 Mobile Theme 정보 페이지 (누르면 이동합니다.)

적용 방법

간단하게 변경 방법을 정리하면…

1. 메뉴 이름 변경 혹은 확인
– 블로그 관리자 페이지 → 외모→ 메뉴로 이동
– 젯팩 모바일테마에 나오고 싶은 메뉴를 선택 후 메뉴 이름을 “Mainmenu”로 변경하거나 메뉴 이름을 확인

2. 젯팩 모바일테마 파일 찾기
– 경로 : \wp-content\plugins\jetpack\modules\minileven\theme\pub\minileven\
– 수정파일 : functions.php

3. 파일 수정하기
– functions.php 최상단에 아래와 같은 코드를 넣어줍니다.

<?php
function jetpackme_mobile_theme_menu() {
    return Mainmenu;
}
add_filter( 'jetpack_mobile_theme_menu', 'jetpackme_mobile_theme_menu' );

※ 만약 메뉴 이름이 ‘Mainmenu’이 아니면 “return Mainmenu;” 부분에 메뉴이름만 변경하시면 됩니다.

결과

그리고 확인하면~ 아래와 같이 변경이 됩니다.

wpid-screenshot_2015-07-25-23-26-59.png

-끝!-