html 템플릿을 typo3에 통합하는 방법

Question

저는 typo3에 익숙하지 않아 HTML 템플릿을 통합하려고합니다. 하지만 대시 보드를 던진 페이지에 내 콘텐츠를 추가 할 수없는 것은 빈 페이지입니다. TYPO3 V8

인사말을 사용

I'am!

Answer 1

단계는 당신이 템플릿을 얻을 수 있어야 할 곳에 의해 TYPOSCRIPT

TYPO3 8 템플릿 통합

이야기의 TYPO3 할 필요가있다.

page = PAGE 
page.10 { 
    templateRootPaths { 
     10 = PATH TO YOUR TEMPLATES 
    } 
    layoutRootPaths { 
     10 = PATH TO YOUR LAYOUTS 
    } 
    partialRootPaths { 
     10 = PATH TO YOUR PARTIALS 
    } 
    templateName = TEXT 
    templateName.stdWrap { 
     cObject = TEXT 
     cObject { 
      data = levelfield:-2,backend_layout_next_level,slide 
      override.field = backend_layout 
      split { 
       token = pagets__ 
       1.current = 1 
       1.wrap = | 
      } 
     } 
     ifEmpty = Home 
    } 
} 

레이아웃

레이아웃을 생성 할 필요가 없습니다,하지만 난 당신이 템플릿의 한 유형이 또한 경우에, 그것을하는 것이 좋습니다.

레이아웃 (TYPO3의 백엔드 레이아웃)은 TYPO3 백엔드에서 만들 수 있으며 백엔드 레이아웃은 데이터베이스에 저장됩니다. 그러나 백엔드 레이아웃 구성을 파일로 저장할 수 있습니다.

힌트 :

mod.web_layout.BackendLayouts { 
    Home # identified by this name { 
     title = Home # this is shown in backend when you select the layout 
     icon = EXT:example_extension/Resources/Public/Images/BackendLayouts/default.gif 
     config { 
      backend_layout { 
       colCount = 1 
       rowCount = 1 
       rows { 
        1 { 
         columns { 
          1 { 
           name = Content 
           colPos = 1 # this is important, i'm talking about colPos below 
          } 
         } 
        } 
       } 
      } 
     } 
    } 
} 

ColPos는 의미 : 당신이 자식 백엔드 레이아웃 구성의

예에 추가 할 수 있도록 파일의 백엔드 레이아웃 구성을 저장하십시오 당신을 레이아웃에서 여러 열을 가질 수 있으며 colPos는 프런트 엔드에서 콘텐츠를 렌더링하는 데 사용됩니다. 나중에 템플릿에 사용할 내용입니다. <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: 1}" />

위의 구성이 PageTs에 포함되어야합니다. 페이지를 편집하고 리소스 탭으로 이동하면 찾을 수 있습니다. lib.dynamicContent

lib.dynamicContent = COA 
lib.dynamicContent { 
    5 = LOAD_REGISTER 
    5 { 
     colPos.cObject = TEXT 
     colPos.cObject { 
      field = colPos 
      ifEmpty.cObject = TEXT 
      ifEmpty.cObject { 
       value.current = 1 
       ifEmpty = 0 
      } 
     } 
     pageUid.cObject = TEXT 
     pageUid.cObject { 
      field = pageUid 
      ifEmpty.data = TSFE:id 
     } 
     contentFromPid.cObject = TEXT 
     contentFromPid.cObject { 
      data = DB:pages:{register:pageUid}:content_from_pid 
      data.insertData = 1 
     } 
     wrap.cObject = TEXT 
     wrap.cObject { 
      field = wrap 
     } 
     maxItems.cObject = TEXT 
     maxItems.cObject { 
      field = maxItems 
      ifEmpty = 
     } 
    } 
    20 = CONTENT 
    20 { 
     table = tt_content 
     select { 
      includeRecordsWithoutDefaultTranslation = 1 
      orderBy = sorting 
      where = {#colPos}={register:colPos} 
      where.insertData = 1 
      pidInList.data = register:pageUid 
      pidInList.override.data = register:contentFromPid 
      max.data = register:maxItems 
      // select.languageField setting is needed if you use this typoscript in TYPO3 < v7 
      // languageField = sys_language_uid 
     } 
     stdWrap { 
      dataWrap = {register:wrap} 
      required = 1 
     } 
    } 
    90 = RESTORE_REGISTER 
} 
lib.dynamicContentSlide < lib.dynamicContent 
lib.dynamicContentSlide.20.slide = -1 

lib.dynamicContentFirst < lib.dynamicContent 
lib.dynamicContentFirst.20.select.max = 1 

홈 레이아웃 HTML 통합의

Typoscript 구성

<f:render section="main" /> 

홈 템플릿 통합

<f:layout name="Home" /> 
<f:section name="content"> 
    // content 
    <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: 1}" /> 
</f:section> 

이제 레이아웃과 템플릿을 설정했습니다.당신이 TYPO3 (적어도 루트 페이지와 템플릿 설정)

의 기본 설정을 가지고 희망 당신은 이미이 설정되어 있지 않은 경우, 다음 단계를 수행 :

1. 루트 만들기 페이지를
2. 루트 페이지에 목록을 이동
3. 템플릿 레코드를 만듭니다 - 옵션 탭에 가서 Clear -> Constants 및 Clear -> setup을 확인하고 Includes 탭도 Rootlevel
4. 이동을 확인하고 여러 선택 박스 012에서 선택 34,444,548,
5. 는 생성 된 템플릿의 TYPOSCRIPT configuration가 (일반 탭 확인)

편집 루트 페이지와 백엔드 레이아웃을 선택 모양 탭으로 이동하여 붙여 넣습니다.