简码不返回两个相同的属性

Question

所以出于某种原因，我无法引入相同的 link 属性并将它们传递到我的代码中。

所以这是简码：

[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)就returns一个link如下图：

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，为此再创建一个将覆盖默认值的属性，我还在示例中为 link 添加了一个参数：

简码：

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

简码不返回两个相同的属性

Shortcode not returning two of the same attributes

php

wordpress

shortcode