얼마전에 티스토리 단축키를 워드프레스에 적용하는 방법이랑 티스토리에서의 단축키 의미(?)에 대해 올린글이 있다.
워드프레스에 티스토리 처럼 단축키로 페이지 넘기기를 해보자
근데 써보다 보니 이런 생각 든다 굳이 티스토리 처럼 할 필요 있는가! 여긴 워드프레스인데
뭐 거기다가 그 방식 그대로 쓰는 스킨이랑 블로그들이 어마어마 많으니 굳이 고집할 필요가 있을까 해서
워드프레스 있는 그대로 적용하기로 했다.
워드프레스에선 단축키를 이렇게 인식하면 편하다.
A 버튼은 페이지 좌측버튼 S 버튼은 페이지 우측 버튼
내용이 무엇인가 혹은 최신이냐 아니냐 다 신경 쓸 필요 없이 그냥 A는 좌측에 있는 버튼이라 생각하면 된다.
// 페이지 단축키 기능
// a는 좌측 버튼, s는 우측 버튼 대응
if ( ! function_exists( 'add_shortkey' ) ) :
function add_shortkey() {
//--------------------------------------------------------------------------
// 현재 주소값 가져오는 함수
function get_currentURL() {
$returnURL = '';
if ($_SERVER["HTTPS"] == "on"){
$returnURL = "https";
}else{
$returnURL = 'http';
}
$returnURL .= "://";
if ($_SERVER["SERVER_PORT"] != "80") {
$returnURL .= $_SERVER["HTTP_HOST"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
} else {
$returnURL .= $_SERVER["HTTP_HOST"].$_SERVER["REQUEST_URI"];
}
return $returnURL;
}
//--------------------------------------------------------------------------
//인자값이 true면 next 기능 false면 prev기능 URL
function linsoo_prev_next_url($goNext){
$currentURL = get_currentURL();
$formatlinsoo = 'location.href="%1$s"';
$result = "";
if( is_single()){
$wantURL = get_permalink(get_adjacent_post(false,'',!$goNext));
if ( strcmp($currentURL, $wantURL) )
$result = sprintf($formatlinsoo, $wantURL);
}
else{
if( $goNext ){
if ( get_next_posts_link() ){
$result = sprintf($formatlinsoo, next_posts(0,false));
}
}else{
if ( get_previous_posts_link() ){
$result = sprintf($formatlinsoo, previous_posts(false));
}
}
}
return $result;
}
//--------------------------------------------------------------------------
?>
<script language="JavaScript">
function movePage() {
var EventStatus = event.srcElement.tagName;
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA') {
//이전글
if (event.keyCode=='65' || event.keyCode=='97'){
<?php echo linsoo_prev_next_url(false); ?>
//다음글 S,s
}else if (event.keyCode=='83' || event.keyCode=='115') {
<?php echo linsoo_prev_next_url(true); ?>
//관리자페이지 Q,q
}else if (event.keyCode=='81' || event.keyCode=='113') {
location.href="<?php echo get_admin_url(); ?>";
}
}
}
document.onkeypress=movePage;
</script>
<?php }
add_action('wp_footer', 'add_shortkey');
endif;
하단에 나오던 좌우 버튼은 그냥 워드프레스 기본으로 제공하는거 그대로 써도 된다.
답글 남기기