당신이 모를 수있는 10 개의 WordPress 템플릿 태그
WordPress는 처음부터 템플릿 태그가 상당히 많이 제공됩니다. WordPress의 이러한 템플릿 태그는 다음과 같은 용도로 사용할 수있는 PHP 함수입니다. 산출 만큼 잘 데이터를 검색하다.
WordPress 테마를 개발했다면 다음과 같은 몇 가지 템플릿 태그에 익숙 할 것입니다. 제목
게시물 제목을 보여주는, 저자
게시물 작성자의 이름과 게시물의 링크를 보여주는.
WordPress는 계속 진화하고 있습니다. 새로운 릴리스마다 새로운 템플릿 태그가 몇 가지 추가됩니다. 오래되었거나 새로운 템플릿 태그를 모두 사용하는 것이 너무 어려울 수 있습니다. 간과 할 수있는 20 개의 템플릿 태그를 확인하십시오..
캐피탈 P
WordPress, 가이드 라인 및 표준에 따라, ~에있다 대문자 P로 쓰여질 수 있습니다. 즉, WordPress는 아니오입니다. 올바른 방법은 다음과 같이 철자를 쓰는 것입니다. WordPress.
수도 “피” Matt Mullenweg (WordPress의 창시자)가 2009 년 자신의 결의안에 포함시킨 확장에 너무 많은 중요성을 가진 문제입니다. capital_p_dangit ()
기능이 이니셔티브의 일부로 도입되었습니다..
이후: 3.0.0
// 똑바로 사용하기 $ footer_text = get_theme_mod ( "footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // 모든 WordPress 텍스트는 대문자 P로 바뀝니다. // 또는 WordPress 필터에서 사용합니다. add_filter ( "the_excerpt", function ($ text) return captial_p_dangit ($ text););
맞춤 로고
4.5에서는 WordPress가 사용자 정의 프로그램을 통해 테마의 로고를 업로드하는 기능을 도입했습니다. 이 새로운 기능에는 테마 지원이 필요합니다. add_theme_support ( 'site-logo')
, 로고가 맞춤 설정 도구에 나타납니다..
이 기능은 테마의 로고 이미지 출력을 처리 할 수있는 몇 가지 새로운 템플릿 태그를 사용합니다. 즉, has_custom_logo ()
, get_custom_logo ()
, 과 the_custom_logo ()
.
이후: 4.5.0
// 1. 출력에는 이미지 로고와 집으로 돌아 오는 링크가 포함됩니다. the_custom_logo (); // 2. 사용자 정의 로고 출력 "string"을 가져옵니다. $ logo = get_custom_logo (); // 3. 조건부 if (has_custom_logo ()) $ logo = get_custom_logo (); // 4. 'get_custom_logo'를 사용하여 div가있는 로고를 래핑합니다. add_filter ( "get_custom_logo", function ($ html) return ''. $ html. '';);
미리보기 이미지 URL
WordPress에는 오랜 기간 통합 된 네이티브 유틸리티가있어 축소판 이미지 나 추천 이미지를 추가 할 수 있습니다. 템플릿 태그, the_post_thumbnail ()
, 이미지 태그와 그 속성을 보여줍니다..
그러나 이미지 섬네일을 CSS를 통해 백그라운드로 표시하려면 어떻게해야합니까? 템플릿 태그 사용, get_the_post_thumbnail_url ()
.
이후: 4.4.0
예:
난수 생성
이 템플릿 태그는 지정된 범위를 기반으로 임의의 숫자를 제공합니다. 워드 프레스는이 함수를 내부적으로 사용하여 임의의 암호를 생성합니다. WooCommerce 사이트에 무작위로 쿠폰 번호를 생성하는 데 사용할 수 있습니다..
이후: 2.6.2
예:
// 1에서 200까지의 숫자를 생성 $ rand_number = wp_rand (1, 200); // 출력은 위의 0 또는 201보다 작지 않습니다..
댓글 매김
대부분의 테마는 현재 the_comments_navigation ()
그것은 “다음 것” 과 “예전의” 탐색 링크 유형 번호가 매겨진 탐색 (페이지 매김)을 표시하려면 태그를 the_comments_pagination ()
대신에.
템플릿 태그는 WordPress 4.4.0 이상에서만 사용할 수 있습니다. 배포하기 전에 수표를 실행해야합니다..
이후: 4.4.0
예:
'ol', 'short_ping'=> true, 'avatar_size'=> 42)); ?>
URL 단축
이 템플릿 태그는 URL 길이를 줄입니다. 그리고 매우 긴 URL은 본문 내용 내에서 새로운 줄을 긋지 않을 것입니다. 두 가지 옵션을 사용할 수 있습니다 : add overflow-wrap : break-word;
CSS에서 URL의 길이를 url_shorten ()
템플릿 태그.
이후: 1.2.0
예:
$ link = get_the_permalink (); $ url_text = url_shorten ($ link); // 예 : www.hongkiat.com/blog/css... 에코 ''. $ url_text. '';
인라인 스크립트 추가
우리는 항상 wp_enqueue_script
등록하려면 스크립트 및 그 종속성을로드하십시오. 내부 스크립트로드하기 그러나이 템플릿 태그, wp_add_inline_script
도입 된.
인라인 스크립트를 추가하려면 첨부 할 대기열이있는 알려진 스크립트가 필요합니다. 이 매니저 스크립트의 첫 번째 매개 변수로 전달됩니다. wp_localize_script ()
기능. 두 번째 매개 변수는 스크립트의 내용을 전달해야합니다. 세 번째 매개 변수는 인라인이 'before'또는 'after'로 출력되어야하는지 여부를 지정합니다. .
이후: 4.5.0
예:
함수 enqueue_script () wp_enqueue_script ( 'twentysixteen-script', get_template_directory_uri (). '/js/functions.js', array ( 'jquery'), '20160412', true); wp_add_inline_script ( 'twentysixteen-script', 'window.hkdc = ', 'before'); add_action ( 'wp_enqueue_scripts', 'enqueue_script'); // 출력 : // //
드롭 다운 언어
그만큼 wp_dropdown_languages
템플릿 태그는 WordPress 사이트의 언어 목록을 보여주는 HTML 옵션을 출력합니다. 이 템플릿 태그는 웹 사이트를 현지화해야하는 경우에 유용합니다. 언어 옵션을 사용하여 사용자 편집기 화면 또는 사이트 프론트 엔드에서 사용자가 자신의 언어 환경 설정을 선택할 수 있도록 허용.
이후: 4.0.0
예:
wp_dropdown_languages (array ( 'id'=> 'lang_options', 'name'=> 'lang_options', 'languages'=> get_available_languages (), 'translation'=> 배열 ( 'id_ID', 'ja'), // 인도네시아 , 'selected'=> 'en_US', 'show_available_translations'=> false));
아바타 이미지 URL 가져 오기
이름에서 알 수 있듯이이 템플릿 태그, get_avatar_url ()
, 사용자의 아바타 이미지 경로를 검색합니다. HTML 이미지 태그를 통해 단순히 표시하는 대신 원하는 방식으로 아바타를 표시하고 성형 할 수 있습니다..
이후: 4.2.0
예:
$ avatar = get_avatar_url ( '[email protected]');
테마 가져 오기
이 함수는 현재 활성화 된 테마의 정보가 들어있는 객체를 가져옵니다. 이 정보에는 슬러그, 이름, 버전, 텍스트 도메인, 작성자 등이 포함됩니다..
다음 코드 스 니펫에서는이 코드를 사용하여 버전을 검색하고 스크립트 버전으로 전달합니다..
이후: 3.4.0
예:
$ theme = wp_get_theme (); define ( 'THEME_SLUG', $ theme-> template); // twentysixteen define ( 'THEME_NAME', $ theme-> get ( 'Name')); // 22 개의 16 개의 정의 ( 'THEME_VERSION', $ theme-> get ( 'Version')); //1.2 function load_scripts () wp_enqueue_script ( 'script-ie', $ templateuri .'js / ie.js ', array ( "jquery"), THEME_VERSION); wp_script_add_data ( 'script-ie', '조건부', 'lt IE 9'); add_action ( 'wp_enqueue_scripts', 'load_scripts');