WordPress的 - 试图创建短代码

问题描述:

我想用默认属性做短代码。WordPress的 - 试图创建短代码

这里是我的代码:

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'); 

我想实现的是,有些事情(例如字体大小等)默认和类不萤火显示,但是当有人想要改变字体大小,他们只能键入

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

任何想法?

+0

所以,你需要知道如何默认设置的简?如果是这样的话:https://codex.wordpress.org/Shortcode_API – Berriel

+0

好的,我已经完成了所有工作,因为它在文档中,但仍然无法正常工作。我绝望 – b0z3nka

+0

添加''size'=>'22'并实现'size'属性。什么不工作? – Berriel

假设你想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

+0

对不起,即时通讯社区。 您的代码按预期工作。谢谢你,先生+++ – b0z3nka