چگونه کد جاوا اسکریپت را در یک پست وردپرس اضافه کنیم؟

به طور سیستماتیک یاد گرفتیک وب سایت بسازیدفنیSEOکارشناسان می دانند چگونه از برنامه های جاوا اسکریپت به راحتی استفاده کنند.

بسیاری از کدهای جاوا اسکریپت مفیدی وجود دارد که توسط دیگران در اینترنت به اشتراک گذاشته شده است.

اگه میتونیوردپرسافزودن کد JS به مقاله قطعا مقاله را رنگارنگ خواهد کرد.

نحوه اضافه کردن کد JS به مقالات وردپرس

افزودن کد جاوا اسکریپت به پست وردپرس بسیار ساده است.

بعد،چن ویلیانگبا شما به اشتراک خواهد گذاشت:چگونه کد جاوا اسکریپت را به پست های وردپرس اضافه کنیم؟

معمولا 2 راه برای اضافه کردن کد JS وجود دارد:

1. کد JS را مستقیماً به پست های وردپرس اضافه کنید
2. پس از نوشتن فایل JS کد JS را در مقاله وردپرس فراخوانی کنید

1) کد JS را مستقیماً به پست وردپرس اضافه کنید

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

در اینجا نمونه ای از چاپ متن "Hello World!" ▼ آمده است

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

این در یک پست وردپرس است که "Hello World!" را پس از اجرای JavaScript ▼ نمایش می دهد

۲) پس از نوشتن فایل JS، کد JS موجود در مقاله وردپرس را فراخوانی کنید

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

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

مثال زیر در یک پست وردپرس است که متن "Hello World" ▼ را چاپ می کند

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

محتوای فایل جاوا اسکریپت hello.js ▼

document.write("Hello World");

افزودن کد جاوا اسکریپت به پست وردپرس نتایج ▼ را نشان می دهد

وردپرس کد JS را برای تاریخ امروز فراخوانی می کند

کدهای جالب و مفید جاوا اسکریپت در اینترنت وجود دارد.

حالا یک مثال از نحوه استفاده از آنها بزنید؟

چاپ تاریخ امروز در پست های وردپرس.

فایل JavaScript date.js زیر را در پست وردپرس ▼ وارد کنید

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

در زیر محتوای جاوا اسکریپت فایل date.js ▼ آمده است

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

در اینجا نتایج اجرای جاوا اسکریپت تاریخ امروز در یک پست وردپرس ▼ آمده است

در زیر نتیجه فایل JavaScript date.js اجرا شده در این مقاله ▼ است

注意 事项

برای درج کد JS در یک پست، باید ویرایشگر وردپرس را به حالت متن تغییر دهید.

توجه ویژه和之间不能有换行。

اگر خط شکسته شود، وردپرس به طور خودکار آن را به عنوان یک پاراگراف پردازش می کند و به طور خودکار یک تگ p اضافه می کند که باعث از کار افتادن کد اسکریپت JS می شود.

مقالات بیشتری در مورد کد جاوا اسکریپت وردپرس در اینجا ▼ وجود دارد

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

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

چگونه جاوا اسکریپت را بارگذاری تنبل وردپرس کنیم تا سرعت رندر صفحه را افزایش دهیم؟

وردپرس جاوا اسکریپت را برای سرعت بخشیدن به روش های رندر صفحه بارگذاری می کند.ویژگی Defer جاوا اسکریپت چیست؟همه احتمالاً با این وضعیت مواجه شده اند: N اسکریپت در سر وجود دارد و وقتی اسکریپت ها بارگذاری می شوند، رندر صفحه مسدود می شود که معمولاً خالی است. ...

وردپرس چگونه جاوا اسکریپت را به درستی معرفی می کند؟بارگیری سفارشی فایل های JS و CSS

برنامه نویسانی که با وردپرس وب سایت می سازند به برخی منابع جاوا اسکریپت و اسکریپت CSS هنگام توسعه افزونه های وردپرس یا سفارشی سازی تم های وردپرس مراجعه می کنند.معمولاً افراد از برچسب‌های پیوند، اسکریپت مستقیماً برای HTML استفاده می‌کنند.در واقع در وردپرس …