디자이너로서 Squarespace로 작업하기위한 5 가지 팁
Squarespace는 비 디자이너 및 소규모 비즈니스 소유자만을위한 것이 아닙니다. 기술 수준에 관계없이이 플랫폼을 사용하면 서둘러 사이트를 온라인으로 빠르고 쉽게 얻을 수 있습니다. 웹 사이트 빌더에는 도구와 통합 기능이 포함되어 있으므로 처음부터 필요한 모든 것을 얻을 수 있습니다.
그러나 디자이너들의 가장 큰 불만은 템플릿이 좋아 보이지만 유연성이 충분하지 않다는 것입니다. 조금 더 깊이 파고 들어야합니다. Squarepsace는 고급 디자이너와 개발자가이 도구로 더 많은 것을 할 수 있도록 옵션을 제공합니다.
1. 맞춤 HTML 추가
거의 모든 웹 사이트 빌더를 통해 사용자는 디자인에 사용자 정의 HTML을 편집하고 추가 할 수 있습니다. 제곱 공간도 다르지 않습니다.
코딩 지식이있는 경우 이러한 고급 사용자 정의는 매우 쉽습니다. 조정하기 전에 Squarespace 메모가 매우 중요합니다. Squarespace 빌더는 실제로 비주얼 편집기에서 변경하면 사이트의 CSS를 변경합니다. 여기에는 코드 블록이 포함됩니다. (주의하지 않으면 잘못된 코드로 인해 폭발 할 수 있습니다.)
좋은 점은 코드 변경이 단순한 색상이나 글꼴 수정을 넘어서는 것입니다. 사용자는 디자인의 거의 모든 위치에 HTML 코드 블록을 추가하고, CSS 편집기를 사용하여 CSS를 광범위하게 변경하고, 코드 삽입 도구를 사용하여 JavaScript를 삽입하고, "display source"옵션이있는 코드 블록을 사용하여 원시 코드를 일반 텍스트로 표시 할 수도 있습니다.
템플릿 파일로 파기
템플릿 파일에 액세스하고 처음부터 사용자 정의 템플릿을 작성할 수 있다는 것을 알고 있습니까? Squarespace에는 고급 사용자가 웹 사이트 빌더에서 차별화되고 완전히 사용자 정의 할 수있는 플랫폼이 있다는 것을 많은 사용자가 알지 못합니다.
원하는 도구를 사용하여 마크 업, 스타일 및 스크립트를 편집 할 수 있습니다. Squarespace 호스팅에있는 사용자 지정 템플릿 또는 웹 사이트를 만들 수도 있습니다.
Github의 복제 기반 템플릿, NPM 설치 종속성 및 사이트를 배포하기 전에 로컬 개발 서버를 설치하는 기능을 포함하여 시작하는 데 필요한 모든 파일을 사용할 수 있습니다.
직접 템플릿 만들기 옵션은 Squarespace로 작업하거나 Squarespace 사이트를 원하는 클라이언트가있는 개발자와 디자이너가 처음부터 무언가를 만드는 데 따른 독립성을 유지하려는 경우에 유용합니다. 훌륭한 옵션이며 필요한 모든 디자인 유연성을 제공합니다.
3. 개발자 플랫폼 사용
Squarespace Developer Platform에서 템플릿 파일 액세스가 유일한 도구는 아닙니다. 처음부터 완전히 무언가를 만드는 것에 대해 진지한 생각이 든다면 이곳을 시작하십시오.
개발자 플랫폼을 통해 설계자는 처음부터 완전히 맞춤형 사이트를 만들고 타사 도구를 사용할 수 있습니다. 이 플랫폼에는 로컬 개발 서버, 툴 벨트, 핵심 JavaScript API 등이 포함됩니다.
설계자는 전체 코드 제어, 모든 Git 리포지토리에 액세스, 간단한 템플릿 언어 (JSON 템플릿), 강력한 호스트 인프라, 내장 CDN, 로드 시간을 줄여주는 내장 CDN 및 강력한 백엔드 사이트 관리자 (클라이언트에 배포 가능) .
John Malkovich Fashion (위)과 같은 Squarespace 사이트를 사용하는 많은 대형 브랜드가 있습니다. 템플릿처럼 보이지 않는다는 사실에 대해 생각해 보셨습니까? 커스텀 개발은 이와 관련이 있으며, Squarespace 플랫폼에서 진정한 커스텀 디자인을 만들고자하는 모든 사용자가 플랫폼을 사용할 수 있습니다.
4. 템플릿 사용
실제로 웹 사이트 빌더 템플릿으로 시작하면 많은 가치가 있습니다.
시간을 절약하고 새로운 방식으로 디자인 문제에 대해 생각할 수 있습니다. 템플릿을 디자인의 좌절감으로 보지 말고 도전처럼 다루십시오. 템플릿의 제약 조건을 사용하여 해당 상자 내에서 무언가를 디자인 할 수 있습니다.
이것은 모든 디자이너가 창조적 인 근육을 약간 늘리는 데 큰 도움이 될 수 있습니다. 또한 다른 디자이너가 컨텐츠와 디자인 요소를 결합하여 새로운 것을 발견하는 방법에 대해 생각하는 데 도움이됩니다.
Squarespace는 템플릿 및 시작 옵션을 제공하는 유일한 웹 사이트 빌더가 아닙니다. 다른 것들도 많이 있습니다. 이 비교 안내서를 사용하여 프로젝트에 적합한 것을 선택하십시오.
5. 타사 사용자 정의 사용
타사 앱 및 사용자 지정을 사용하여 Squarespace 웹 사이트의 기능을 구축하십시오. 대부분의 사용자는 포함 된 툴셋을 뛰어 넘지 않지만 디자인과 통합하여 자신의 느낌을 줄 수있는 다른 많은 요소가 있습니다.
Squarespace는 도구에 내장되지 않은 기능에 대해 타사 사용자 정의를 사용할 수 있다고 말합니다. 타사 응용 프로그램은 많은 디자이너에게이 문제를 해결합니다. 이 커스터마이징의 대부분에는 코드를 Squarespace 블록에 삽입하는 것이 포함됩니다.
일반적인 타사 사용자 정의에는 BeerMenus, Bloglovin ', Etsy, Eventbrite, Feedly, Google Translate, Issuu, MLS 검색, Apple Touch Icons, Wufoo, Zocdoc 및 Swiftype이 있습니다.
타사 응용 프로그램이 당신을 조금 놀라게하는 경우-Squarespace는 응용 프로그램을 지원하지 않습니다-비슷한 기능을 많이 제공하는 내장 통합 기능이 있습니다.
결론
더 많은 웹 사이트 빌더는 고급 사용자가 플랫폼을 살펴볼 수 있도록 개발자 도구를 제공하고 있습니다.
Squarespace는 훌륭한 도구이지만 몇 가지 옵션 중 하나 일뿐입니다. 가장 인기있는 몇 가지 선택을 비교 한 것입니다. 모든 디자이너가 웹 사이트 빌더를 좋아하는 것은 아니지만, 아주 쉽게 선택할 수 있습니다. 또한 Squarespace와 같은 플랫폼에서 추가 사용자 정의를 추가하고 웹 사이트를 처음부터 새로 작성할 수있는 방법이 많이 있습니다.
