چگونه وردپرس مشخص می کند که صفحات مقاله کد جاوا اسکریپت/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 در وردپرس مشخص کنیم؟

چگونه یک هدر وردپرس را سفارشی کنیم ؟ می‌توانیم مراحل مقاله زیر را برای نصب افزونه وردپرس و اضافه کردن کد هدر دنبال کنیم ▼

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

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

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