WordPress functions.php

/*----------------------------------------------------
 おすすめなど強調した時に活用
----------------------------------------------------*/
add_shortcode( 'one_point',  'SCFstyleOnePoint' );

function SCFstyleOnePoint( $atts ) {

    extract( shortcode_atts( array(
       'title' => '',
       'msg'   => '',
       'color' => '#85db8f'
    ), $atts) );

    global $f_point_cnt;
    if (!isset($f_point_cnt)) {
        $f_point_cnt = 1;
    } else {
        $f_point_cnt++;
    }

    $msg = str_replace('&lt;',      '<',$msg);
    $msg = str_replace('&#8217;',   '', $msg);
    $msg = str_replace('&#8242;',   '', $msg);

    $title = str_replace('&#8217;', '', $title);
    $title = str_replace('&#8242;', '', $title);

    $color = str_replace('&#8217;', '', $color);
    $color = str_replace('&#8242;', '', $color);

    $html =<<<EOS
        <style type="text/css">
            .fpoint{$f_point_cnt} {
                position: relative;
                border: 1px solid #eee;
                border-radius: 4px;
                margin:50px auto!important;
            }
            .fpoint{$f_point_cnt} {
                border-color: {$color}!important;
                padding: 20px 25px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
            .fpoint{$f_point_cnt}:before {
                position: absolute;
                font-weight: bold;
                background: #fff;
                color: #555;
                line-height: 0;
                letter-spacing: 0;

                font-size: 20px;
                top: -21px;
                padding: 20px 8px 20px 0px;
            }
            .fpoint{$f_point_cnt}:before {
                content: "{$title}"!important;
                color: {$color}!important;
            }
        </style>
        <p class="fpoint{$f_point_cnt}">{$msg}</p>
    EOS;

    return $html;
}

[one_point title="サンプル1" msg="カラー指定なし"]

カラー指定なし

[one_point title="サンプル2" msg="カラー指定あり" color="#ff0000"]

カラー指定あり

[one_point title="サンプル3" msg="カラー指定あり<br>改行あり" color="#b0cfd2"]

カラー指定あり
改行あり

テキスト内にダブルクオーテーションは使えません