찾다
CMS 튜토리얼Word누르다WordPress에서 사용자 이메일에 아바타를 표시하는 방법

WordPress의 사용자 이메일에 아바타를 표시 하시겠습니까?

Gravatar는 사용자의 이메일 주소를 온라인 아바타에 연결하는 네트워크 서비스입니다. WordPress는 주석 섹션에 방문자의 프로필 사진을 자동으로 표시하지만 사이트의 다른 영역에 추가 할 수도 있습니다.

이 기사에서는 WordPress의 사용자 이메일에 아바타를 표시하는 방법을 보여 드리겠습니다.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

Gravatar 란 무엇이며 왜 표시해야합니까?

Gravatar는 전 세계적으로 인정 된 아바타를 나타내며 사람들이 이미지를 이메일 주소에 연결할 수 있습니다.

웹 사이트에서 Gravatar를 지원하는 경우 사람의 사진을 찍어 이름 옆에 표시 할 수 있습니다. 예를 들어, 사용자가 WordPress 웹 사이트에 이메일로 의견을 남기면 WordPress는 주석 옆에있는 사람의 아바타를 표시합니다.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

아바타는 사용자가 전환에 참여하고 커뮤니티 감각을 구축하며 페이지를 더 흥미롭게 보이게하도록 장려 할 수 있습니다. 이 모든 것이 WordPress 게시물에 대해 더 많은 의견을 얻는 데 도움이됩니다.

웹 사이트 설정 방법에 따라 WordPress는 저자 프로필과 같은 다른 곳에 아바타를 표시 할 수 있습니다. 그러나 사용자 아바타가 WordPress 블로그 또는 웹 사이트에 나타나는 위치를 변경할 수 있습니다. 예를 들어, 웹 사이트의 도구 모음 또는 사용자 프로필에 사용자의 아바타를 표시 할 수 있습니다.

즉, WordPress의 사용자 이메일에 Gravatar를 표시하는 방법을 살펴 보겠습니다. 아래의 빠른 링크를 사용하여 좋아하는 방법으로 이동하십시오.

  • 방법 1 : WordPress 테마 편집 (일관성에 가장 적합)
  • 방법 2 : Custom WordPress 쇼트 코드 사용 (완전히 사용자 정의 가능)

방법 1 : WordPress 테마 편집 (일관성에 가장 적합)

먼저 코드를 사용하여 WordPress 테마에 Gravatar를 추가 할 수 있습니다. 전체 웹 사이트의 동일한 위치 (예 : 사이드 바 또는 제목 위)에 아바타를 표시하려는 경우 훌륭한 옵션입니다. 그러나 템플릿 파일을 편집해야하므로 초보자에게 가장 좋은 방법은 아닙니다.

이 방법은 현재 귀하의 웹 사이트에 로그인 한 사람의 아바타를 표시합니다. 이는 회원 웹 사이트, 온라인 상점 또는 사용자가 자신의 계정에 로그인 해야하는 다른 웹 사이트에 매우 유용합니다.

테마에 Gravatar를 추가하려면 테마 파일에 코드를 붙여 넣어야합니다. 전에이 작업을 수행하지 않은 경우 초보자 안내서를 확인하여 웹 페이지에서 클립을 WordPress로 붙여 넣으십시오.

WordPress 웹 사이트에 코드 스 니펫을 추가하는 가장 쉬운 방법은 WPCode를 사용하는 것입니다. WordPress를위한 최고의 코드 스 니펫 플러그인으로, PHP, CSS, JavaScript 등을 웹 사이트에 추가 할 수 있습니다.

먼저 무료 WPCode 플러그인을 설치하고 활성화해야합니다. 도움이 필요한 경우 WordPress 플러그인을 설치하는 방법에 대한 가이드를 참조하십시오.

활성화되면 WordPress 대시 보드에서 코드 스 니펫으로 이동»스 니펫 추가. 이제 "새 추가"버튼을 클릭하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

이렇게하면 WPCode가 웹 사이트에 추가 할 수있는 모든 기성품 스 니펫을 볼 수있는 조각 추가 페이지로 이동합니다.

여기에서 "사용자 정의 코드 추가 (새 스 니펫)를 추가하고 스 니펫 사용 버튼이 나타날 때 클릭하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

먼저 코드 스 니펫의 제목을 입력하십시오. 이것은 참조 용이므로 원하는 것을 사용할 수 있습니다.

그런 다음 코드 유형 드롭 다운 목록을 열고 PHP 조각을 선택하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

이제 다음을 코드 편집기에 붙여 넣을 수 있습니다.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

완료되면 페이지 상단으로 스크롤하여 비활성 스위치를 클릭하여 활성화 된 것처럼 보이도록하십시오.

그런 다음 "조각 저장"버튼을 클릭하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

이제 다음 함수를 사용하여 WordPress 사이트의 어느 곳에도 사용자의 묘사를 표시 할 수 있습니다.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

방법 1과 마찬가지로이 방법은 현재 사용자의 아바타를 표시합니다. 원하는 경우 코드를 간단하게 변경하여 특정 이메일 주소에 할당 된 아바타를 표시 할 수 있습니다.

누군가의 이메일 주소가 있고 아바타가 웹 사이트에 표시되기를 원하는 경우 매우 유용 할 수 있지만 등록 된 사용자는 아닙니다.

사용자 정의 단축 코드를 만드는 가장 쉬운 방법은 WPCode를 사용하는 것입니다. 더 좋은 점은 주제 파일을 편집 할 필요가 없으므로보다 초보자 친화적 인 방법입니다.

설치하지 않은 경우 WPCode를 설치해야합니다. 또한 새로운 사용자 정의 코드 스 니펫을 만들려면 위의 동일한 절차를 따라야합니다.

완료되면 코드 스 니펫의 이름을 지정하고 코드 유형으로 "PHP 스 니펫"을 선택하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

다음으로 다음 PHP를 코드 편집기에 붙여 넣습니다.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

이제 다음 단축 코드를 사용하여 모든 페이지, 게시물 또는 위젯 준비 영역에 사용자의 아바타를 표시 할 수 있습니다.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

그런 다음 사용자 정의 CSS를 소규모 코드 편집기에 붙여 넣을 수 있습니다.

완료되면 게시를 클릭하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

이제 웹 사이트를 방문하면 새로운 스타일의 아바타가 표시됩니다.

웹 사이트에서 Gravatars 사용자 정의에 대한 자세한 내용은 WordPress에서 Gravatar 이미지 크기를 변경하는 방법에 대한 가이드를 참조하십시오.

전체 사이트 편집기를 사용하여 사용자 정의 짧은 코드를 추가하는 방법

최신 블록 기반 테마 중 하나를 사용하는 경우 템플릿 또는 템플릿 섹션에 단축 코드를 추가 할 수 있습니다. 이를 통해 템플릿 파일을 편집하지 않고 사이트 전체에 사용자의 아바타를 표시 할 수 있습니다.

예를 들어, 웹 사이트의 블로그 템플릿 또는 제목 템플릿 섹션에 단축 코드를 추가 할 수 있습니다.

먼저 WordPress 대시 보드의 편집기»편집기로 이동하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

기본적으로 전체 사이트 편집기는 테마의 기본 템플릿을 표시하지만 헤더 또는 바닥 글과 같은 템플릿 또는 템플릿 섹션에 단축 코드를 추가 할 수 있습니다.

사용 가능한 모든 옵션을 보려면 템플릿 또는 템플릿 부품을 선택하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

이제 편집하려는 템플릿 또는 템플릿 섹션을 클릭 할 수 있습니다.

예를 들어, 우리는 404 페이지 템플릿에 단축 코드를 추가하지만 어떤 템플릿을 선택하든 단계는 정확히 동일합니다.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

WordPress는 이제 템플릿 또는 템플릿 섹션의 미리보기를 표시합니다.

짧은 코드를 추가하려면 작은 연필 아이콘을 클릭하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

완료되면 왼쪽 상단의 파란색 ""아이콘을 클릭하십시오.

검색 창에서 "짧은 코드"를 계속 입력하십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

오른쪽 블록이 나타나면 테마 템플릿으로 드래그하여 떨어 뜨립니다.

이제 짧은 코드를 붙여 넣거나 [wpb_gravatar]를이 블록에 입력 할 수 있습니다.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

그런 다음 계속해서 저장 버튼을 클릭하십시오.

이제 WordPress 블로그를 방문하여 실행중인 Gravatar를보십시오.

WordPress에서 사용자 이메일에 아바타를 표시하는 방법

이 기사가 WordPress 웹 사이트에서 사용자 이메일에 Gravatar를 표시하는 방법을 이해하는 데 도움이되기를 바랍니다. 또한 최고의 소셜 미디어 플러그인 선택과 WordPress에서 연락처 양식을 만드는 방법에 대한 안내서를 확인할 수도 있습니다.

위 내용은 WordPress에서 사용자 이메일에 아바타를 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
WordPress는 전자 상거래에 적합합니까?WordPress는 전자 상거래에 적합합니까?May 13, 2025 am 12:05 AM

예, WordPress는 전자 상거래에 매우 적합합니다. 1) WooCommerce 플러그인을 사용하면 WordPress는 완전히 기능적인 온라인 상점이 될 수 있습니다. 2) 성능 최적화 및 보안에주의를 기울이십시오. 캐시 및 보안 플러그인의 정기적 인 업데이트 및 사용이 핵심입니다. 3) WordPress는 사용자 경험을 향상시키고 SEO를 크게 최적화하기위한 풍부한 사용자 정의 옵션을 제공합니다.

Yandex 웹 마스터 도구에서 WordPress 사이트를 추가하는 방법Yandex 웹 마스터 도구에서 WordPress 사이트를 추가하는 방법May 12, 2025 pm 09:06 PM

웹 사이트를 Yandex Webmaster 도구에 연결 하시겠습니까? Google Search Console, Bing 및 Yandex와 같은 웹 마스터 도구를 사용하면 웹 사이트를 최적화하고 트래픽을 모니터링하고 Robots.txt를 관리하고 웹 사이트 오류 확인 등을 확인할 수 있습니다. 이 기사에서는 WordPress 웹 사이트를 Yandex 웹 마스터 도구에 추가하여 검색 엔진 트래픽을 모니터링하는 방법을 공유합니다. Yandex는 무엇입니까? Yandex는 Google 및 Bing과 유사한 러시아에 기반을 둔 인기있는 검색 엔진입니다. Yandex에서 탁월 할 수 있습니다

WordPress에서 HTTP 이미지 업로드 오류를 수정하는 방법 (간단함)WordPress에서 HTTP 이미지 업로드 오류를 수정하는 방법 (간단함)May 12, 2025 pm 09:03 PM

WordPress에서 HTTP 이미지 업로드 오류를 수정해야합니까? 이 오류는 WordPress에서 컨텐츠를 만들 때 특히 실망 스러울 수 있습니다. 일반적으로 내장 된 WordPress 미디어 라이브러리를 사용하여 이미지 또는 기타 파일을 CMS에 업로드 할 때 발생합니다. 이 기사에서는 WordPress에서 HTTP 이미지 업로드 오류를 쉽게 수정하는 방법을 보여줍니다. WordPress 미디어 업로드 중에 HTTP 오류의 이유는 무엇입니까? WordPress 미디어 업 로더를 사용하여 파일을 WO에 업로드하려고 할 때

WordPress에서 미디어 버튼 추가가 작동하지 않는 문제를 해결하는 방법WordPress에서 미디어 버튼 추가가 작동하지 않는 문제를 해결하는 방법May 12, 2025 pm 09:00 PM

최근에 독자 중 한 명이 WordPress 사이트의 미디어 추가 버튼이 갑자기 작동을 멈췄다 고보고했습니다. 이 고전적인 편집기 문제는 오류 나 경고가 표시되지 않으므로 사용자가 "미디어 추가"버튼이 작동하지 않는 이유를 알지 못합니다. 이 기사에서는 작동하지 않는 WordPress에서 미디어 추가 버튼을 쉽게 수정하는 방법을 보여줍니다. WordPress "Media Add"버튼이 작동하지 않도록 원인은 무엇입니까? 오래된 Classic WordPress 편집기를 사용하는 경우 미디어 추가 버튼을 사용하면 이미지, 비디오 등을 블로그 게시물에 삽입 할 수 있습니다.

WordPress 쿠키를 설정, 받기 및 삭제하는 방법 (전문가와 같은)WordPress 쿠키를 설정, 받기 및 삭제하는 방법 (전문가와 같은)May 12, 2025 pm 08:57 PM

WordPress 웹 사이트에서 쿠키를 사용하는 방법을 알고 싶습니까? 쿠키는 사용자 브라우저에 임시 정보를 저장하는 데 유용한 도구입니다. 이 정보를 사용하여 개인화 및 행동 타겟팅을 통해 사용자 경험을 향상시킬 수 있습니다. 이 Ultimate Guide에서는 전문가처럼 WordPressCookies를 설정, 받기 및 삭제하는 방법을 보여 드리겠습니다. 참고 : 이것은 고급 튜토리얼입니다. HTML, CSS, WordPress 웹 사이트 및 PHP에 능숙해야합니다. 쿠키는 무엇입니까? 쿠키는 사용자가 웹 사이트를 방문 할 때 생성 및 저장됩니다.

WordPress 429 너무 많은 요청 오류를 수정하는 방법WordPress 429 너무 많은 요청 오류를 수정하는 방법May 12, 2025 pm 08:54 PM

WordPress 웹 사이트에서 "429 너무 많은 요청"오류가 표시됩니까? 이 오류 메시지는 사용자가 웹 사이트 서버에 너무 많은 HTTP 요청을 보내고 있음을 의미합니다. 이 오류는 오류의 원인을 찾기가 어렵 기 때문에 매우 실망 스러울 수 있습니다. 이 기사에서는 "WordPress429ToOmanyRequests"오류를 쉽게 수정하는 방법을 보여줍니다. WordPress429에 대한 요청이 너무 많은 원인은 무엇입니까? "429toomanyRequests"오류의 가장 일반적인 원인은 사용자, 봇 또는 스크립트가 웹 사이트로 이동하려고 시도하기 때문입니다.

대형 웹 사이트의 CMS로서 WordPress는 얼마나 확장 가능한가?대형 웹 사이트의 CMS로서 WordPress는 얼마나 확장 가능한가?May 12, 2025 am 12:08 AM

WordPressCanhandlelArgeWebsites와 함께 확보 및 최적으로 최적화 된 경우 1) USECACHINGTOREDUCESERVERLOWN.2) 최적화 최적화

WordPress는 얼마나 사용자 정의 할 수 있습니까?WordPress는 얼마나 사용자 정의 할 수 있습니까?May 11, 2025 am 12:11 AM

WordPress는 매우 사용자 정의되어 있으며 다양한 유연성과 사용자 정의 가능성을 제공합니다. 1) 테마 및 플러그인 생태계를 통해 2) 프론트 엔드 개발에 RESTAPI를 사용하십시오. 그러나 사용자 정의에는 PHP, JavaScript, CSS 등과 같은 마스터 링 기술이 필요하며 잠재적 인 문제를 피하기 위해 성능 최적화 및 플러그인 선택에주의를 기울여야합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.