Question

我尝试使用默认属性进行短代码。

这是我的代码：

function custom_list_item_shortcode($attributes, $content = null ) {

extract( shortcode_atts( array(
    'icon' => '',
    'color' => ''
), $attributes ) );


$html = '<div class="listbox-item">';

//--If there is an icon show icon
if($icon != ''){
    $html .=  '<div class="listbox-icon"><i class="fa fa-'.$icon.' icon-'.$color.'"></i></div>';
}

$html .=  '<div class="listbox-content">'.$content.'</div>';
$html .= '</div>';
return  $html;
}
add_shortcode('icon-list', 'custom_list_item_shortcode');

我想要实现的是某些东西（例如字体大小等）是默认的，而类没有在firebug中显示，但是当有人想要改变字体大小时，他们只需键入

[icon-list icon="globe" size="22"][/icon-list]

有什么想法吗？

Answer 1

假设您希望size的默认值为22：

function custom_list_item_shortcode($attributes, $content = null ) {

  extract( shortcode_atts( array(
      'icon' => '',
      'color' => '',
      'size' => '22'
  ), $attributes ) );    

  $html = '<div class="listbox-item" style="font-size:'.$size.'px">';

  //--If there is an icon show icon
  if($icon != ''){
      $html .=  '<div class="listbox-icon"><i class="fa fa-'.$icon.' icon-'.$color.'"></i></div>';
  }

  $html .=  '<div class="listbox-content">'.$content.'</div>';
  $html .= '</div>';
  return  $html;
}

add_shortcode('icon-list', 'custom_list_item_shortcode');

阅读：https://codex.wordpress.org/Shortcode_API

Wordpress - 尝试创建短代码

1 个答案: