10 וורדפרס תבנית תגים אתה לא יכול לדעת

וורדפרס הוא נשלח עם שפע של תגים תבנית מאז הקמתה. אלה תגים תבנית וורדפרס הם פונקציות PHP שניתן להשתמש בהם פלט ממש כמו לאחזר פיסת נתונים.

אם אתה כבר בפיתוח נושא וורדפרס, ייתכן שאתה מכיר כמה תגים אלה תבנית, כגון הכותרת שמראה את כותרת ההודעה, המחבר המציג את שם מחבר הפוסט ואת הקישור של הפוסט.

וורדפרס ממשיך להתפתח. כל מהדורה חדשה לעתים קרובות מציג כמה תבניות תבנית חדשה. עד כדי כך לשמור על קשר עם כל אלה תגים תבנית - ישן או חדש - יכול להיות מאתגר למדי. בדוק את אלה 20 תגים תבנית שאולי אתה overlooked.

הון P

וורדפרס, בהתאם להנחיה ולסטנדרט שלהם, צריך ייכתב עם ההון P כלומר וורדפרס הוא לא לא; הדרך הנכונה היא לאיית את זה כמו וורדפרס.

עיר הבירה “עמ '” היא בעיה עם כל כך הרבה חשיבות להאריך כי מאט Mullenweg (מייסד וורדפרס) כללה אותו ברזולוציה שלו בחזרה בשנת 2009. capital_p_dangit () פונקציה הוא הציג כחלק היוזמה.

מאז: 3.0.0

// שימוש ב- $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // כל טקסט WordPress הוא פנה עם הון פ / / Or, באמצעות אותו מסנן וורדפרס. add_filter ("the_excerpt", פונקציה ($ text) return captial_p_dangit ($ text););

לוגו מותאם אישית

ב 4.5, וורדפרס הציג את היכולת להעלות לוגו עבור נושאים באמצעות Customizer. תכונה חדשה זו דורשת תמיכה בנושא: על ידי הוספה add_theme_support ('site-logo'), הסמל יופיע ב'מתאמת אישית '.

תכונה זו מובילה את השימוש של כמה תבניות תבנית חדשה שיכולה להתמודד עם פלט תמונה הלוגו על ערכות נושא, כלומר: has_custom_logo (), get_custom_logo (), ו the_custom_logo ().

מאז: 4.5.0

 // 1. פלט כולל את לוגו התמונה ואת הקישור בחזרה הביתה. the_custom_logo (); / / 2. קבל את הפלט המותאם אישית הלוגו "מחרוזת". $ logo = get_custom_logo (); // 3. מותנה אם (has_custom_logo ()) $ logo = get_custom_logo ();  // // 4. באמצעות 'get_custom_logo' לעטוף את הלוגו עם div; Add_filter ("get_custom_logo", function ($ html) return '' $ html. ';); 

כתובת אתר של תמונה ממוזערת

ל- WordPress יש כלי שירות משולב ומרוכז כדי להוסיף תמונה ממוזערת או תמונה נבחרת. תג התבנית, the_post_thumbnail (), מציג את תג התמונה יחד עם התכונות שלהם.

אבל מה אם אתה רוצה להציג את התמונה ממוזערת כרקע באמצעות CSS במקום? השתמש בתג התבנית, get_the_post_thumbnail_url ().

מאז: 4.4.0

דוגמאYou

צור מספר אקראי

תג תבנית זה ייתן לך מספר אקראי המבוסס על טווח מסוים. וורדפרס משתמשת בפונקציה זו באופן פנימי כדי ליצור סיסמה אקראית. אתה יכול כנראה להשתמש בו כדי ליצור מספר קופון אקראי עבור אתר WooCommerce שלך.

מאז: 2.6.2

דוגמאYou

 // צור מספר מ -1 עד 200 $ rand_number = wp_rand (1, 200); / פלט לא יהיה מתחת 0 או 201 לעיל. 

הערות דפדוף

רוב ערכות נושא כרגע באמצעות the_comments_navigation () אשר ייתן את “הבא” ו “הקודם” סוג הקישור ניווט. אם ברצונך להציג ניווט ממוספר (pagination), החלף את התג the_comments_pagination () במקום זאת.

זכור כי תג התבנית זמין רק ב- WordPress 4.4.0 כלפי מעלה. הקפד להפעיל בדיקה לפני פריסתו.

מאז: 4.4.0

דוגמאYou

   'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>   

מקצר את כתובת האתר

תג תבנית זה יקצר את אורך כתובת האתר. וכתובת אתר ארוכה כל כך לא תשבור לשורה חדשה בתוך תוכן הגוף. ישנן שתי אפשרויות שתוכל לבצע: הוסף גלישת-גלישה: break-word; ב CSS שלך, או לקצץ את אורך של כתובת האתר עם url_shorten () תג תבנית.

מאז: 1.2.0

דוגמאYou

 $ 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 () פונקציה. הפרמטר השני צריך להעביר את התוכן של התסריט. הפרמטרים השלישי specifiy אם מוטבע צריך להיות פלט 'לפני' או 'אחרי' .

מאז: 4.5.0

דוגמאYou

 פונקציה enqueue_script () wp_enqueue_script ('twentysixteen script', get_template_directory_uri (). / 'js /functions.js', מערך ('jquery'), '20160412', true); wp_add_inline_script ('twentysixteen script', 'window.hkdc = ', 'before');  add_action ('wp_enqueue_scripts', 'enqueue_script'); // פלט: //  //  

שפה נפתחת

ה wp_dropdown_languages תג התבנית יציג אפשרות HTML המציגה רשימה של שפות באתר וורדפרס. תוכל למצוא תג זה שימושי אם אתה צריך להתאים את האתר שלך. באפשרותך להשתמש בה כדי להציג את אפשרויות השפה שלך ב- עורך משתמש או בחלק הקדמי של האתר שלך, כדי לאפשר למשתמשים לבחור את העדפת השפה שלהם.

מאז: 4.0.0

דוגמאYou

 wip_dropdown_languages ​​(array ('id' = 'lang_options', 'name' = 'lang_options', 'languages' => get_available_languages ​​(), 'translations' => array ('id_ID', 'ja'), // אינדונזיה , ו- Japan 'נבחר'> '' en_US ',' show_available_translations '=> false,)); 

קבל את כתובת האתר של תמונה של תמונה מפורטת

כפי שהשם מרמז, תג תבנית זה, get_avatar_url (), יהיה לאחזר את נתיב התמונה של האווטר של המשתמש. זה מאפשר לך להציג ולעצב את האוואטר בכל דרך שתרצה, במקום פשוט להציג אותו באמצעות תג התמונה HTML.

מאז: 4.2.0

דוגמאYou

$ avatar = get_avatar_url ('[email protected]'); 
 

קבל ערכת נושא

פונקציה זו מאחזר אובייקט המכיל מידע של ערכת נושא פעילה כרגע. מידע זה כולל את הנושא שבלול, שם, גירסה, טקסט דומיין, מחבר, וכו '.

בקטע הקוד הבא, אנו משתמשים בו כדי לאחזר את הגרסה ולהעביר אותה כגרסת הסקריפט.

מאז: 3.4.0

דוגמאYou

$ theme = wp_get_theme (); הגדר ('THEME_SLUG', $ theme-> תבנית); // twentysixteen definition ('THEME_NAME', $ theme-> get ('Name')); // עשרים ושש עשרה מגדירים ('THEME_VERSION', $ theme-> get ('גירסה')); / 1.2.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');