2017-12-17 11 views
0

私はtypo3を初めて使ったので、HTMLテンプレートをそのテンプレートに統合したいと思います。しかし、ダッシュボードを投げたページに自分のコンテンツを追加することはできません。空白のページしかありません。 TYPO3 V8htmlテンプレートをtypo3に統合するには

挨拶を使用して

I'am!

+0

まだ完成していない部分、特にtyposcriptで質問を改善してください。それ以外に、空白のページは常に、生産モードでエラーが発生したことを意味します。インストールツールに行き、開発モードに切り替えると、より詳細なエラーメッセージが表示されます。 –

+0

流体テンプレート用のこのドキュメントを読むことができますhttp://typo3buddy.com/typo3-template-tutorial/fluid/ –

答えて

0

TYPO3 8におけるテンプレートの統合のために行うために必要な手順

のTypoScript

テンプレートが得るべき場所で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 
    } 
} 

LAYOUTS

あなたが、テンプレートのただ一つのタイプを持っている場合にも、レイアウトを作成するために必要な、しかし、私はそれを行うことを示唆しています。

レイアウトは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:あなた、あなたが のgitにバックエンドのレイアウト構成の

例を追加することができますので、ファイルにバックエンドのレイアウト構成を保存してくださいレイアウト内に複数の列を持つことができ、colPosはコンテンツをフロントエンドでレンダリングするために使用されます。これは、テンプレート<f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: 1}" />

上記の構成は、パジェットに含まれるべきで、後に使用されるものです。これは、ページを編集して[リソース]タブに移動した場合に表示されます。

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統合

<f:render section="main" /> 

ホームテンプレート統合

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

これで、レイアウトとテンプレートの設定が完了しました。

    1. ルートページを作成します。次の手順に従ってください、あなたはすでにこのセットアップを持っていない場合は、TYPO3の基本的な設定(少なくともルート・ページおよびテンプレートの設定)

      を持っていることを願っています

    2. ルート・ページのリストに移動します
    3. は、テンプレートレコードを作成します - [オプション]タブに移動して、Clear -> ConstantsClear -> setupをチェックし、IncludesタブでもRootlevel
    4. Go]をチェックして、複数の選択ボックス012から選択します
    5. 作成したテンプレートでTYPOSCRIPT configuration([全般]タブを確認してください)

    編集ルートページを貼り付け、バックエンドのレイアウトを選択するには[デザイン]タブに進みます。

  • 関連する問題