12 years, 6 months 전-
function.php 파일을 이용하여
Admin Bar에 클래스를 추가하는 함수 문제입니다.
현제 테스트페이지는
http://t2p.woobi.co.kr/test-page/
이구요.
제가 하고싶은 기능은
이렇게 되어있는 부분에 클래스를 추가하여
로 만들고자 합니다.
제가 구현해본 함수는
function add_class_adminbar() {
if ( is_singular() ) { ?>$(document).ready(function () {
$("div").addClass(function (index, currentClass) {
if (currentClass == "toggleme") {
return "customclass";
}
});
});
<?php
}
}
add_action( 'wp_footer', 'add_class_adminbar' );
인데 작동을 안하네요;;;
추가사항으로는
플러그인으로 WordPress Admin Bar Improved을 사용하고 있구요저기 나오는 toggleme 클래스는 위 플러그인에서 생성한 클래스입니다.
조언좀 부탁드립니다.
1. 페이지를 보니 우선 jquery 라이브러리를 로드하지 않았더군요. twentytwelve 테마를 사용하시던데, 혹시 child 테마를 만들어 사용하실 수 있다면 그렇게 하시고, 잘 모르시겠으면 테마의 functions.php 파일에 보면 twentytwelve_scripts_styles() 함수가 있을겁니다. 거기에 jquery 라이브러리 불러오는 구문을 한 줄 추가해 주시면 됩니다.
[code title=”함수수정”]
function twentytwelve_scripts_styles() {
global $wp_styles;wp_enqueue_script(‘jquery’);
…..
[/code]2. 워드프레스에서는 다른 자바스크립트 라이브러리와의 충돌을 막기위해 jQuery의 $를 바로 사용할 수 없습니다. 그리고 adminbar 하위의 모든 div에 CSS Class를 추가하는것이 아니라면 ‘#wpadminbar > div’ 를 사용하시는게 더 좋지 않을까 합니다.
[code title=”jQuery”]
jQuery(document).ready(function($){
$(“‘#wpadminbar > div'”).add……();
});
[/code]
- 답변은 로그인 후 가능합니다.