10 WordPress แม่แบบแท็กที่คุณอาจไม่รู้

WordPress ส่งมาพร้อมกับแท็กเทมเพลตมากมายตั้งแต่เริ่มก่อตั้ง แท็กแม่แบบเหล่านี้ใน WordPress เป็นฟังก์ชัน PHP ที่สามารถใช้งานได้ เอาท์พุต เช่นเดียวกับ ดึงชิ้นส่วนของข้อมูล.

หากคุณได้พัฒนาธีม WordPress คุณอาจคุ้นเคยกับแท็กเทมเพลตเหล่านี้เช่น the_title ที่แสดงชื่อโพสต์, ผู้เขียน ที่แสดงชื่อของผู้แต่งโพสต์และลิงค์ของโพสต์.

WordPress พัฒนาต่อไป ทุกรุ่นใหม่มักจะแนะนำแท็กแม่แบบใหม่บางส่วน มากเพื่อให้ทันกับแท็กแม่แบบเหล่านี้ - เก่าหรือใหม่ - อาจเป็นเรื่องที่ท้าทาย ลองดูเทมเพลต 20 แท็กที่คุณอาจมองข้ามไป.

เมืองหลวง P

WordPress, ตามแนวทางและมาตรฐานของพวกเขา, จะต้อง เขียนด้วยทุน P กล่าวคือ WordPress ไม่; วิธีที่ถูกต้องคือการสะกดเป็น WordPress.

เมืองหลวง “P” เป็นปัญหาที่มีความสำคัญอย่างมากต่อการขยายที่ Matt Mullenweg (ผู้ก่อตั้ง WordPress) ได้รวมไว้ในความละเอียดของเขากลับมาในปี 2009 capital_p_dangit () ฟังก์ชั่นถูกนำมาใช้เป็นส่วนหนึ่งของความคิดริเริ่ม.

ตั้งแต่: 3.0.0

// ใช้อย่างตรงไปตรงมา $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // ข้อความเวิร์ดเพรสใด ๆ จะเปลี่ยนเป็นตัวพิมพ์ใหญ่ P. // หรือใช้ในเวิร์ดเพรสกรอง add_filter ("the_excerpt", ฟังก์ชั่น ($ text) return captial_p_dangit ($ text););

โลโก้ที่กำหนดเอง

ใน 4.5 WordPress ได้เปิดตัวความสามารถในการอัพโหลดโลโก้สำหรับธีมผ่าน Customizer คุณสมบัติใหม่นี้ต้องการการสนับสนุนธีม: โดยการเพิ่ม add_theme_support ('โลโก้ไซต์'), โลโก้จะปรากฏใน Customizer.

คุณลักษณะนี้นำไปสู่การใช้เทมเพลตแท็กใหม่สองสามตัวที่สามารถจัดการกับการแสดงผลภาพโลโก้บนธีม ได้แก่ : 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", ฟังก์ชัน ($ html) return ''. $ html. '';); 

URL รูปภาพขนาดย่อ

WordPress มียูทิลิตี้แบบเนทีฟแบบผสานรวมขนาดยาวเพื่อเพิ่มภาพขนาดย่อหรือภาพเด่น เทมเพลตแท็ก, the_post_thumbnail (), แสดงแท็กรูปภาพพร้อมกับคุณลักษณะ.

แต่ถ้าคุณต้องการแสดงภาพขนาดย่อเป็นพื้นหลังผ่าน CSS แทนล่ะ ใช้เทมเพลตแท็ก, get_the_post_thumbnail_url ().

ตั้งแต่: 4.4.0

ตัวอย่าง:

สร้างหมายเลขสุ่ม

เทมเพลตแท็กนี้จะให้ตัวเลขสุ่มตามช่วงที่ระบุ WordPress ใช้ฟังก์ชันนี้ภายในเพื่อสร้างรหัสผ่านแบบสุ่ม คุณสามารถใช้มันเพื่อสร้างหมายเลขคูปองแบบสุ่มสำหรับเว็บไซต์ 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' => จริง, 'avatar_size' => 42,)); ?>   

ย่อ URL

แท็กแม่แบบนี้จะทำให้ความยาว URL สั้นลง และ URL ที่ยาวมากเช่นนี้จะไม่แบ่งเป็นบรรทัดใหม่ภายในเนื้อหาเนื้อหา มี 2 ​​ตัวเลือกที่คุณสามารถทำได้: เพิ่ม โอเวอร์โฟลว์แรป: break-word; ใน CSS ของคุณหรือตัดความยาวของ URL ด้วย url_shorten () เทมเพลตแท็ก.

ตั้งแต่1.2.0

ตัวอย่าง:

 $ link = get_the_permalink (); $ url_text = url_shorten ($ link); // เช่น. www.hongkiat.com/blog/css… echo '' $ url_text. ''; 

เพิ่มสคริปต์แบบอินไลน์

เราได้ใช้เสมอ wp_enqueue_script เพื่อลงทะเบียนโหลดสคริปต์และการอ้างอิงของมัน. กำลังโหลดสคริปต์ภายใน แต่ไม่ตรงไปตรงมาจนกระทั่งแท็กแม่แบบนี้, wp_add_inline_script เป็นที่รู้จัก.

การเพิ่มสคริปต์แบบอินไลน์ต้องมีสคริปต์ที่รู้แจ้งซึ่งจะถูกแนบไว้ นี้ ผู้ดำเนินการ ถูกส่งเป็นพารามิเตอร์แรกของสคริปต์ที่คล้ายกับ wp_localize_script () ฟังก์ชัน พารามิเตอร์ที่สองควรผ่านเนื้อหาของสคริปต์ พารามิเตอร์ที่สามระบุว่าควรจะส่งออกอินไลน์ 'ก่อน' หรือ 'หลังจาก' .

ตั้งแต่: 4.5.0

ตัวอย่าง:

 function enqueue_script () wp_enqueue_script ('twentysixteen-script', get_template_directory_uri (). '/js/functions.js', อาร์เรย์ ('jquery'), '20160412', จริง); wp_add_inline_script ('twentysixteen-script', 'window.hkdc = ', 'ก่อนหน้า');  add_action ('wp_enqueue_scripts', 'enqueue_script'); // ผลลัพธ์: //  //  

ภาษาแบบเลื่อนลง

wp_dropdown_languages เทมเพลตแท็กจะแสดงตัวเลือก HTML ที่แสดงรายการภาษาในไซต์ WordPress ของคุณ คุณจะพบว่าเทมเพลตแท็กนี้มีประโยชน์หากคุณต้องการทำให้เว็บไซต์ของคุณเป็นภาษาท้องถิ่น คุณสามารถใช้มันเพื่อแสดงตัวเลือกภาษาของคุณใน ตัวแก้ไขผู้ใช้ หน้าจอหรือในส่วนหน้าของเว็บไซต์ของคุณเพื่อให้ผู้ใช้สามารถเลือกการตั้งค่าภาษาของพวกเขา.

ตั้งแต่: 4.0.0

ตัวอย่าง:

 wp_dropdown_languages ​​(อาร์เรย์ ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages ​​(), 'การแปล' => อาร์เรย์ ('id_ID', 'ja'), // อินโดนีเซีย และญี่ปุ่น 'เลือก' => 'en_US', 'show_available_translations' => false,)); 

รับ URL ภาพประจำตัว

ตามชื่อที่แนะนำแท็กแม่แบบนี้, get_avatar_url (), จะดึงเส้นทางภาพของภาพแทนตัวของผู้ใช้ มันช่วยให้คุณสามารถแสดงและสร้างภาพแทนตัวในแบบที่คุณต้องการได้แทนที่จะแสดงมันผ่านแท็กภาพ HTML.

ตั้งแต่: 4.2.0

ตัวอย่าง:

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

รับธีม

ฟังก์ชันนี้ดึงวัตถุที่มีข้อมูลของ Theme ที่ใช้งานอยู่ในปัจจุบัน ข้อมูลนี้รวมถึงธีม Slug, ชื่อ, เวอร์ชัน, โดเมนข้อความ, ผู้แต่งเป็นต้น.

ในข้อมูลโค้ดต่อไปนี้เราใช้เพื่อดึงข้อมูลเวอร์ชันและส่งเป็นเวอร์ชันสคริปต์.

ตั้งแต่: 3.4.0

ตัวอย่าง:

$ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // twentysixteen define ('THEME_NAME', $ theme-> get ('ชื่อ')); // ยี่สิบหกกำหนด ('THEME_VERSION', $ theme-> get ('รุ่น')); //1.2 function load_scripts () wp_enqueue_script ('script-ie', $ templateuri .'js / ie.js ', อาร์เรย์ ("jquery"), THEME_VERSION); wp_script_add_data ('script-ie', 'conditional', 'lt IE 9');  add_action ('wp_enqueue_scripts', 'load_scripts');