추가 구성 필드

Question

나는 템플릿 플럭스/FLUIDCONTENT를 사용하도록 설정하는 사이트를 소유하고 여기 자습서를 사용하여 작업이 : http://thomas.deuling.org/2011/06/create-base-html-fluid-templates-for-typo3-4-5/

그것은 잘 작동이다하지만 지금은 내가되고 싶어 페이지 당 이미지를 선택하고 큰 머리글을 만드는 데 사용할 수 있습니다. templavoila를 사용하면 페이지 속성에서 사용할 수있는 필드를 만들 수 있지만 FLUIDCONTENT로 작업 할 수는 없습니다. 내가 여기에 TYPO3 6.1을 사용하고

내 내부 페이지 플렉스 템플릿입니다 :

{namespace v=Tx_Vhs_ViewHelpers} 
{namespace flux=Tx_Flux_ViewHelpers} 
<f:layout name="main" /> 

<f:section name="content"> 
        <f:format.raw>{content_header}</f:format.raw> 
    <div id="content"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-md-3"> 
        <f:format.raw>{content_left}</f:format.raw> 
       </div> 
       <div class="col-md-9"> 
        <f:format.raw>{content}</f:format.raw> 
       </div> 
      </div> 
     </div> 
    </div> 
</f:section> 

어떻게 페이지 속성에 양식 필드를 추가하고 내 템플릿에서 사용할 수 있습니까?

Answer 1

나는 두렵다.

flux, fluidcontent 및 fluidpages 함께 에 재생 TYPO3에 대한 fluid 템플릿을 만드는 기본 기능을 확장 (당신을 위해 특히 중요합니다).

• 플럭스 해석 및 TYPO3 양식 필드를 재구성하기위한 기본 기술이다.
• fluidcontent 유연한 컨텐츠 요소
• fluidpages는

이 요약 사용자 정의 필드와 순수한 유체의 페이지 레이아웃을 허용하는 플럭스를 사용 할 수 있도록 플럭스를 사용 : 당신은 기본 fluid 페이지 템플릿에 관한 튜토리얼을 읽고 , fluidpages 템플릿이 아닙니다. 가능한 몇 가지 예제 및 설명서 자원이있다, 당신은 신속하게 시작할 수 있도록 :

• 문서 저장소 부트 스트랩 패키지에서
• speciality provider extension (함께 사용하십시오에서 quickstart는주의 - 이것은 예를 아니다 당신의 다음 프로젝트 템플릿)
• 확장 fluidcontent_bootstrap 및

당신이 그 자원을 통해입니다 fluidpages_bootstrap 당신에게 공급자 확장을 등록하는 방법을 알고 있으므로 백엔드의 페이지 속성에서 공급자 확장을 선택할 수 있습니다.

이 같은 (실제로 상기 특수 확장에서 가져온 것) 보일 수 있습니다 귀하의 템플릿

:

<!-- Note that the namespace declaration depends on which version of flux you are actually using --> 
{namespace v=Tx_Vhs_ViewHelpers} 
{namespace flux=FluidTYPO3\Flux\ViewHelpers} 
<f:layout name="Page"/> 
<div xmlns="http://www.w3.org/1999/xhtml" lang="en" 
    xmlns:v="http://fedext.net/ns/vhs/ViewHelpers" 
    xmlns:flux="http://fedext.net/ns/flux/ViewHelpers" 
    xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> 

    <f:section name="Configuration"> 

     <flux:form id="1column" label="1 column layout"> 

      <!-- Options visible in page property --> 
      <flux:field.input name="settings.carousel.categories" eval="trim" default="4" /> 
      <flux:field.input name="settings.carousel.width" eval="trim" default="1200"/> 
      <flux:field.input name="settings.carousel.height" eval="trim" default="340"/> 
      <flux:field.checkbox name="settings.carousel.caption" default="1"/> 

      <!-- Grid displayed in the page module --> 
      <flux:grid> 
       <flux:grid.row> 
        <flux:grid.column colPos="0" label="Main Content"/> 
       </flux:grid.row> 
      </flux:grid> 
     </flux:form> 
    </f:section> 

    <f:section name="Content"> 
     <div class="row" role="main"> 
      <div class="col-md-12" role="section"> 
       <v:page.content.render column="0"/> 
       <f:if condition="{v:var.typoscript(path: 'lib.addthis.display')}"> 
        <f:render section="AddThis" partial="AddThis" optional="TRUE" arguments="{_all}"/> 
       </f:if> 
      </div> 
     </div> 
    </f:section> 

</div> 

대부분의 플럭스 템플릿 (에 관계없이 fluidpages 또는 fluidcontent 거세한 숫양)는 (적어도) 3 f:section 유체로 분할된다 섹션 :

• 구성는 양식 필드
합니다
• 사전 템플릿은 백엔드에서 미리되고 있는지보기 영향
• 보통 내용 또는 홈페이지 (당신이 당신의 레이아웃 파일 이름 지정에 영향을 미칠 수 있지만, 우리는 예를 확장 건너 전파 규칙에 충실해야) 렌더링 당신의 FCE/Page 템플릿

field 항목은 getter로 name 속성을 통해 액세스 할 수 있습니다. 이것을 설명하기 위해 위에있는 페이지 템플릿 내에서 {settings.carousel.caption}에 액세스 할 수 있습니다.