WordPress ระบุว่าหน้าบทความโหลดโค้ด JavaScript/CSS อย่างไร

.WordPressเมื่อมีการกำหนดธีม หากมี JavaScript หรือโค้ด CSS เฉพาะที่ปรากฏในหน้าใดหน้าหนึ่งใน WordPress จะใช้เพียงครั้งเดียวเท่านั้น

ควรวางรหัสไว้ที่ไหน? Style.css หรือ base.js?

แต่ค่าใช้จ่ายในการทำเช่นนั้นค่อนข้างสูง

ตัวอย่างที่ 1:

• ลองรับเอฟเฟกต์ Highslide JavaScript บนไซต์ WordPress ของคุณ
• แต่โดยปกติจะใช้เฉพาะส่วนที่มีรูปภาพหรือหน้าที่ต้องการเท่านั้น และการโหลดหน้าบนหน้าที่ไม่ได้ใช้เพื่อเพิ่มส่วน Highslide ดังนั้น JavaScript ที่เกิน 50 KB จึงใหญ่เกินไป

ตัวอย่างที่ 2:

• ในบทความมีวิธีความเข้ากันได้มาตรฐานคือการใช้แท็กแทรก แต่แทรกหน้าที่สร้างโดยแท็กไม่สามารถผ่านการตรวจสอบ W3C ได้
• วิธีที่ดีคือการใช้ SWFObject ซึ่งเป็น JavaScript เพื่อสร้างโค้ดที่ตรวจสอบความถูกต้องของ W3C
• แต่ปัญหาก็คือการโหลด SWFObject ในทุกๆ หน้าใน WordPress เป็นเรื่องสิ้นเปลือง และไม่ใช่ทุกหน้าที่ใช้ไฟล์ JavaScript นี้

ที่จริงแล้ว เราสามารถใช้ฟิลด์ที่กำหนดเองอันทรงพลังของ WordPress เพื่อใช้งานหน้า JavaScript ต่างๆ สำหรับโพสต์ที่กำหนดเองหรือการโหลดหน้า

บทความนี้จะแสดงให้คุณเห็น: วิธีใช้ฟิลด์ที่กำหนดเองบน WordPress, JavaScript หรือไฟล์ CSS ที่กำหนดเอง?

หากคุณเข้าใจ ค่าฟิลด์ที่กำหนดเองนั้นไม่ง่ายเหมือนไฟล์ JavaScript และ CSS

จะเพิ่มฟิลด์ที่กำหนดเองในธีม WordPress ได้อย่างไร?

เปิดไฟล์ header.php ของธีม WordPress และค้นหาโค้ด ▼

<?php wp_head(); ?>

เพิ่ม ▼ ตามหลัง

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

ส่วนหัวในโค้ดคือชื่อของฟิลด์ที่กำหนดเองซึ่งสามารถปรับแต่งได้

เพิ่มฟิลด์ที่กำหนดเองในบทความหรือเพจของ WordPress

WordPress แบ็กเอนด์ในตัวแก้ไขหน้าบทความแก้ไข จะมีหน้าต่างเล็ก ๆ สำหรับ "ฟิลด์ที่กำหนดเอง"

1. สำหรับ "ชื่อ" ให้ป้อน:head
2. จากนั้นใน "ค่า" ให้ป้อนรหัสที่คุณต้องการเพิ่มลงในจอแสดงผล ▼

• คลิกเพิ่มฟิลด์ที่กำหนดเอง
• การอัปเดตบทความจะช่วยให้คุณสามารถโค้ดธีมและป้อนค่าสำหรับฟิลด์ที่กำหนดเองเหล่านี้

เนื่องจากคุณส่งออกเฉพาะรหัสที่ต้องโหลดใน "ค่า" คุณต้องป้อนรหัสที่คล้ายกันต่อไปนี้ใน "ค่า" ▼

<script type="text/javascript">...</script>

หรือ ▼

<style type="text/css">...</style>

เพื่อส่งออกรหัสข้างต้น

การใช้งานอื่น ๆ สำหรับฟิลด์ที่กำหนดเองของ WordPress

หลังจากเข้าใจหลักการข้างต้นแล้ว คุณจะพบว่าฟิลด์ที่กำหนดเองของ WordPress ไม่เพียงแต่สามารถใช้ JavaScript หรือ CSS ที่กำหนดเองสำหรับเพจที่กำหนดเองเท่านั้น แต่ยังสามารถใช้ฟังก์ชันมากมายผ่านฟิลด์ที่กำหนดเองได้อีกด้วย เช่น: เพิ่มภาพขนาดย่อของบทความ เคล็ดลับบทความ ฯลฯ

สำหรับวิธีใช้งาน ให้ลองใช้ฟิลด์ที่กำหนดเอง

จะระบุแท็กบทความและส่วนหัวและส่วนท้ายของหมวดหมู่เพื่อโหลดโค้ด JavaScript/CSS ใน WordPress ได้อย่างไร

วิธีปรับแต่งส่วนหัวใน WordPress?เราสามารถติดตั้งได้โดยใช้คำแนะนำบทความต่อไปนี้ปลั๊กอิน WordPressตระหนักถึงการเพิ่มรหัสหัว▼

WordPress เพิ่ม head code ให้กับบทความอย่างไร ปลั๊กอิน WP เพิ่มประสิทธิภาพของ head code

ในบทความนี้ วิธีปรับแต่งส่วนหัวใน WordPressปลั๊กอินตัวจัดการรหัสส่วนท้ายของส่วนหัวที่อธิบายไว้ใน "การติดตั้งปลั๊กอินส่วนหัวของส่วนท้ายของ WordPress" ไม่สามารถเพิ่มโค้ด PHP ได้ในขณะนี้... ดังนั้น ฉันค้นหาบนเว็บไซต์อย่างเป็นทางการของปลั๊กอิน WordPress และพบว่าสามารถพบได้ในหน้าส่วนหัว.. .

วิธีปรับแต่งส่วนหัวใน WordPress?ติดตั้งปลั๊กอินส่วนหัวของ WordPress Footer

โค้ด HTML / Javascript / CSS ของ WordPress บางส่วนจำเป็นต้องแสดงในบทความหรือบางหน้าเท่านั้น เราสามารถเพิ่มโค้ดส่วนหัวและส่วนท้ายให้กับบทความ / หน้าที่ระบุใน WordPress ได้โดยใช้ปลั๊กอิน Header Footer Code Manager ส่วนหัว ส่วนท้าย…

• ด้วยวิธีนี้ ไม่ต้องกังวลว่าจะสูญเสียรหัสที่กำหนดเองหรือโอนรหัสที่กำหนดเองด้วยตนเองหลังจากเปลี่ยนธีม WordPress