Drupal Template Helper sirve para destacar las plantillas twig sugeridas en cada caso y el preprocess a utilizar.
Esta herramienta es muy cómoda y sencilla de utilizar, facilita muchísimo el poder encontrar las plantillas que son necesarias para cada caso y saber ademas que las esta utilizando.
Recordad que es necesario limpiar la cache tras añadir una nueva plantilla para que Drupal sea capaz de reconocer dicho fichero.
Este post es únicamente un traducción de la documentación oficial: https://github.com/arshad/drupal-template-helper
Drupal Template Helper
Es una extensión de Chrome DevTools para las plantillas de Drupal 8, Drupal 7 y Backdrop CMS: https://chrome.google.com/webstore/detail/ppiceaegogijpjodfpiimifhbnaifbnn
Instalación
PASO 1: InstalAR Y configurAR.
- Descargue e instale la extensión Drupal Template Helper para Chrome.
- Haga clic en el icono de la extensión.
- Haga clic en Opciones bajo Drupal Template Helper.
- Agregue las URL de los sitios para habilitar la extensión. Ejemplo: http://drupal.dev, http://www.drupal.dev.
- Guardar.
PASO 2: HABILITAR LA API EXPERIMENTAL DEL CHROME.
- Ve a chrome://flags/#enable-devtools-experiments, busca Experimental Extension APIs y Developer Tools experiments, hacer click en "Enable" enlaces, y reinicia Chrome.
- Abrir DevTools y hacer click en Settings.
- Busca en la pestaña Experiments y activa Allow custom UI themes. Ver la siguiente captura. No olvides reiniciar nuevamente Chrome.
Nota: Si desea ocultar los comentarios de Twig, desactive Show HTML comments en Preferences.
PASO 3: HABILITAR EL TEMA DEBUG
- Para Drupal 8, ver el articulo de Phil's article: https://www.chapterthree.com/blog/drupal-8-theming-setting-theme-debugging
- Para Drupal 7, ver https://www.drupal.org/node/223440.
Uso
Inspeccionar un elemento usando DevTools y haciendo click sobre Templates en la barra de DevTools.
Comentarios