Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress 如何在细枝循环中插入变量以渲染文件?_Wordpress_Twig - Fatal编程技术网

Wordpress 如何在细枝循环中插入变量以渲染文件?

Wordpress 如何在细枝循环中插入变量以渲染文件?,wordpress,twig,Wordpress,Twig,我正在循环浏览一个社交档案列表来呈现徽标。每个社交项目都有一个svg_图标_代码字段,看起来像“twitter”或“facebook”。我想用这段代码来呈现正确的文件。目前,我只是在“twitter”中硬编码,结果所有徽标都是twitterssvg。如何使用图标代码呈现正确的svg {% for item in options.social_media_links %} <li class="header__social-media-links__item"> <

我正在循环浏览一个社交档案列表来呈现徽标。每个社交项目都有一个svg_图标_代码字段,看起来像“twitter”或“facebook”。我想用这段代码来呈现正确的文件。目前,我只是在“twitter”中硬编码,结果所有徽标都是twitterssvg。如何使用图标代码呈现正确的svg

{% for item in options.social_media_links %}
  <li class="header__social-media-links__item">
     <a href="{{item.link}}" target="_blank">
        {% include 'component/svg-twitter-icon.twig' %}
     </a>
  </li>
{% endfor %}
{%用于options.social\u media\u links%}
  • {%endfor%}
    您需要像这样单击图标

    {% for item in options.social_media_links %}
      <li class="header__social-media-links__item">
         <a href="{{item.link}}" target="_blank">
            {% include 'component/svg-'~item.svg_icon_code~'-icon.twig' %}
         </a>
      </li>
    {% endfor %}
    
    {%用于options.social\u media\u links%}
    
  • {%endfor%}

    如果图标没有模板或模板丢失,可以执行此操作以渲染默认图标

    {% for item in options.social_media_links %}
      <li class="header__social-media-links__item">
         <a href="{{item.link}}" target="_blank">
            {% include [ 'component/svg-'~item.svg_icon_code~'-icon.twig', 'component/svg-default-icon.twig' ]  %}
         </a>
      </li>
    {% endfor %}
    
    {%用于options.social\u media\u links%}
    
  • {%endfor%}
    完美。非常感谢。