Umbraco(6)-Creating More Pages Using the Master - Part 2

7836 단어 umbraco
Contact Us 페이지 만 들 기
우 리 는 새로운 '연락' 페이지 를 만 들 것 입 니 다. 이 페이지 에 간단 한 연락 정 보 를 놓 을 것 입 니 다. 이 기능 을 추가 하 는 것 에 대해 서 는 완전히 성숙 한 형식 으로 바 꾸 고 싶 을 수도 있 습 니 다.
몇 가지 효과 적 인 해결 방안:
  • 표면 컨트롤 러 를 사용 하여 자신의 접촉 형식 을 구축한다.
  •      http://our.umbraco.org/documentation/Reference/Templating/Mvc/forms혹은
         http://umbraco.tv/videos/developer/fundamentals/surface-controllers/
  • 프로그래머 가 아니라면 기 존 가방 을 사용 할 수 있 습 니 다.
  •      http://umbraco.com/products/more-add-ons/contour.aspx
    이제 간단 한 페이지 를 만 듭 니 다. 사용자 가 제목 과 부 텍스트 를 제공 할 수 있 는 페이지 를 만 듭 니 다. 이것 은 우리 의 홈 페이지 문서 형식 과 매우 유사 합 니 다. 그러나 현재 우리 가 매우 구체 적 인 것 을 개발 할 것 이 라 고 가정 합 니 다. 예 를 들 어 글 과 다른 내용 블록 을 추가 합 니 다.)
    설정 > 문서 유형 열기 (hover) > ... > + Create. "Simple Content Page" 라 는 페이지 를 만 듭 니 다. Master Document Type 을 "none..." (주 문서 형식 을 사용 하면 부모 로부터 문서 형식 을 계승 할 수 있 습 니 다) 으로 선택 하 십시오. 하지만 일치 하 는 템 플 릿 을 만 들 것 입 니 다. 기본 값 으로 선택 하 십시오.
    우선 아이콘 을 선택 합 니 다. "Content" 단 어 를 입력 하여 이 파일 의 아이콘 을 선택 하고 선택 합 니 다. 설명 형식 에 "A simple content page" 를 간단하게 쓰 고 기본 Allowed Templates (예 를 들 어 Simple Content 페이지 만 선택) 를 누 르 십시오. Save 단 추 를 누 르 십시오.
    지금 Settings > Templates (hover) >... ,그리고 Reload Nodes 를 누 르 십시오. Simple Content Page 노드 를 선택 하고 Properties 옵션 에 들 어 갑 니 다. Master Template 드 롭 다운 을 바 꾸 고 Master 템 플 릿 을 선택 하 십시오. 이것 은 우리 홈 페이지 템 플 릿 처럼 master 템 플 릿 에서 머 릿 말 과 꼬 릿 말 을 얻 는 것 을 의미 합 니 다.
    Save 저장 을 누 르 고 Template 옵션 을 다시 불 러 오 면 Razor 언어 가 Layout = "Master. cshtml" 로 업 데 이 트 됩 니 다. 업데이트 되 지 않 았 다 면 다른 노드 를 누 르 고 다시 불 러 옵 니 다. 이 템 플 릿 에 HTML 을 추가 하고 저장 해 야 합 니 다.
    <div id="main-container">
        <div id="main" class="wrapper clearfix">
            <section>
                <h2>Header goes here</h2>
                <p>Content goes here</p>
            </section>  
        </div> <!-- #main -->
    </div> <!-- #main-container -->
               Document Type Template          -  Content > Homepage (hover) > ... > Create. 。              :

    Umbraco(6)-Creating More Pages Using the Master - Part 2_第1张图片 [Umbraco Content 에 오류 가 발생 했 습 니 다. 사용 가능 한 문서 형식 이 없습니다.]
    이것 은 디자인 - Umbraco 의 제한 을 통 해 편집자 가 콘 텐 츠 편집 만 할 수 있 고 개발 자 에 게 만 허용 되 는 것 입 니 다. 이것 은 사용자 가 홈 페이지 아래 에 새로운 뉴스 콘 텐 츠 노드 를 만 들 때 사이트 디자인 (또는 전체 사이트) 을 깨 뜨리 는 것 을 막 을 것 입 니 다.불 행 히 도 이 기능 은 새로운 Umbraco 사용자 들 을 많이 헷 갈 리 게 합 니 다. 그래서 저 희 는 여기 서 이 잘못된 원인 을 보 여 드 렸 습 니 다.
    설정 > 문서 종류 > 홈 페이지 열기  ,Structure 옵션 에 서 는 태그 Allowed child nodetypes 뒤에 있 는 체크 상 자 를 볼 수 있 습 니 다. (Info 옵션 에 있 는 Allowed template - 잠시 후 토론 할 것 입 니 다) 따라서 하위 노드 를 만 들 수 있 도록 해 야 합 니 다. 홈 페이지 형식 은 Simple Content Page 입 니 다. 체크 상 자 를 선택 하고 저장 하 십시오.
    Umbraco(6)-Creating More Pages Using the Master - Part 2_第2张图片 [홈 페이지 - 허용 되 는 자녀 Nodetypes 는 하위 노드 를 만 들 수 있 습 니 다]
    여기 서 곤 혹 스 러 움 이 있 습 니 다. 우선 Simple Content Page 를 만 들 려 고 합 니 다. 그러나 문서 형식 을 만 드 는 것 을 허용 해 야 합 니 다. 예 를 들 어 새로운 문서 형식 을 만 든 다음 홈 페이지 의 설정 을 업데이트 하여 사용 할 수 있 습 니 다. Articles container 와 Article item 을 만 든 후에 우 리 는 이렇게 해 야 합 니 다. Articles container 에서 Article item 을 허용 합 니 다. 간단 합 니 다. - 쉽 지 않 을 수도 있 지만 익숙해 질 겁 니 다.
    컨 텐 츠 로 돌아 가기 > 홈 페이지 (hover) >... > Create  현재 Simple Content Page 를 만 드 는 데 성 공 했 습 니 다. 이름 (텍스트 상단 빨간색 영역) 을 선택 하고 입력 하 십시오. Properties 옵션 카드 만 있 습 니 다. 데이터 가 없습니다. 서로 다른 문서 형식 으로 만 든 홈 페이지 입 니 다. 태그 와 데이터 속성 (예: bodyText 나 pageTitle 없 음) 을 만 들 지 않 았 습 니 다. Save and Publish 를 누 르 십시오.
    Umbraco(6)-Creating More Pages Using the Master - Part 2_第3张图片 [저희 연락처 페이지 만 들 기]
    콘 텐 츠 를 다시 불 러 오 면 홈 페이지 아래 Contact Us 페이지 가 있 습 니 다. 대부분의 사이트 의 추천 구조 입 니 다. - 홈 페이지 아래 에 있 습 니 다. 지금 이 페이지 를 보 세 요. - Properties 라 는 옵션 카드 에 있 으 면 Link To document 한 줄 을 볼 수 있 습 니 다. - 클릭 하면 스타일 이 없 는 페이지 를 다시 발견 할 수 있 습 니 다. 이 템 플 릿 때 문 입 니 다.디자이너 는 웹 사이트 가 평면 구조 가 될 것 이 라 고 생각 합 니 다. 예 를 들 어 모든 페이지 가 같은 단계 에 있 기 때문에 브 라 우 저 는 홈 페이지 라 는 단계 의 CSS 와 JS 를 발견 할 수 없습니다. 마스터 템 플 릿 을 업데이트 하여 CSS 와 JS 파일 의 도입 방식 을 수정 해 야 합 니 다.


    템 플 릿 의 변경 사항 을 저장 한 후 Contact Us 페이지 를 불 러 옵 니 다. 빈 페이지 가 있 습 니 다.
    간단 한 필드 두 개 를 추가 하 겠 습 니 다 - pageTitle (type = Textstring) 와 bodyText (type Rich Text Editor). 필드 를 추가 하 는 방법 을 모 르 면 홈 페이지 문서 형식 을 만 드 는 설명 에 따라 만 들 수 있 습 니 다. 그리고 이 필드 를 연결 하 십시오. - 이것 이 다음 날 이 아니라면 홈 페이지 의 템 플 릿 을 편집 할 수 있 습 니 다.
    Umbraco(6)-Creating More Pages Using the Master - Part 2_第4张图片 [문의 일반 속성 (통용 속성)]
    Umbraco(6)-Creating More Pages Using the Master - Part 2_第5张图片 【Contact Us Template with Data Fields】
    현재 콘 텐 츠 를 추가 합 니 다 Content > Homepage node > Contact Us node. Save and Publish 를 누 르 고 다시 불 러 올 때 더 재 미 있 는 페이지 를 볼 수 있 습 니 다.
    Umbraco(6)-Creating More Pages Using the Master - Part 2_第6张图片 【Contact Us with Some Data】
    홈 페이지 에서 문서 형식 속성 사용 하기
    우리 의 꼬 릿 말 부분 이 아직 비어 있다 는 것 을 알 수 있 습 니 다. - 우 리 는 홈 페이지 노드 에서 내용 을 얻 지 못 했 습 니 다. Umbraco 에 게 부모 노드 홈 페이지 로 가서 content 를 얻 으 라 고 알려 야 합 니 다. 지금부터 이 Master 템 플 릿 을 편집 합 니 다.
    Umbraco 꼬 릿 말 필드 에 < h3 > 태그 가 있 습 니 다. Insert Umbraco page field 단 추 를 누 르 십시오 이 옵션 은 모든 옵션 의 초기 기능 을 무시 합 니 다. - Choose field 드 롭 다운 옵션 에서 footerText 를 다시 선택 하 십시오. 하지만 이번 에는 Recursive 라 는 체크 상 자 를 선택 하 십시오. Umbraco 에 게 이 단계 에 요청 한 노드 필드 가 존재 하지 않 는 다 면 (예: Contact Us) 내용 노드 를 찾 을 것 입 니 다.(우리 의 예 에서 이 내용 은 홈 페이지 에 있 습 니 다) - 기본 값 을 덮어 쓰 려 면 Contact Us 페이지 에 footerText 요 소 를 만 들 수 있 지만 이 영역 에 서 는 자주 사용 되 지 않 습 니 다. Insert 를 누 르 면 다른 Razor 언어 가 추 가 된 것 을 볼 수 있 습 니 다.
    @Umbraco.Field("footerText", recursive: true)
    Save 를 클릭 하고 Contact Us 페이지 를 다시 불 러 옵 니 다.
    [원문:https://our.umbraco.org/documentation/using-umbraco/creating-basic-site/Creating-Master-Template-Part-2】

    좋은 웹페이지 즐겨찾기