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를"당신이이 속성과를 잡아 얻을 수있는 "추출"기능을 사용하면 쉬운 방법으로 배열에서 데이터를 검색 갈 수 있습니다 :
이 도구도 도움이 될 수 있습니다. http://generatewp.com/shortcodes/ –
WORKED! 고마워요! – user3332274