이 기사에서는 웹 사이트 로고를 쉽게 변경하기 위해 WordPress 4.5에 소개 된 WordPress Custom Logo 기능을 사용하는 방법을 설명합니다. 사용자 관점과 개발자 관점을 모두 다룹니다.
주요 기능 :
사용자 정의 로고 기능은 테마 커스터마이저를 통해 로고 변경을 단순화합니다.
개발자는 테마의 파일에 를 사용 하여이 기능을 활성화합니다.
로고 크기는 테마 지원 선언의 크기를 지정하여 제어됩니다. WordPress는 크기를 조정하는 동안 원래 종횡비를 유지합니다
, 및 함수는 로고 디스플레이 및 검색을 관리합니다.
사용자 측 사용자 정의 :
-
사용자는 테마 커스터마이저를 통해 웹 사이트 로고를 쉽게 변경할 수 있습니다 (WordPress 대시 보드의 모양 메뉴를 통해 액세스 할 수 있음). "사이트 ID"패널에는 사용자가 새 로고를 선택하거나 업로드 할 수있는 "로고"섹션이 포함되어 있습니다. 커스터마이저는 저장하기 전에 변경 사항을 실시간 미리보기를 제공합니다.
-
add_theme_support('custom-logo')
로고를 선택한 후 커스터마이저는 로고를 제거하거나 변경할 수있는 옵션으로 로고를 표시합니다.
functions.php
개발자 측 구현 : -
테마는 사용자 정의 로고 기능을 명시 적으로 활성화해야합니다. 테마의 파일에 다음 코드를 추가하여 수행됩니다.
add_image_size()
> 로고 크기 제어 :
개발자는 기능 내에서 크기를 지정하여 로고 크기를 제어 할 수 있습니다.
-
이것은 로고가 종횡비를 보존하면서 지정된 치수 내에 맞는지 보장합니다.
사용자 정의 로고 표시 :
the_custom_logo()
get_custom_logo()
함수는 적절한 html로 로고를 표시합니다. HTML 코드를 검색하고 로고가 설정되어 있는지 확인합니다. 로고가 설정되지 않은 경우 로고 또는 사이트 이름을 표시하는 방법의 예는 다음과 같습니다.
has_custom_logo()
대안 적으로, 뒤로 호환성을 위해
를 사용하는보다 강력한 접근법 :
그런 다음이 기능은 테마의 템플릿 파일에서 호출 될 수 있습니다.
결론 : WordPress Custom Logo API는 사용자와 개발자 모두에 대한 로고 사용자 정의를 단순화하여 최종 사용자의 코드 수정없이 웹 사이트 개인화를 향상시킵니다. 제공된 코드 스 니펫 및 설명은 개발자 가이 기능을 테마에 쉽게 통합 할 수 있도록 강화합니다.
위 내용은 WordPress Custom Logo API를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!