Görüntü stili Drupal 8 dal şablonunda nasıl kullanılır?

Question

Görüntüyü drupal 8 temamda oluşturduğum bir görüntü stili kullanarak yazdırmaya çalışıyorum.

Bir görüntüyü bir şablona {{content.banner}} yaparak basabilirim, ancak görüntü stilini o resme nasıl uygularım? Belge aramayı denedim ama orada herhangi bir şey yok gibi görünüyor.

Answer 1

Şu anda drupal 8'in, resim stili uygulamak için özel filtresi bulunmamaktadır. Bunun yerine böyle Resminiz için yeni bir öznitelik ayarlayabilirsiniz:

{% set image = image|merge({'#image_style': 'thumbnail'}) %} 

Sonra sadece çıkış güncellenmiş resim:

{{ image }} 

P.S.. Ne gibi özellikleri güncelleştirebilirsiniz {{ dump(image) }}

Answer 2

Ne yazık ki bunu kendi Twig Filter oluşturarak çözebilirsiniz.

Bunu, kendi Filtresini görüntüleyen kendi modülünüzü oluşturarak yapabilirsiniz.

Yeniden kullanmaktan çekinmeyin.

Kod

namespace Drupal\twig_extender\TwigExtension; 

use Drupal\node\Entity\Node; 
use Drupal\Core\Link; 
use Drupal\Core\Url; 

use Drupal\file\Entity\File; 
use Drupal\image\Entity\ImageStyle; 

class Images extends \Twig_Extension { 
    /** 
    * Generates a list of all Twig functions that this extension defines. 
    */ 
    public function getFunctions(){ 
     return array(
      new \Twig_SimpleFunction('image_style', array($this, 'imageStyle'), array('is_safe' => array('html'))), 
     ); 
    } 

    /** 
    * Gets a unique identifier for this Twig extension. 
    */ 
    public function getName() { 
     return 'twig_extender.twig.images'; 
    } 


    /** 
     * Generate images styles for given image 
     */ 
     public static function imageStyle($file_id, $styles) { 
      $file = File::load($file_id); 
      $transform = array(); 
      if (isset($file->uri->value)) { 
       $transform['source'] = $file->url(); 
       foreach ($styles as $style) { 
        $transform[$style] = ImageStyle::load($style)->buildUrl($file->uri->value); 
       } 
      } 
     return $transform; 
     } 
} 

Kullanımı Sonra & stilleri

{{ transform.source }} {{ transform.thumbnail }} {{ transform.large }} 

o yo yardımcı olacaktır Umut

kaynak görüntüye erişebilir

{% set transform = image_style(image.entity.fid.value, ['thumbnail', 'large']) %} 

sen adamım!