ड्रूपल 8 ट्विग टेम्पलेट में छवि शैली का उपयोग कैसे करें?

Question

मैं एक छवि शैली का उपयोग कर एक छवि मुद्रित करने की कोशिश कर रहा हूं जिसे मैंने अपने ड्रोपल 8 थीम में बनाया है।

मैं {{content.banner}} करके एक टेम्पलेट में एक छवि मुद्रित कर सकता हूं लेकिन मैं उस छवि में छवि शैली को कैसे लागू करूं? मैंने दस्तावेज़ीकरण की तलाश करने की कोशिश की लेकिन वहां कोई भी प्रतीत नहीं होता है।

Answer 1

वर्तमान में ड्रूपल 8 में छवि शैली लागू करने के लिए विशेष फ़िल्टर नहीं है। इसके बजाय आप इस तरह अपनी छवि के लिए नई विशेषता सेट कर सकते हैं:

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

तब बस अपने उत्पादन अपने अद्यतन छवि:

{{ image }} 

पी.एस। आप {{ dump(image) }} को

Answer 2

अपडेट कर सकते हैं यह देखने के लिए कि मैं अपना खुद का ट्विग फ़िल्टर बनाकर इसे हल कर सकता हूं।

आप फ़िल्टर को उजागर करने के अपने स्वयं के मॉड्यूल बनाकर ऐसा कर सकते हैं।

इसे फिर से उपयोग करने के लिए स्वतंत्र महसूस करें।

कोड

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; 
     } 
} 

प्रयोग

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

तो फिर तुम & शैलियों

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

आशा है कि यह यो में मदद मिलेगी स्रोत छवि के लिए उपयोग किया

तुम आदमी!