ไดเรกทอรีบทความ
- WordPress หมายถึงอะไร?คุณกำลังทำอะไรอยู่?เว็บไซต์ทำอะไรได้บ้าง?
- การสร้างเว็บไซต์ส่วนตัว/บริษัทมีค่าใช้จ่ายเท่าไร?ค่าใช้จ่ายในการสร้างเว็บไซต์ธุรกิจ
- วิธีการเลือกชื่อโดเมนที่เหมาะสม?การสร้างเว็บไซต์ คำแนะนำและหลักการในการจดทะเบียนชื่อโดเมน
- NameSiloบทแนะนำการจดทะเบียนชื่อโดเมน (ส่ง $1 . ให้คุณ NameSiloรหัสโปรโมชั่น)
- ซอฟต์แวร์ใดที่จำเป็นสำหรับการสร้างเว็บไซต์?ข้อกำหนดสำหรับการทำเว็บไซต์ของคุณเองมีอะไรบ้าง?
- NameSiloแก้ไขชื่อโดเมน NS เป็น Bluehost/SiteGround Tutorial
- วิธีสร้าง WordPress ด้วยตนเอง? บทแนะนำการติดตั้ง WordPress
- จะเข้าสู่ระบบแบ็กเอนด์ WordPress ได้อย่างไร? ที่อยู่ล็อกอินพื้นหลัง WP
- วิธีการใช้เวิร์ดเพรส? การตั้งค่าทั่วไปของพื้นหลัง WordPress & ชื่อภาษาจีน
- จะเปลี่ยนการตั้งค่าภาษาใน WordPress ได้อย่างไร?เปลี่ยนวิธีการตั้งค่าภาษาจีน/อังกฤษ
- จะสร้างไดเร็กทอรีหมวดหมู่ WordPress ได้อย่างไร? การจัดการหมวดหมู่ WP
- WordPress เผยแพร่บทความอย่างไร?ตัวเลือกการแก้ไขสำหรับบทความที่เผยแพร่ด้วยตนเอง
- จะสร้างหน้าใหม่ใน WordPress ได้อย่างไร?เพิ่ม/แก้ไขการตั้งค่าหน้า
- WordPress เพิ่มเมนูได้อย่างไร?ปรับแต่งตัวเลือกการแสดงแถบนำทาง
- ธีม WordPress คืออะไร?จะติดตั้งเทมเพลต WordPress ได้อย่างไร?
- FTP จะแตกไฟล์ zip ออนไลน์ได้อย่างไร? ดาวน์โหลดโปรแกรมคลายบีบอัด PHP ออนไลน์
- หมดเวลาการเชื่อมต่อเครื่องมือ FTP ล้มเหลว วิธีกำหนดค่า WordPress เพื่อเชื่อมต่อกับเซิร์ฟเวอร์
- จะติดตั้งปลั๊กอิน WordPress ได้อย่างไร? 3 วิธีในการติดตั้งปลั๊กอิน WordPress - wikiHow
- แล้ว BlueHost โฮสติ้งล่ะ?ล่าสุด BlueHost USA Promo รหัส/คูปอง
- Bluehost ติดตั้ง WordPress โดยอัตโนมัติด้วยคลิกเดียวได้อย่างไร กวดวิชาสร้างเว็บไซต์ BH
- WordPress คำอธิบายโดยละเอียดของโค้ดพาธเทมเพลตแบบกำหนดเองสำหรับปลั๊กอิน Shortcodes Ultimate
คุณเคยสงสัยหรือไม่ว่าจะปรับแต่งเส้นทางเทมเพลตที่ไม่ซ้ำใครในปลั๊กอิน Shortcodes Ultimate ได้อย่างไร
ไม่ต้องไปอิจฉาพวกปรมาจารย์ด้านเทคนิคที่กำลังเล่น WordPress อยู่ เพราะตอนนี้ผมจะพาคุณไปเผยความลับเบื้องหลัง!
มาเลย เรามาตรงประเด็นและทำทีละขั้นตอนกันดีกว่า!
ปลั๊กอิน Shortcodes Ultimate คืออะไร
Shortcodes Ultimate เป็นหนึ่งในปลั๊กอินยอดนิยมใน WordPress มันสามารถใช้ฟังก์ชันต่างๆ ได้อย่างง่ายดายผ่านรหัสย่อ เช่น การสร้างปุ่ม ภาพหมุน รายการบทความ ฯลฯ
ยิ่งไปกว่านั้น เราสามารถปรับแต่งเส้นทางเทมเพลตเพื่อแสดงเนื้อหาได้อย่างยืดหยุ่นมากขึ้น
จะเพิ่มเส้นทางเทมเพลตที่กำหนดเองได้อย่างไร
มาดูขั้นตอนที่สำคัญที่สุดก่อน – การเพิ่มเส้นทางเทมเพลตที่กำหนดเอง
นี่เป็นก้าวแรกสู่การนำเสนอแบบเฉพาะตัว!

ตัวอย่างรหัส
ในหัวข้อของคุณ functions.php เพิ่มรหัสต่อไปนี้ลงในไฟล์หรือปลั๊กอินที่กำหนดเอง:
add_filter(
'su/shortcode/posts/allowed_template_locations',
function( $locations ) {
// 添加自定义模板路径 /wp-content/custom-templates/
$locations[] = WP_CONTENT_DIR . '/custom-templates';
return $locations;
},
10,
1
);
รหัสแยกวิเคราะห์
กรอง
su/shortcode/posts/allowed_template_locations
ตัวกรองนี้ช่วยให้เราขยายเส้นทางเทมเพลตเริ่มต้นของ Shortcodes Ultimate ได้เส้นทางที่กำหนดเอง
/wp-content/custom-templates/
เราเก็บเทมเพลตไว้/wp-content/custom-templates/ไดเร็กทอรีเพื่อไม่ให้สูญหายเมื่ออัปเดตปลั๊กอิน安全性
อย่าแก้ไขไฟล์เทมเพลตเริ่มต้นของปลั๊กอินโดยตรงเพื่อหลีกเลี่ยงการสูญเสียเนื้อหาที่กำหนดเองหลังจากอัปเดตปลั๊กอินแล้ว
สร้างไฟล์เทมเพลตแบบกำหนดเอง
ต่อไป เราต้องสร้างไฟล์เทมเพลตในเส้นทางที่กำหนดเอง
เช่น เราสร้างไฟล์ชื่อ jiawen.php ไฟล์เทมเพลต
ตัวอย่างไฟล์เทมเพลต
在 /wp-content/custom-templates/ ไดเร็กทอรี, สร้าง jiawen.php ไฟล์และเพิ่มรหัสต่อไปนี้:
<?php defined( 'ABSPATH' ) || exit; ?>
<div class="su-posts su-posts-teaser-loop <?php echo esc_attr( $atts['class'] ); ?>">
<?php if ( $posts->have_posts() ) : ?>
<?php while ( $posts->have_posts() ) : ?>
<?php $posts->the_post(); ?>
<?php if ( ! su_current_user_can_read_post( get_the_ID() ) ) : ?>
<?php continue; ?>
<?php endif; ?>
<div id="su-post-<?php the_ID(); ?>" class="su-post <?php echo esc_attr( $atts['class_single'] ); ?>">
<?php if ( has_post_thumbnail() ) : ?>
<a target="_blank" rel="nofollow" class="su-post-thumbnail" href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
<?php endif; ?>
<div class="su-post-title">
<a target="_blank" href="<?php the_permalink(); ?>">🔗<?php the_title(); ?></a>
</div>
</div>
<?php endwhile; ?>
<?php else : ?>
<p class="su-posts-not-found"><?php esc_html_e( 'Posts not found', 'shortcodes-ultimate' ); ?></p>
<?php endif; ?>
</div>
คำอธิบายไฟล์เทมเพลต
$atts['class']: ช่วยให้เราปรับแต่งคลาส CSS และออกแบบสไตล์ที่เป็นเอกลักษณ์สำหรับเทมเพลต- ภาพขนาดย่อและชื่อเรื่องของบทความ: แสดงภาพขนาดย่อและชื่อเรื่องของบทความและลิงค์ไปยังหน้ารายละเอียดบทความ
- 安全性:ใช้
defined('ABSPATH') || exit;ตรวจสอบให้แน่ใจว่าไม่สามารถเข้าถึงไฟล์เทมเพลตได้โดยตรง
หลังจากสร้างเทมเพลตแล้ว เราสามารถเรียกมันโดยใช้รหัสย่อในบทความหรือหน้าได้
ตัวอย่างรหัสย่อ
เพิ่มรหัสย่อต่อไปนี้ในโพสต์หรือเพจของคุณ:
【su_posts template="jiawen.php" posts_per_page="10" ignore_sticky_posts="yes" id="32277,30806"】
[] ใช้ในรหัสย่อด้านบนเพื่อป้องกันไม่ให้รหัสย่อในบทความถูกหลีกหนี ในการใช้งานจริง สัญลักษณ์ [] จะต้องเปลี่ยนเป็นมาตรฐาน []
คำอธิบายพารามิเตอร์รหัสย่อ
template="jiawen.php"
ระบุชื่อของไฟล์เทมเพลตแบบกำหนดเอง โดยเส้นทางจะสัมพันธ์กัน/wp-content/的posts_per_page="10"
10แสดง 10 บทความ;
-1แสดงบทความทั้งหมดแต่ไม่แนะนำให้ตั้งค่าไม่ จำกัดหากมีบทความมากเกินไป เว็บไซต์อาจขัดข้องเนื่องจากไม่สามารถโหลดบทความทั้งหมดได้ignore_sticky_posts="yes"
ละเว้นบทความที่ปักหมุดid="32277,30806"
แสดงเฉพาะบทความที่มี ID ที่ระบุเท่านั้น รหัสบทความสองรายการระบุไว้ที่นี่ 32277 และ 30806 เฉพาะบทความที่เกี่ยวข้องกับสอง ID นี้เท่านั้นที่จะแสดง
总结
- เส้นทางเทมเพลตที่กำหนดเอง: ขยายเส้นทางเริ่มต้นผ่านตัวกรองเพื่อหลีกเลี่ยงการสูญเสียเทมเพลตในการอัพเดตปลั๊กอิน
- สร้างไฟล์เทมเพลต: ควบคุมเค้าโครงและเนื้อหาของรายการบทความผ่านโค้ด PHP
- ไฟล์เทมเพลตการโทร: การโทรที่ยืดหยุ่นทำได้โดยใช้พารามิเตอร์รหัสย่อ
ความสามารถในการปรับแต่งเส้นทางเทมเพลตช่วยเพิ่มความยืดหยุ่นของปลั๊กอิน Shortcodes Ultimate ได้อย่างมาก
วิธีนี้ทำให้เราสามารถควบคุมวิธีแสดงรายการบทความของเราได้อย่างเต็มที่
แนวทางนี้มีความสำคัญอย่างยิ่งเมื่อเราต้องการออกแบบที่หลากหลายในหน้าต่างๆ
หากคุณต้องการทำให้เว็บไซต์ WordPress ของคุณเป็นส่วนตัวมากขึ้น ลองดูสิ!
หวัง Chen Weiliang บล็อก ( https://www.chenweiliang.com/ ) แบ่งปัน "คำอธิบายโดยละเอียดเกี่ยวกับโค้ดพาธเทมเพลตที่กำหนดเองของปลั๊กอิน WordPress Shortcodes Ultimate" ซึ่งมีประโยชน์สำหรับคุณ
ยินดีต้อนรับสู่การแบ่งปันลิงค์ของบทความนี้:https://www.chenweiliang.com/cwl-32423.html
