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');