首页 视频课程 主题开发课程第10章、短代码 WordPress主题中使用短代码

WordPress主题中使用短代码

2023-06-11 / 379阅

在WordPress主题中使用短代码,可以让用户轻松地插入各种不同的功能和元素,而无需深入了解HTML或CSS。

以下是一个简单的示例代码,用于创建一个“按钮”短代码:

function button_shortcode( $atts, $content = null ) {
    extract( shortcode_atts( array(
        'url' => '#',
        'color' => 'red',
        'size' => 'medium'
    ), $atts ) );

    return '<a href="'. esc_attr( $url ) .'" class="button '. esc_attr( $color ) .' '. esc_attr( $size ) .'">'. do_shortcode( $content ) .'</a>';
}
add_shortcode( 'button', 'button_shortcode' ); 

这个短代码包含三个属性:url、color和size。当用户在文章或页面中使用此短代码时,可以指定这些属性的值。例如,[button url="http://example.com" color="blue" size="large"]点击我[/button] 将创建一个带有蓝色背景和较大尺寸的按钮,点击后将链接到 http://example.com

在主题的functions.php文件中添加此短代码后,用户可以在WordPress编辑器中轻松使用它。只需输入按钮短代码,然后在括号内添加属性和内容即可。例如,[button url="http://example.com" color="red"]点击我[/button] 将创建一个红色按钮,点击后将链接到 http://example.com

阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228

大家谈论
    我的见解
    目录