Uzyskaj ścieżkę do zasobów motywu w szablonie Twig

Mam pytanie dotyczące uzyskania ścieżki do obrazu w szablonie Twig. Obraz nie jest przypisany do pola ani czegoś takiego. Tylko statyczny obraz, który jest przechowywany w „MYTHEME / image / icon / my-icon.png”.

W Drupal 7 dostaję ścieżkę do mojego node.template z następującym kodem:

<img src="<?php print base_path() . path_to_theme(); ?>/image/icons">/my-icon.png

Jak to działa w Drupal 8? Próbowałem przekazać zmienną template_preprocess_node().

MYTHEME.theme:

$variables['images_path'] = \Drupal::theme()->getActiveTheme()->getPath() . '/image/';

Szablon gałązki:

<img src="{{ images_path  ~ 'icons/' ~ 'my-icon.png' }}">

To nie działa Nie ma błędu PHP, ale błędnie mówi się, że ścieżka to http: //localhost/node/themes/template/image/icons/my-icon.png .

możesz użyć tego, {{ base_path ~ directory }}co rozwiąże problem absolutny, bez potrzeby wstępnego przetwarzania, obie te zmienne są uwzględnione według rdzenia.

Na przykład

<img src="{{ base_path ~ directory }}/images/logo.png" alt="My Logo" />

PS. ~pomocnik w gałązce jest concatenate.

Edycja: przynajmniej na stronie * .html.twig szablony dołączona jest zmienna base_path, być może będziesz musiał wykonać wstępne przetwarzanie dla innych szablonów, możesz łatwo sprawdzić, {{ dump() }}czy zmienne są obecne

// File: THEMENAME.theme in your theme's root directory
function THEMENAME_preprocess(&$variables, $hook)
{
    $variables['base_path'] = base_path();
}

Domyślnie istnieje {{ directory }}zmienna, której można użyć, która wskazuje na katalog motywów. Problem w tym, że nie jest absolutny, tak jak ten, który dodałeś. Myślę, że jest to podstawowy błąd, ponieważ powinien zawierać ścieżkę podstawową, ale zmiana tego oczywiście zniszczyłaby istniejące witryny, które z niej korzystają.

Więc musisz dodać / przed nim; spowodowałoby to uszkodzenie, gdyby Drupal został zainstalowany w podfolderze. Możesz albo zakodować to na stałe w swoim szablonie, albo nadal używać base_path()tak jak w 7.x w zmiennej niestandardowej.

<img src="/{{ directory }}/images/logo.png"/> 

pracował dla mnie kiedy

<img src="{{ base_path ~ directory }}/images/logo.png" alt="My Logo" />

nie

dla szablonu treści musiałem użyć w .module

   function hook_preprocess(&$variables, $hook) {

  $module_handler = Drupal::service('module_handler');
  $path = $module_handler->getModule('myModuleName')->getPath();

  if(isset($variables['region']) && $variables['region'] == 'content'){
    $variables['module_path'] = $path;
    $variables['http_host'] = $_SERVER['HTTP_HOST'];

i

  <img src="{{ module_path }}/images/error404.png" />
  <img src="//{{ http_host }}/{{ module_path }}/images/error403.png" />