چگونه وردپرس مشخص می کند که صفحات مقاله کد جاوا اسکریپت/CSS را بارگیری می کند؟

ساختوردپرسهنگام قالب بندی، اگر کد جاوا اسکریپت یا CSS خاصی وجود داشته باشد که در صفحه خاصی در وردپرس ظاهر شود، فقط یک بار استفاده می شود.

کد باید کجا قرار گیرد؟ Style.css یا base.js؟

اما هزینه انجام این کار کمی بالاست.

مثال 1:

• سعی کنید افکت جاوا اسکریپت Highslide را در سایت وردپرس خود داشته باشید.
• اما معمولاً فقط برای قسمت هایی با تصاویر یا صفحات دلخواه، و بارگذاری صفحات در صفحات استفاده نشده برای افزودن بخش های Highslide استفاده می شود، بنابراین بیش از 50 کیلوبایت جاوا اسکریپت خیلی بزرگ است.

مثال 2:

• در مقاله ای از یک روش سازگاری استاندارد استفاده می شودبرچسب آن را درج می کند، اما درج شده استصفحه ایجاد شده توسط تگ نمی تواند تأیید W3C را بگذراند.
• یک راه خوب برای انجام این کار استفاده از SWFObject است، یک جاوا اسکریپت که کد تایید شده توسط W3C را تولید می کند.
• اما مشکل اینجاست که بارگذاری SWFObject در هر صفحه در وردپرس بیهوده است و همه صفحات از این فایل جاوا اسکریپت استفاده نمی کنند.

در واقع، ما می توانیم از فیلدهای سفارشی قدرتمند وردپرس برای پیاده سازی صفحات مختلف جاوا اسکریپت برای پست های سفارشی یا بارگذاری صفحات استفاده کنیم.

این مقاله به شما نشان می دهد: چگونه از فیلدهای سفارشی در فایل های وردپرس، جاوا اسکریپت سفارشی یا CSS استفاده کنیم؟

اگر می توانید درک کنید، مقادیر فیلدهای سفارشی به سادگی فایل های جاوا اسکریپت و CSS نیستند.

چگونه فیلدهای سفارشی را در قالب های وردپرس اضافه کنیم؟

فایل header.php تم وردپرس را باز کنید و کد ▼ را پیدا کنید

<?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代码 结束 -->

سر در کد نام فیلد سفارشی است که می توان آن را سفارشی کرد.

فیلدهای سفارشی را به پست ها یا صفحات وردپرس اضافه کنید

باطن وردپرسدر ویرایشگر صفحه ویرایش مقاله، یک پنجره کوچک برای "فیلدهای سفارشی" وجود دارد.

1. برای "Name" وارد کنید:head
2. سپس در "Value" کدی را که می خواهید به نمایشگر اضافه کنید وارد کنید ▼

• روی Add Custom Field کلیک کنید.
• به روز رسانی مقاله به شما این امکان را می دهد که موضوع را کدنویسی کنید و مقادیری را برای این فیلدهای سفارشی وارد کنید.

از آنجایی که شما فقط کدی را که باید در "value" بارگذاری شود، خروجی می دهید، باید کد مشابه زیر را در "value" وارد کنید ▼

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

یا ▼

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

برای خروجی کد بالا

کاربردهای دیگر برای فیلدهای سفارشی وردپرس

پس از درک اصول بالا، متوجه خواهید شد که فیلدهای سفارشی وردپرس نه تنها می توانند جاوا اسکریپت یا CSS سفارشی را برای صفحات سفارشی پیاده سازی کنند، بلکه بسیاری از توابع را از طریق فیلدهای سفارشی پیاده سازی می کنند، مانند: افزودن به تصاویر کوچک مقاله، نکات مقاله و غیره.

در مورد نحوه پیاده سازی آنها، سعی کنید از فیلدهای سفارشی استفاده کنید.

چگونه تگ های مقاله و سرصفحه ها و پاورقی های دسته بندی را برای بارگذاری کد جاوا اسکریپت/CSS در وردپرس مشخص کنیم؟

نحوه سفارشی سازی هدر در وردپرس?ما می توانیم آن را از طریق دستورالعمل های مقاله زیر نصب کنیمافزونه وردپرساضافه کردن کد سر را درک کنید

چگونه وردپرس کد سر را به مقالات اضافه می کند؟ افزونه WP کد سر را بهینه می کند

همانطور که در این مقاله چگونه هدر را در وردپرس سفارشی کنیم؟افزونه Header Footer Code Manager توضیح داده شده در "نصب افزونه هدر پاورقی وردپرس" در حال حاضر نمی تواند کد PHP را اضافه کند... بنابراین در وب سایت رسمی افزونه وردپرس جستجو کردم و متوجه شدم که در صفحه هدر یافت می شود. .

چگونه هدر را در وردپرس سفارشی کنیم؟افزونه وردپرس Footer Header را نصب کنید

برخی از کدهای HTML / Javascript / CSS وردپرس فقط باید در یک مقاله یا صفحه خاص نمایش داده شوند.ما می توانیم کد سرصفحه و پاورقی را به مقاله / صفحه مشخص شده در وردپرس از طریق افزونه Header Footer Code Manager اضافه کنیم. پاورقی سرصفحه…

• به این ترتیب پس از تغییر پوسته وردپرس دیگر نیازی به از دست دادن کد سفارشی یا انتقال دستی کد سفارشی نیست.