2014-05-21 2 views
0

안녕하세요 저는 이미지 악마를 표시하는 간단한 단축 코드를 만들었습니다.사용자 정의 값을 사용하여 shortcode를 생성하는 Wordpress

[divider] 

지금 내가 정의하고 싶습니다 : 그래서 이것은 단축 코드가

.divider { 
    width: 100%; 
    height: 55px; 
    background-image: url("http....") 
} 

이는 CSS입니다

add_shortcode('divider', 'shortcode_insert_divider'); 
function shortcode_insert_divider() { 
return '<div class="divider"></div>'; 
} 

:

내 기능 PHP이 추가 쇼트 코드를 사용할 때마다 다른 배경 이미지. 어떻게하면 다음과 같이 구현할 수 있습니까?

[divider src="http://domain.com/image.jpg"] 

??? 어떤 아이디어?

function shortcode_insert_divider($atts) { 

    // Assign default values 
    $src_default_value = ""; 
    $color_default_value = ""; 

    extract(shortcode_atts(array(
     'src' => $src_default_value, 
     'color' => $color_default_value, 
    ), $atts)); 

    $html = '<div class="divider" style="color:' . $color . ';background:transparent url(\'' . $src . '\') no-repeat 0 0;"></div>'; 

    return $html; 
} 
add_shortcode('divider', 'shortcode_insert_divider'); 

은 "shortcode_atts를"당신이이 속성과를 잡아 얻을 수있는 "추출"기능을 사용하면 쉬운 방법으로 배열에서 데이터를 검색 갈 수 있습니다 :

답변

0

여기에 코드입니다.

+0

이 도구도 도움이 될 수 있습니다. http://generatewp.com/shortcodes/ –

+0

WORKED! 고마워요! – user3332274

관련 문제