编辑WordPress功能

时间:2013-09-23 00:48:05

标签: php wordpress

我正在尝试将底部链接设为按钮。

如何将input type = submit合并到此函数中?

您可以在此处查看输出:http://zanifesto.com/select-your-plan/

function select_plan($params = array(), $content = null) {
extract(shortcode_atts(array(
    'image_url' => '',
    'title' => 'Title',
    'link_name' => '',
    'link_url' => ''
), $params));

$content = do_shortcode($content);
$select_plan = '
    <div class="shortcode_select_plan">

        <h3>'.$title.'</h3>
        <div class="small_sep"></div>
        <p>'.$content.'</p>
        <a href="'.$link_url.'">'.$link_name.'</a>
    </div>
';
return $select_plan;
}

1 个答案:

答案 0 :(得分:1)

只需创建一个css class并将这些样式规则放在其中

.btn_link {
    padding: 20px 50px;
    font-size: 12px;
    color: #FFF;
    border: 0;
    margin: 0;
    background: #000;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

在您的主class文件中添加此css,并在您的代码中使用此类,例如

<a class="btn_link" href="'.$link_url.'">'.$link_name.'</a>

就是这样。下面给出了在Chrome检查器工具中使用内联样式的示例 enter image description here