iOS 사용자가 기기의 홈 화면에 내 사이트를 북마크할 수 있도록 Apple Touch 아이콘을 생성하세요.

Apple Touch 아이콘을 만들면 방문자는 iOS 기기(iPhone, iPad 또는 iPod)에서 내 사이트를 북마크할 수 있습니다. 북마크 아이콘은 다른 앱이나 홈 화면의 북마크와 비슷할 것입니다.

해당 아이콘에 대한 Apple의 이미지 가이드라인을 검토하려면 이미지 가이드라인 페이지를 방문하세요.

이 가이드의 솔루션에는 코어, 플러스, 어드밴스드, 비즈니스, 커머스 베이직, 커머스 어드밴스드 요금제에서 사용할 수 있는 코드 주입이 포함되어 있습니다. 자세히 알아보려면 적합한 Squarespace 요금제 선택하기를 방문하세요.

1단계 - 아이콘 이미지 업로드

사이트 아이콘을 만드세요. 아이콘은 .png 파일이어야 하며 투명하면 안 됩니다. 일관된 모양을 위해 파비콘 또는 사이트 로고와 동일한 디자인을 사용하는 것을 권장합니다.

이미지를 만든 후, 사이트의 레이아웃 페이지에 대한 페이지 에디터를 열고 링크 역할을 할 텍스트를 입력하세요. 텍스트를 강조 표시하고 텍스트 도구 모음에서 링크 아이콘을 클릭하세요.

링크 에디터가 열릴 것입니다. 파일 탭을 클릭한 후 파일 추가를 클릭하여 터치 아이콘 이미지 파일을 업로드하세요. 링크 추가를 클릭하여 링크를 삽입하세요.

2단계 - 아이콘 이미지 URL 가져오기

링크된 텍스트를 다시 클릭한 다음 파일 URL을 복사하세요. 파일 URL은 다음과 같이 보입니다.

/s/file-name.extension

3단계 - 코드 주입 추가

코드 주입 패널을 엽니다.

머리말 코드 주입 필드에 다음 코드를 복사하여 붙여 넣으세요.

<link rel="apple-touch-icon" href="/s/file-name.extension">

/s/file-name.extension을 복사한 아이콘 파일의 URL로 교체하세요.

저장을 클릭합니다.

4단계 - 터치 아이콘 보기

iOS 기기를 사용하여 사이트를 방문하세요. 공유 옵션을 사용하여 사이트를 홈 화면에 추가하세요. 화면은 이와 비슷하게 보일 것입니다.

참고: 이 코드 기반 사용자 지정은 Squarespace 지원 범위를 벗어납니다. 코드 주입에 코드를 추가하기 전에 코딩 지식을 쌓는 것을 강력하게 권장합니다. 이 주제에 관해서는 Squarespace에서 추가적인 지원을 제공할 수 없지만, 아래에서 올바른 방향을 제시하는 다양한 자료를 살펴볼 수 있습니다.

• Apple Touch 아이콘에 대한 도움이 필요한 경우 Apple 개발자 사이트를 방문하세요.
• 고객 및 개발자 포럼인 Squarespace Forum을 방문하세요.
• 사용자 정의 코드를 추가하는 모범 사례를 배워 보세요.
• 코드 기반 사용자 지정에 대한 일반 가이드를 읽어보세요.
• Squarespace Expert를 고용해 사이트에 사용자 지정 코드를 구축할 때 도움을 받으세요.