短代码不返回两个相同的属性

Question

因此，由于某种原因，我无法提取相同的链接属性并将它们传递到我的代码中。所以这是短代码：[slide headline="<h2>Title</h2>" image="https://via.placeholder.com/150" body="The text in the body" link="Test1|https://www.test1.com" link="Test2|https://test2.com"]var_dump($atts)仅返回一个链接，如下所示：array (size=4)  'headline' => string '</p><h2>Title</h2><p>' (length=29)  'image' => string 'https://www.raritanheadwaters.org/wp-content/uploads/2018/01/placeholder-picture-large-opt.png' (length=94)  'body' => string 'The text in the body' (length=202)  'link' => string 'Test1|https://www.test1.com' (length=61)这是我的代码：function slide_item_shortcode($atts, $content = null){    shortcode_atts([            "image" => '',            "headline" => '',            "body" => '',            "link" => '',        ], $atts);    var_dump($atts);    $social_links = explode("|", $atts['link']);    return '<li class="slide">            <p><img src="' . esc_url($atts['image']) . '" alt="" /></p>            <p>'. $atts['headline'] .'</p>            <p>'. $atts['body'] .'</p>            <p>'. '<a href="' . $social_links[1] . '" target="_blank">' . $social_links[0] . '</a>' .'</p>            </li>';}add_shortcode('slide', 'slide_item_shortcode');

Answer 1

您可以通过对不同角色使用额外爆炸来传递多个链接

[slide ... links="Test1|https://www.test1.com,Test2|https://www.test2.com"]

function slide_item_shortcode($atts, $content = null)

{

    shortcode_atts([

        "image" => '',

        "headline" => '',

        "body" => '',

        "links" => '',

    ], $atts);

    

    $linkPairs = explode(',', $atts['links']); // separate the pairs

    $output = '<li class="slide">';

    

    foreach($linkPairs as $linkPair) {

        $pair = explode('|', $linkPair); // separate the title and url

        $output .= 

            '<p><img src="' . esc_url($atts['image']) . '" alt="' . $pair[0] .'" /></p>

             <p>'. $atts['headline'] .'</p>

             <p>'. $atts['body'] .'</p>

             <p>'. '<a href="' . $pair[1] . '" target="_blank">' . $pair[0] . '</a>' .'</p>';

    }

    $output .= '</li>';

    

    return $output;

}

Answer 2

我建议您不要在属性内使用 html，为此再创建一个属性来覆盖默认值，我还为示例的链接添加了另一个参数：

短代码：

[myshortcode heading="Text of heading" heading_tag="h3" links="Name of link 1|#url1|blank, Name of Link2|#url2"]

和处理程序本身

function linkParser($source) {

  $args = array_map('trim', explode('|',  trim($source)));

  $keys = ['url_name', 'url', 'target'];

  $results = [];

  foreach($args as $key => $value) {

    $results[(isset($keys[$key]) ? $keys[$key] : $key)] = $value;

  }

  return $results;

}

function myShortCode($attrs, $content = null) {

  $attrs = shortcode_atts([

    'heading_tag' => 'h2',

    "heading" => "",

    "links" => ""

  ], $attrs);

  $heading = sprintf('<%1$s>%2$s</%1$s>', (!empty($attrs['heading_tag']) ? $attrs['heading_tag'] : 'h2'), $attrs['heading']);

  $links = [];

  if(!empty($attrs['links'])) {

    $links = array_map('linkParser', explode(',', $attrs['links']));

  }

  // Tests with kint debug

  d($heading);

  d($links);

}

add_shortcode('myshortcode', 'myShortCode');