Drupal8学习之路--官网文档碎碎记--主题篇

主要记录一些琐碎的知识点。

1.“In Drupal 8 drupal_add_css(), drupal_add_js() and drupal_add_library()were removed in favor of #attached”

　　在Drupal8中，drupal_add_css(), drupal_add_js(), 和drupal_add_library()被去除了。只支持以#attached的方式来附加css或者js。

2.PHP向js传递变量（drupalSettings）

　　1）*.libraries.yml文件：

cuddly-slider:
  version: 1.x
  js:
    js/click.js: {}
  dependencies:
    - core/jquery
    - core/drupalSettings

 

　　2）*.theme文件：

function fluffiness_page_attachments_alter(&$page) {
  $page['#attached']['library'][] = 'fluffiness/cuddly-slider';
  $page['#attached']['drupalSettings']['fluffiness']['cuddlySlider']['foo'] = 'bar';
}

　　3）

$(function(){
 console.log('the value is '+drupalSettings.fluffiness.cuddlySlider.foo);
})

 

3.在Twig模板中可以直接使用的函数：

　　Functions - In Twig Templates

4.移除了theme()函数。

　　

<?php
// Before - passing a string of rendered HTML to the template.
$variables['table'] = theme('table', array('header' => $header, 'rows' => $rows));
// After - passing a render array to the template.
$variables['table'] = array(
  '#theme' => 'table',
  '#header' => $header,
  '#rows' => $rows,
);
?>

 5.为指定页面添加css/js库：

function fluffiness_preprocess_page(&$variables) {
  $route = "entity.node.preview";
  if (\Drupal::routeMatch()->getRouteName() === $route) {
    $variables['#attached']['library'][] = 'fluffiness/node-preview';
  }
}

 6.为指定的*.html.twig模板增加库

{{ attach_library('fluffiness/cuddly-slider') }}
<div>Some fluffy markup {{ message }}</div>