2014-10-31 10 views
1

почему моя тема не может найти CSS/style.css Друпала 8.Drupal 8 Почему моя тема не находит style.css?

Это .info.yml:

name: Adminimal 
type: theme 
description: Drupal Administration Simplified. 
# version: VERSION 
# core: 8.x 
base theme: seven 

# Include CSS. 
stylesheets: 
    all: 
    - css/style.css 

# Information added by Drupal.org packaging script on 2014-10-23 
version: '8.x-1.x-dev' 
core: '8.x' 
project: 'adminimal_theme' 
datestamp: 1414059738 

Это как папка выглядит следующим образом:

Theme/adminimal.info.yml 
Theme/css/style.css 

CSS-код в файле style.css:

html{ 
    background-color: blue !important; 
} 

Она не даже показать я n раздел стилей в моей консоли Chrome Chrome, поэтому я думаю, что он не находит файл, но почему?

И о jquery в drupal, я не могу получить эту работу: https://www.drupal.org/node/1541860 Для работы с: //ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js Как мне это сделать? ?

Спасибо за помощь!

+0

Вы когда-нибудь находили решение? – Evans

ответ

1

Это может быть очевидный ответ, но попробуйте очистить кеш css/js.

Следует также отметить, что имя папки темы должно быть названием темы. Таким образом, вместо этого:

Theme/adminimal.info.yml 
Theme/css/style.css 

Вы должны иметь это:

adminimal/adminimal.info.yml 
adminimal/css/style.css 

Удачи!

1

Drupla 8 использует другой подход.

Насколько я знаю, вам нужен файл YOUR-THEME.libraries.yml, в котором вы затем объявляете свой css. В info.yml вы просто указываете, какой стиль вы хотите использовать в библиотеке.yml-файл, который вы хотите. В этом примере «глобальный стиль».

adminimal.info.yml

libraries: 
-adminimal/global-styling 

adminimal.libraries.yml

global-styling: 
    version: 1.x 
    css: 
    theme: 
     css/style.css: {} 

Будьте осторожны с пробелами (без вкладок допускается). На сайте drupal это более подробно: https://www.drupal.org/node/2216195. Надеюсь, это поможет.

+0

Я делаю это, и он все еще не работает :( –

0

У меня была одна и та же проблема, которую я только что разрешил, используя это, изначально я не понимал, но теперь у меня это работает.

Attaching a library in a Twig template

Вы также можете прикрепить библиотеку активов в шаблон Twig с помощью attach_library() функции Twig. В любом * .html.веточка, вы можете сделать:

{{attach_library ('пушистость/плюшевый-слайдер')}}

Некоторые пушистые разметки {{сообщение}}

Вы должны также добавить {{attach_library (your_library)}} к вашему шаблону ветки в моем случае, я добавил его в файл html.html.twig моей подтемы, и я добавил его здесь специально.

Пожалуйста, обратите внимание, в разделе:

BANDWIDTH ОПТИМИЗАЦИИ Внешние ресурсы могут быть оптимизированы автоматически, что позволяет уменьшить как размер и количество запросов на ваш сайт.

  • Совокупные CSS файлы
  • Совокупные JavaScript файлы

эти параметры могут быть выбраны Drupal кэширует файлы CSS, и если у вас есть возможность CSS выбранный вы будете в конечном итоге с одной большой уменьшенная кэш css-файл.

Смежные вопросы