[태그:] 워드프레스 버튼

이 방법은 워드프레스 블로그에서만 적용되며 티스토리, 네이버 블로그에서는 사용 할 수 없는 방법입니다.

우선 워드프레스 플러그인 중 Snippets 라는 플러그인이 있습니다.

이 플러그인을 설치 하셔야 사용가능하니 설치가 안되신 분들은 설치부터 하고 따라해보세요.

아래는 “버튼“이라는 커스텀 쇼트코드를 워드프레스 플러그인 Snippets에서 사용하기 위한 소스 코드입니다. 이 소스 코드를 사용하면 글이나 페이지에 [ 버튼 ]이라는 명령어를 삽입하여 버튼을 만들 수 있습니다. 이 버튼을 클릭하면 원하는 링크로 연결됩니다. 아래의 내용을 바탕으로 블로그 글 형식으로 설명해드리겠습니다.

add_shortcode( '버튼', function ($attr, $value) {
    /*
     * [버튼]내용, 연결주소, 색상코드[/버튼]
     * 
     * */
	
	$content = "";
  	$url = "";
	$color = "";
	
    if (strpos($value, ',') !== false) {
        $arrayButton = explode(',', $value);
        $content = $arrayButton[0];
        $url = $arrayButton[1];
        $color = $arrayButton[2];

        $out = sprintf('<div><button class="click_button_basic" style="background-color:%s"><a href="%s" class="inButton">%s</a></button></div>', str_replace(".", ",", $color),  $url, str_replace("|", "<br />", $content));
    } else {
        $out = sprintf('<div><button class="click_button_basic" style="background-color:#FF0000"><a href="http://talk.tion.kr" class="inButton" target="_blank">버튼 사용법이 틀렸습니다<br />클릭하여 확인하세요!</a></button></div>');
    }

	return $out;
} );

복사해서 옮겨도 되지만 json 파일로 import 할 수 있습니다.

위의 버튼을 클릭하여 json 파일을 다운받고 Snippets 항목에서 Import 를 클릭 하여 추가합니다.

이제부터 사용모드로 바꾸고 쓰시면됩니다.

이 버튼이 생각보다 엄청 편하고 좋습니다.