WordPress 웹 사이트의 사이트 아이콘을 만드는 방법

대부분의 브랜딩 또는 마케팅 전문가는 가시성에 대한 생각을 공유하는 것을 좋아합니다. 간단히 말해서 웹사이트에 사용되는 사용자 요소는 사용자의 생각을 반영해야 한다고 말할 수 있습니다. 사이트 아이콘 생성 작업은 WordPress 웹 사이트에 대해 고려되어서는 안됩니다.

그러나 이제 사이트 아이콘을 만들고 WordPress 웹사이트에 업로드하는 작업이 더 쉬워졌습니다. 그러나 이 작업을 단순화하는 다양한 방법이 있습니다.

인터넷에서 최소한의 예산, 전문 지식 및 시간으로 이 작업을 가능하게 하는 여러 가지 방법을 찾을 수 있습니다.

이 블로그에서는 WordPress 웹 사이트의 사이트 아이콘을 디자인하는 몇 가지 방법을 배웁니다. 우선 WordPress용 사이트 아이콘을 만들어야 하는 이유에 대해 알아보세요. 이와 함께 사이트 아이콘을 만들 때 고려해야 할 몇 가지 사실에 대해 알아봅니다.

사이트 아이콘은 무엇을 의미하며 WordPress 웹 사이트에 사이트 아이콘이 있어야 하는 이유는 무엇입니까?

사이트 아이콘을 많이 보았을 것입니다. 그러나 이것이 사이트 아이콘이라는 것을 아직 인식하지 못했습니다. 사실 지금은 브라우저 창의 왼쪽 상단에서 사이트 아이콘을 볼 수 있습니다.

사이트 아이콘은 검색 엔진 결과 페이지나 브라우저의 페이지 탭 옆에 표시되는 중요한 작은 아이콘으로 간주됩니다.

그러나 브랜드를 지정하는 고유한 사이트 아이콘을 만들 수 있습니다.

귀하의 웹사이트 브랜딩에 대해 이야기할 때 귀하의 웹사이트는 첫눈에 방문자에게 깊은 인상을 줄 수 있어야 합니다.

당신의 브랜드가 훌륭하고 전문적으로 보인다면 새로운 고객은 당신의 브랜드를 신뢰할 수 있을 것입니다. 그리고 사이트 아이콘은 첫인상만 방문자에게 신뢰를 주고 깊은 인상을 줄 수 있도록 도와줍니다.

사실, 완전한 브랜딩 전략은 사이트 아이콘이 어떻게 생겼는지에 달려 있습니다. 그러나 잠재적인 사용자가 더 오랜 시간 동안 웹사이트를 탐색하는 경우 긍정적인 영향을 미칠 뿐만 아니라 웹사이트의 가시성을 향상시킬 것입니다.

웹사이트의 사이트 아이콘을 만드는 3가지 간단한 단계

이 작업에서는 관련된 두 가지 시나리오를 고려해야 합니다. 첫 번째는 사이트 아이콘을 만들어야 한다는 것입니다. 그런 다음 생성된 사이트 아이콘을 WordPress 웹사이트에 업로드해야 합니다.

WordPress용 사이트 아이콘을 만드는 세 가지 기본 단계는 다음과 같습니다.

• 올바른 아이콘 크기 선택
• 사이트 아이콘을 디자인할 때 몇 가지 최적의 방법을 따르십시오.
• 작업을 위해 완벽한 도구를 선택하십시오

그런 다음 아이콘을 업로드하는 몇 가지 기본 세 단계를 배웁니다.

• WordPress의 미리 만들어진 기능 활용
• 아이콘을 업로드하려면 플러그인을 사용하세요.
• 사이트 아이콘을 업로드하려면 코드를 작성하세요.

이제 이 모든 단계를 자세히 살펴보겠습니다.

1단계: 사이트 아이콘의 경우 올바른 크기를 선택합니다.

가장 중요한 것은 사이트 아이콘의 크기입니다. 예, 실제로 이러한 파일의 크기가 작은 것은 사실이지만 이 아이콘과 관련된 다양한 치수를 확인해야 합니다. 플랫폼마다 사이트 아이콘의 요구 사항이 다르기 때문에 이를 고려하는 것이 중요합니다.

일부 브라우저는 32*32픽셀 .ico 파일을 지원합니다. 이 아이콘 크기 크기를 표준 크기라고 합니다.

그러나 실제로는 512*512픽셀 크기의 .png 파일을 사용해야 합니다. 거의 모든 기본 브라우저가 사이트 아이콘에 대해 이 크기를 갖기 때문에 대부분 .png 파일이 사용됩니다.

2단계: 사이트 아이콘 디자인에 최적의 방법을 사용하고 있는지 확인

단순한 옵션을 선택하기 보다는 최적의 브랜딩에 집중하고 맞춤형 사이트 아이콘을 작업하는 것이 좋습니다.

기존 로고를 사용하여 웹사이트를 브랜드화할 수 없습니다. 그러나 WordPress용 사이트 아이콘을 만들려면 몇 가지 추세를 따라야 합니다.

• 사이트 아이콘에 하나 또는 두 개의 간단한 색상을 선택하여 일관성 있고 명확하게 보이도록 하십시오.
• 로고 최소화
• 사이트 아이콘의 주요 측면에 초점을 맞추기 위해 약간의 밝기를 사용하십시오.

실제 세계의 예를 보자. SKT Themes의 사이트 아이콘을 확인하세요. 고대비를 제공하는 주황색을 사용하고 웹 사이트의 로고에 더 중점을 둡니다.

이것이 당신이 필요로 하는 전부입니다. 다른 요소의 브랜딩과 함께 일관성과 가시성을 제공하고 브라우저 화면 탭에 표시되도록 합니다.

3단계: 사이트 아이콘을 만들려면 올바른 도구를 선택하세요.

사이트 아이콘을 만들기 위한 크기와 디자인을 확정했으면 다음 단계는 올바른 도구를 선택하는 것입니다. 위에서 언급했듯이 WordPress에서 WordPress용 사이트 아이콘을 만드는 방법에는 여러 가지가 있습니다.

하지만 CANVA 사용법을 안다면 사이트 아이콘을 만드는 가장 이상적인 방법을 알 수 있습니다. CANVA에 대한 더 많은 대안을 찾을 수 있습니다. 최고의 대안 중 하나는 designBold 입니다.

텍스트 전용 사이트 아이콘을 매우 ​​빠르게 만드는 또 다른 대안은 https://favicon.io/favicon-generator/입니다. 이 도구를 사용하면 다양한 크기의 사이트 아이콘을 다운로드할 수도 있습니다.

사이트 아이콘을 8비트 또는 24비트 불투명 .PNG 파일로 저장하는 것이 중요하다는 것을 잊지 마십시오. 가장 최적의 형식입니다. 그러나 favicon.io가 이를 가능하게 하는 데 도움이 될 것입니다.

웹사이트에 사이트 아이콘을 업로드하는 3가지 방법은 다음과 같습니다.

WordPress에서는 사이트 아이콘을 업로드하는 다양한 방법을 찾을 수 있습니다. 아래에서 사이트 아이콘을 업로드하는 가장 적합한 방법을 찾을 수 있습니다.

1. 워드프레스에 내장된 기능 활용하기

WordPress는 WordPress 웹 사이트에 사이트 아이콘을 업로드하는 가장 좋은 방법과 가장 쉬운 방법을 제공합니다.
가장 간단하고 빠른 접근 방식을 찾고 있다면 이 옵션을 선택해야 합니다.

1단계: WordPress에서 웹사이트의 ID 화면에 액세스

이를 위해서는 먼저 WordPress 대시보드를 통해 WordPress에 로그인해야 합니다. 이제 테마 옵션 패널로 이동합니다. 프리미엄 테마는 많은 옵션으로 구성되어 있습니다.

WordPress 기본 테마를 사용하는 경우를 고려하여 모양으로 이동한 다음 사용자 정의 도구의 클릭 현장 ID 화면 사용자 정의를 클릭해야 합니다.

일단 완료하면 다른 단계로 이동해야 합니다.

2단계: 사이트 아이콘 선택

이제 사이트 아이콘을 선택하기 위해 사이트 ID와 같은 다른 섹션을 확인하십시오.

'사이트 선택 아이콘'을 클릭하고 파일을 업로드합니다. 접근성 향상을 위해 '대체 텍스트'를 추가했는지 확인하세요.

3단계: 프런트 엔드에서 사이트 아이콘 확인

이제 웹사이트에서 프런트 엔드를 확인하여 사이트 아이콘이 웹사이트에 성공적으로 업로드되었는지 여부를 확인합니다. 기존 사이트 아이콘의 큰 미리보기가 브라우저 모형 내에서 WordPress에 의해 제공됨을 알 수 있습니다.

그러나 웹 브라우저에서 사이트 아이콘이 어떻게 보이거나 렌더링되는지 확인해야 합니다. 이것은 고려해야 할 가장 중요한 요소입니다.

2. 워드프레스 플러그인 추가

초보자나 비기술자에게 가장 좋은 사이트 아이콘 업로드 솔루션은 WordPress 플러그인을 통합하는 것입니다. WordPress 사이트를 사용하는 고객은 빌트인 커스터마이저 옵션에 액세스할 수 있습니다.

WordPress 사이트 아이콘에 대한 특정 요구 사항이 있는 경우 이 접근 방식을 제안합니다. 그렇지 않으면 테마 옵션을 사용하여 사이트 아이콘을 업로드해야 합니다.

1단계: 적합한 플러그인 선택

우리가 제안하고 싶은 최고의 플러그인 중 하나는 RealFaviconGenerator의 Favicon입니다.

파비콘을 생성하는 데 도움이 되는 가장 인기 있는 웹사이트 중 하나는 RealFaviconGenerator.net입니다. 그러나 RealFaviconGenerator의 Favicon은 RealFaviconGenerator.net의 인기 있는 플러그인 버전입니다.

이 플러그인은 단일 이미지에서 다른 사이트 아이콘을 생성하고 사이트 아이콘은 미디어 라이브러리에 저장됩니다.

2단계: 전체 크기 사이트 아이콘 업로드

플러그인을 설치하고 활성화하면 다음 단계는 WordPress 대시보드에 로그인하고 모양을 클릭하고 파비콘 패널을 클릭하는 것입니다. 여기에서 복잡하지 않은 많은 사용자 정의 옵션을 찾을 수 있습니다.

혼란스러운 단어를 찾을 수 있지만 미디어 라이브러리에서 파일을 업로드하기만 하면 되므로 걱정하지 마십시오. 여기에 대체 텍스트를 추가해야 합니다. 추가하는 것을 잊지 마세요.

이제 시작하려면 '파비콘 생성'이라고 표시된 파란색 버튼을 클릭하고 이제 다른 단계로 이동합니다.

3단계: 사이트 아이콘 다운로드

파일을 업로드하면 플러그인이 사이트 아이콘 생성을 시작합니다. 플러그인이 개발자 사이트의 버전을 웹 앱 버전으로 변환한다는 것을 알게 될 것입니다. 여기에서 다양한 차원 및 플랫폼에 대한 다양한 사이트의 사이트 아이콘을 찾을 수 있습니다.

여기에서 사이트 아이콘 및 디자인의 표시에 속하는 플랫폼별 옵션 중 일부를 선택할 수 있습니다.

이제 '파비콘 및 HTML 코드 생성'을 클릭해야 합니다. 이제 플러그인이 얼마나 마술처럼 작동하기 시작하는지 알게 될 것입니다.

이제 WordPress 대시보드에서 사이트 아이콘 미리보기 옵션을 찾을 수 있습니다.

관련 게시물: WordPress 사이트에 Favicon을 추가하는 빠른 가이드

3. 사이트 아이콘을 표시하려면 코드 작업

우리가 제안하고 싶은 가장 마지막 단계는 기본적으로 일반 사용자를 위한 구식 솔루션입니다. 그러나 코드를 사용하여 사이트 아이콘을 표시하여 모든 유형의 요구 사항을 충족할 수 있습니다. 이 옵션은 사용자 정의 테마를 구축하는 경우에도 더 나은 대안입니다.

1단계: 파일 전송 프로토콜을 사용하여 WordPress 웹사이트의 서버에 액세스할 수 있습니다.

이 접근 방식을 따르려면 FTP를 통해 서버에 액세스할 수 있어야 합니다. 또한 WordPress의 핵심 파일에서 작업할 것이기 때문에 코딩에 대한 기본 지식이 필요합니다. 하위 테마를 사용하는 것이 좋습니다.

이 모든 항목에 액세스할 수 있으면 서버에 로그인할 수 있습니다. 호스팅 제어판을 통해 자격 증명에 액세스할 수 있습니다.

이러한 모든 자격 증명을 어디에서 찾을 수 있는지 궁금하다면 호스트의 지원 채널에 연결할 수 있습니다.

2단계: WordPress 웹사이트에 사이트 아이콘 업로드

서버에 로그인하면 FTP 클라이언트에 의해 웹사이트의 디렉토리 목록이 표시됩니다.

여기에서 사이트 아이콘 파일을 웹사이트의 루트 디렉터리와 기본 테마 폴더에 업로드합니다.

이제 거의 완료되었습니다. 이제 마지막 단계는 WordPress에서 사이트 아이콘을 코딩하는 것입니다.

3단계: WordPress 헤더에 코드 추가

이것이 마지막 단계이며 WordPress 대시보드에 로그인하는 마지막 단계입니다. 이제 모양으로 이동한 다음 테마 편집기 페이지를 클릭합니다.

페이지에 액세스하려고 하면 하나의 경고 대화 상자 팝업이 생성됩니다. 클릭하기 전에 모든 내용을 읽었는지 확인합니다.

이제 쉽게 편집할 수 있는 코드가 표시됩니다. 여기에서 드래그 드롭 메뉴 옵션에서 테마를 선택합니다. 이제 여기에서 다음과 같은 코드 줄을 검색하십시오.

이제 아래에 언급된 코드를 다음 사이에 추가합니다.

 <머리>

태그

 <link rel="바로 가기 아이콘" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

이제 파일 업데이트 버튼을 클릭합니다.

결론:
WordPress용 사이트 아이콘을 만드는 기본 단계는 이 블로그에 나와 있습니다.