WordPress 카테고리 및 태그에 미리보기 이미지를 추가하는 방법
때로는 카테고리 나 태그 옆에 이미지를 표시 할 수있는 WordPress 사이트가 훨씬 더 멋지게 보일 수도 있습니다. 예를 들어 CSS에 대한 이미지를 “CSS” 카테고리 또는에있는 HTML5 로고 “HTML” 카테고리 (아래 그림 참조).
버전 2.9로 돌아가서 WordPress는 이미지 미리보기 이미지 추가 (나중에 이름이 변경됨 나타난 그림), 사용자 정의 게시 유형뿐만 아니라 페이지. 이 이미지 미리보기 기능은 카테고리, 태그 및 맞춤 분류를 포함하지 않으며 이후 버전에서도 가능합니다 (사용자 정의 분류 제외, WordPress 4.4에서도 가능).
WordPress 팁과 분류 썸네일 플러그인 덕분에 우리는 게시물 범주와 태그에이 작업을 수행 할 수 있습니다. 몇 줄의 코드를 사용하여이 작업을 수행하는 방법을 확인해 봅시다..
시작하기
우선이 플러그인을 WordPress 사이트에 배포하십시오. 플러그인은 다음 중 하나를 통해 설치할 수 있습니다. 플러그인> 새로 추가 또는 FTP를 통해. 플러그인을 활성화했으면 다음으로 이동하십시오. 게시물> 카테고리. 이제 버튼을 찾을 수 있습니다. “미리보기 이미지 설정“.
이 버튼을 클릭하면 WordPress 미디어 관리자. 여기에서 이전에 카테고리 이미지로 업로드 한 이미지를 선택하거나 이미지를 업로드하고 사용자 정의 할 수 있으며 마지막으로 카테고리 (또는 태그)의 이미지 축소판으로 선택할 수 있습니다..
이미지가 범주 테이블을 사용하여 어떤 카테고리에 이미지 카테고리가 첨부되어 있는지 확인할 수 있습니다..
템플릿 태그
이 플러그인에는 미리보기 이미지 템플릿 태그와 비슷한 이미지를 검색 할 수있는 유용한 템플릿 태그가 함께 제공됩니다. 이렇게하면 용어의 미리보기 이미지를 쉽게 검색 할 수 있습니다..
- get_term_thumbnail_id ($ term_taxonomy_id)분류학 용어 축소판 ID 가져 오기.
- has_term_thumbnail ($ term_taxonomy_id): 택 소노 미 용어가 미리보기 이미지를 가지고 있는지 확인.
- get_term_thumbnail ($ term_taxonomy_id, $ size = '포스트 - 썸네일', $ attr = ” ): 분류학 용어 축소판을 검색하려면.
위에서 볼 수 있듯이이 함수에는 택 소노 미 ID (카테고리, 태그 또는 사용자 정의 분류 ID)가 필요합니다.이 분류 ID는 term_taxonomy_id 기능. 플러그인에는 미리보기 이미지를 설정하고 지우는 등의 몇 가지 기능이 추가되었지만 지금은 충분합니다..
미리보기 이미지를 표시하는 방법
용어 목록보기
먼저 우리는 get_terms () 함수를 사용하여 지정된 분류 체계의 용어 목록을 가져옵니다.이 경우 우리는 게시물 범주에서 용어를 가져옵니다.
'exclude_tree'=> array (), 'include'=> array (), 'number', 'order'=> 'ASC', 'hide_empty'=> => ","fields = ", 'slug'=>", 'parent'=> ", 'hierarchical'=> 참, 'child_of'=> 0, '자식이 없음'=> false, 'get => ", 'cache_domain'=> 'core',) =>", "name = ; $ terms = get_terms ($ taxonomy, $ args); ?>
출력은 배열을 포함하여 각 용어의 정보를 포함하는 배열입니다. term_id, 이름, 강타, term_group, term_taxonomy_id, 기술, 이제 우리는이 용어를 표시해야합니다. 이름 목록에서 각각 루프, 다음과 같이.
'. $ 택 소노 미. ':'; 에코 '
- '; foreach ($ terms as $ term) echo $ term-> name; echo '
결과는 다음과 같습니다.
여기에는 CSS, HTML, JavaScript, jQuery 및 PHP가 있습니다. 우리는 각각의 이미지 (로고 또는 아이콘)를 첨부했습니다. 자귀. 이제 우리는 그들을 어떻게 표시해야하는지 알 필요가 있습니다..
미리보기 이미지 표시
이미지 미리보기 이미지를 표시하기 위해 각각 루프, 이전 코드 에서처럼.
템플릿 태그를 추가합니다., get_term_thumbnail (), 미리보기 이미지를 가져오고 용어 보관 페이지에 대한 링크를 추가합니다..
if (! empty ($ terms) &&! is_wp_error ($ terms)) echo '';
그리고 결과 (추가 된 CSS 뒤에)는 다음과 같습니다 :
플러그인에는 축소판으로 모든 용어 또는 용어 만 검색하도록 선택할 수있는 옵션이 있습니다. 이렇게하려면 아래의 매개 변수를 사용하십시오. get_terms () 기능:
$ taxonomy = 'category'; $ args = array ( 'with_thumbnail'=> 참, // 참 = 섬네일이있는 검색어 검색, 거짓 = 모든 검색어 검색); $ terms = get_terms ($ taxonomy, $ args);
다른 택 소노 미에 적용
앞서 언급했듯이이 플러그인을 카테고리뿐만 아니라 다른 분류에도 적용 할 수 있습니다. 태그, 링크 카테고리, 과 맞춤 분류학. 이 플러그인은 게시물 및 페이지와 마찬가지로 모든 분류에서 이미지 미리보기 이미지를 사용하도록 설정하는 데 유용합니다..
