Шаблонът Typo3 Fluid не може да намери css файлове с помощта на uri.resource

Следях този урок за създаване на уебсайт Typo3 с помощта на шаблон Fluid. Въпреки това не мога да включа CSS в шаблона. В тага е включен следният css:

<link rel="stylesheet" href="/bgcss/bootstrap.css">

Пренаписах това в шаблона на:

<link rel="stylesheet" href="/bg{f:uri.resource(path:'css/bootstrap.css')}">

Но css не е включен. Пътят до шаблона е:

fileadmin/templates/layouts/main.html

Пътят до CSS файла е:

fileadmin/templates/css/bootstrap.css

Къде трябва да поставя CSS файловете? И как трябва да включа този css в шаблона Fluid?


fluid typo3
person Tom    schedule 06.11.2013    source източник

Отговори (2)


arrow_upward
4
arrow_downward

Моля, имайте предвид, че начинът на pduerseler да го направи е по-добър, ако използвате плъгин на много страници.

Що се отнася до вашия проблем, uri.resource ViewHelper приема, че вашите ресурси са в директорията Resources/Public на вашето разширение. Така:

<link rel="stylesheet" href="/bg{f:uri.resource(path:'css/bootstrap.css')}">

сочи към

typo3conf/ext/yourExt/Resources/Public/css/bootstrap.css

Не е възможно да посочите файл във fileadmin с ресурса ViewHelper, вижте https://git.typo3.org/Packages/TYPO3.CMS.git/blob/HEAD:/typo3/sysext/fluid/Classes/ViewHelpers/Uri/ResourceViewHelper.php.

Текущата най-добра практика за шаблон на страница TYPO3 е да имате шаблона на уебсайт TYPO3 в собствено разширение, вижте напр. https://github.com/georgringer/modernpackage

person lorenz    schedule 06.11.2013
comment
Но какво ще стане, ако моят шаблон е във fileadmin/templates и няма никакво разширение? Това е основният шаблон на сайта, а не шаблон за разширение. Къде uri.resource търси моя css? - person Tom; 06.11.2013

arrow_upward
3
arrow_downward

Като основно правило вие поставяте JS и CSS файлове във вашия печатен текст.

Пример:

page = PAGE
page {
  includeCSS {
    myfile = path/to/my/file.css
  }

  includeJS {
    myfile = path/to/my/file.js
  }
}

Това носи някои ползи; Можете да организирате вашите js и css в множество файлове и да накарате TYPO3 да ги свърже и компресира чрез настройка

config {
  concatenateJs = 1
  concatenateCss = 1

  compressJs = 1
  compressCss = 1
}

Вижте повече тук: http://docs.typo3.org/typo3cms/TyposcriptReference/Setup/Page/Index.html

person pdu    schedule 06.11.2013