웹사이트 테마

Odoo는 색상, 글꼴, 레이아웃 등 웹사이트 스타일을 제작할 수 있도록 다양한 테마를 제공하고 있습니다. Odoo 웹사이트 제작기를 사용하여 사이트를 설정할 때 원하는 미적인 기준에 알맞게 테마를 선택하라는 메시지가 표시됩니다. 나중에 테마 옵션을 수정하려면 편집 버튼을 클릭하여 웹사이트 빌더로 이동한 후 테마 탭으로 들어갑니다. 다음과 같은 메뉴를 사용할 수 있습니다.다음과 같이 사용할 수 있습니다.

  • 색상: 웹사이트 빌더에서는 5가지 색상으로 구성된 팔레트를 사용하며, 기본 색상 2가지와 3개의 밝게 또는 어둡게 색상 3가지로 구성되어 있습니다.

    위에 정의된 5가지 색상에 따라 웹사이트 빌더에서 자동으로 정의된 색상 사전 설정`을 커스터마이징할 수도 있습니다. 색상 사전 설정 옆에 있는 화살표를 클릭하면 업데이트가 됩니다. 각 색상 사전 설정에는 빌딩 블록의 :guilabel:`배경, 텍스트, 제목, 링크, 기본 버튼, 보조 버튼 색상이 포함되어 있습니다.

    웹사이트 색상 선택

    **색상 사전 설정**을 사이트의 빌딩 블록에 적용하려면, 빌딩 블록을 선택하고 사용자 지정 탭으로 이동하여 배경 버튼을 클릭한 다음 사전 설정을 선택합니다.

    참고

    색상 사전 설정을 변경하면 사전 설정 기본값 및 해당 사전 설정이 사용되는 빌딩 블록 색상이 자동으로 업데이트됩니다.

  • 웹사이트: 이 섹션에서 테마 전환, 언어 추가, :guilabel:`페이지 레이아웃`을 선택한 후, 자신만의 이미지를 업로드하여 :guilabel:`배경`을 사용자 지정할 수 있습니다.

  • guilabel:문단: 웹사이트의 단락 <p> 요소 서식을 사용자 지정합니다.

    글꼴 집합 필드에는 Google 서버에서 호스팅하고 제공하는 글꼴이 포함되어 있습니다. 다른 글꼴을 추가하려면 :guilabel:`Google 글꼴 추가`를 클릭한 후 팝업 창에서 :guilabel:`fonts.google.com`을 클릭하세요.

    원하는 글꼴 선택하기

    원하는 글꼴을 선택한 후 페이지 주소를 복사하여 :guilabel:`Google 글꼴 주소`에 붙여넣은 다음 :guilabel:`저장 및 다시 불러오기`를 클릭합니다. 새 글꼴이 전체 웹사이트에 적용됩니다.

  • 제목: 제목 서식을 사용자 지정합니다.

  • 버튼: 기본 스타일보조 스타일 버튼을 사용자 지정합니다.

    Odoo에서의 두 가지 버튼 유형
  • guilabel:링크: 웹사이트에서 사용할 수 있는 하이퍼링크 스타일을 편집합니다.

  • 입력 필드: 검색창이나 양식과 같이 데이터를 입력할 수 있는 필드를 커스터마이징합니다.

  • 고급: 웹사이트의 헤더 표시줄을 숨기려면 헤더 표시 버튼으로 헤드 및 본문 코드 를 삽입한 후 Google 지도 맞춤 키 를 입력한 후, 관련 상태 색상 버튼을 클릭하여 성공, 정보, 주의오류 팝업 메시지의 색상을 변경하고 사이트의 회색 요소를 사용자 지정합니다.

    Example

    • 성공 메시지의 :guilabel:`상태 색상`이 초록색으로 설정됩니다.

      상태 색상에서 성공 메시지가 초록색으로 설정되었습니다. 초록색 성공 메시지
    • 사이트에서 회색 요소를 사용자 정의합니다.

      사이트의 회색 요소에 대한 사용자 정의