사이트에 사용자 정의 CSS를 추가하는 방법

← 뒤로

'사용자 정의 CSS' 모듈과 관리자 전용 접근 권한이 있는 서비스 섹션을 만드세요. 해당 페이지에 CSS 편집기가 있으며, 스타일은 사이트의 모든 페이지에 적용됩니다.

  1. «사이트 구조» 섹션에서 «주요 항목 추가»를 클릭하고, 섹션 이름을 지정하세요. 예: «내 CSS».
  2. 필드에서 «모듈» 을 «선택» 으로 찾아 카드 «사용자 CSS» (코드 custom_css).
  3. «접근 수준» — «관리자만». 저장하세요.
  4. 이 섹션을 여세요. 처음 열면 «사이트 CSS 파일이 생성되었습니다. 모든 사이트 페이지에 마지막으로 연결됩니다.»가 표시됩니다.
  5. 편집기에 규칙을 작성하세요. Tab — 들여쓰기, Shift+Tab — 들여쓰기 제거.
  6. 클릭하세요 «저장» 또는 Ctrl+S. 변경 사항은 새로고침 후 페이지에 표시됩니다.

파일은 각 페이지에 마지막으로 연결되므로 선택자 특이성이 같을 경우 엔진 스타일을 덮어씁니다. 하지만 블록 스타일 창(톱니바퀴)의 설정은 블록에 직접 기록되므로 !important.

파일은 사이트 파일에 저장되며 백업 및 템플릿에 포함됩니다.

문제가 발생하면

  • 스타일이 페이지를 숨기거나 망가뜨렸습니다. 클릭하세요 «내 CSS 없이» 를 편집기에서 — 스타일 없이 열립니다. 사이트의 모든 페이지에서 주소에 ?nocustomcss=1 을 추가해도 동일합니다(관리자만 작동).
  • «파일이 변경되었습니다». 다른 탭이나 다른 관리자가 파일을 변경했습니다. 자신의 텍스트로 덮어쓰거나 취소하고 텍스트를 복사한 후 페이지를 새로고침할 수 있습니다.
  • «CSS 파일이 너무 큽니다». 한도는 512KB입니다. 불필요한 부분을 제거하세요. 이미지는 CSS 내부 코드가 아닌 링크로 삽입하세요.
도움이 되셨나요?

함께 보기

로고와 파비콘 설정 방법두 이미지 모두 «로고» 인포머 설정에서 «로고»와 «파비콘» 필드로 업로드합니다.블록 꾸미기: 테두리, 배경, 여백, 그림자블록 위에 마우스를 올리고 톱니바퀴를 클릭하면 «테두리», «블록», «텍스트», «링크», «애니메이션», «위치 지정» 탭이 있는 스타일 창이 열립니다.모든 페이지에 카운터 또는 외부 위젯 추가 방법일반 설정의 «사이트 정보» 탭, «위젯 HTML 코드» 필드 — 코드가 사이트의 모든 페이지에 삽입됩니다.메뉴의 인포머란 무엇인가요메뉴에서 항목과 동일한 위치에 있는 작은 위젯입니다: 로고, 장바구니, 검색, 언어 전환기, 채팅 등이 있습니다.

도움말 섹션에서는 자주 묻는 질문에 대한 답변과 Site Look 사이트 빌더 사용에 관한 유용한 지침을 찾을 수 있습니다. 여기에서 섹션 관리, 객체 추가 및 사이트 설정 방법을 알아볼 수 있습니다. 자료는 초보자와 숙련된 사용자 모두에게 유용합니다. 답변을 찾지 못한 경우 지원팀에 문의하세요.