Weebly에 CSS 템플릿을 넣는 방법

웹 사이트를 구축하는 것은 자신의 사업을 막 시작할 때 어려울 수 있습니다. 직접 만드는 방법을 모르면 디자이너를 고용하거나 미리 디자인 된 레이아웃이있는 서비스를 찾아야합니다. Weebly는 이러한 서비스 중 하나 일뿐입니다. 그것은 무료 계정 및 호스팅뿐만 아니라 수십 가지 레이아웃을 제공합니다. 모든 페이지에 콘텐츠를 추가하기 위해 클릭 앤 드래그 인터페이스를 사용합니다. CSS 노하우가 있거나 웹 사이트의 소스 코드를보고 싶다면 Weebly는 CSS 및 HTML 용 고급 편집기를 제공합니다.

1

Weebly 계정에 로그인하고 수정하려는 웹 사이트 옆에있는 "편집"을 클릭합니다. 새 웹 사이트를 만들려면 대신 "사이트 추가"버튼을 클릭하십시오.

2

Weebly 페이지를 수정하고 사용자 지정할 수있는 페이지 인 Weebly 편집기에서 "디자인"탭을 클릭합니다.

사용 가능한 디자인 아래의 페이지 미리보기 섹션의 오른쪽 상단에있는 "HTML / CSS 편집"을 클릭합니다. 그러면 현재 Weebly 웹 사이트의 CSS 및 HTML이있는 그대로 열립니다. 그것에 대한 느낌을 얻으십시오. 사이드 바에 "main-style.css"와 웹 사이트의 모든 페이지에 대한 HTML 페이지가 표시됩니다.

4

Weebly 편집기에서 스타일 시트를 보려면 "main-style.css"를 선택하십시오. 완전히 사용자 지정 스타일 시트를 입력하거나 Weebly가 디자인 한대로 스타일 시트를 편집 할 수 있습니다.

5

HTML 페이지에서 필요한 요소를 변경하십시오. 완전히 사용자 정의 된 CSS 레이아웃을 사용하는 경우 인덱스 페이지와 웹 사이트에 추가 한 다른 페이지에서 해당 레이아웃에 대해 일치하는 HTML을 입력해야합니다. 그래도 원하는 경우 Weebly 콘텐츠를 원하는 곳에 "{content}"와 같은 콘텐츠에 Weebly 편집기를 사용할 수 있습니다. {footer} 및 {title}을 사용하여 Weebly가 콘텐츠를 삽입 할 위치를 표시 할 수도 있습니다.

6

"저장"을 클릭하여 변경 사항을 Weebly 웹 사이트에 적용하십시오.