PHP : 이미지가있는 Wordpress 단축 코드

Question

단축 코드에 문제가 있습니다.

확인이 주제 아웃 : http://themeforest.net/item/elogix-responsive-business-wordpress-theme/full_screen_preview/1958520

에 "Shortcodes-> 전환"이동하여 예제를 참조하십시오.

나는 toogle 기능을 사용하고 싶지만 심볼과 같이 제목 옆에 이미지를 사용할 수 있기를 원합니다.

그러나 워드 프레스에서 이렇게하면 제목이 표시되지 않고 단축 코드가 엉망이됩니다.

는 핵심 코드는 다음과 같습니다

function minti_toggle($atts, $content = null) 
    { 
    extract(shortcode_atts(array(
      'title' => '', 
      ), $atts)); 
     return '<div class="toggle"><div class="title">'.$title.'<span></span></div><div class="inner"><div>'. do_shortcode($content) . '</div></div></div>'; 
    } 

add_shortcode('toggle', 'minti_toggle'); 

내가 PHP에서 새로운 여전히 오전, 그래서는 제목 태그 내에서만 사용 문자에 저를 제한하는 경우, 볼 수없는 것, 그리고 이미지 파일 게다가.

베스트 감사합니다 제목에 배경 이미지를 설정하는 패트릭

Answer 1

좋아, 내가 문제를 알아 냈어.

그래서 내가 코드를 편집, 그래서 내가 입력 한 후 제목 왼쪽 보였다 될 다른 값, 수 :

function minti_toggle($atts, $content = null) 
{ 
extract(shortcode_atts(array(
     'title' => '', 
     'image' => '' 
     ), $atts)); 
    return '<div class="toggle"><div class="title">'.$title.'<span style="float:left;margin-right:5%"><img width="22" height="22" src="'.$image.'" class="alignnone wp-image-157"></span></div><div class="inner"><div>'. do_shortcode($content) . '</div></div></div>'; 
} 

    add_shortcode('toggle', 'minti_toggle'); 

이 코드는 이미지의 코드 입력을 반환합니다. 따라서 단축 코드는

입니다. CSS 파일에서 코드를 편집하려면,에서 스타일을 삭제하고 style.css에서이 클래스를 만드십시오.

호프가 도움이 되길 바랍니다.

Answer 2

.
플러그인의 .css 파일을 변경하십시오. 태그를 추가 할 때

문제였다

, 그것은 아무 것도 표시 제목 태그를 혼란, 그리고 것 : 다른 사람이 필요로하는 경우

.title{ 
    background:url('imageurl'); 
    background-repeat: no-repeat; 
}