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