כיצד להוסיף קוד JavaScript בתוך פוסט וורדפרס?

נלמד באופן שיטתיבנה תחנהטֶכנִיקידום אתריםמומחים יודעים כיצד להשתמש בתוכנות JavaScript בקלות.

ישנם קודי JavaScript קלים לשימוש רבים המשותפים על ידי אחרים באינטרנט.

אם אתה יכולוורדפרסהוספת קוד JS למאמר בהחלט תהפוך את המאמר לצבעוני.

כיצד להוסיף קוד JS למאמרי וורדפרס

הוספת קוד JavaScript לפוסט בוורדפרס היא פשוטה מאוד.

הַבָּא,צ'ן וייליאנגישתף אתכם:כיצד להוסיף קוד JavaScript לפוסטים של וורדפרס?

יש בדרך כלל 2 דרכים להוסיף קוד JS:

1. הוסף קוד JS ישירות לפוסטים של וורדפרס
2. התקשר לקוד JS במאמר וורדפרס לאחר כתיבת קובץ JS

1) הוסף קוד JS ישירות לפוסט בוורדפרס

השיטה הראשונה, כתיבת JavaScript ישירות בפוסט וורדפרס.

הנה דוגמה להדפסת הטקסט "שלום עולם!" ▼

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

זה בפוסט וורדפרס שמציג "Hello World!" לאחר הפעלת JavaScript ▼

2) לאחר כתיבת קובץ JS, קראו לקוד JS במאמר וורדפרס

עבור השיטה השנייה, כתוב את קוד JavaScript לקובץ נפרד.

לאחר מכן בפוסט בוורדפרס שבו צריך להכניס את ה-JavaScript, קרא לקובץ ה-JavaScript דרך עורך הטקסט של וורדפרס.

הדוגמה הבאה היא בפוסט וורדפרס, הדפסת טקסט "Hello World" ▼

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

תוכן קובץ JavaScript hello.js ▼

document.write("Hello World");

הוספת קוד JavaScript לפוסט בוורדפרס מציגה את התוצאות ▼

וורדפרס קוראת לקוד JS עבור התאריך של היום

יש הרבה קוד JavaScript מהנה ושימושי באינטרנט.

עכשיו תן דוגמה איך להשתמש בהם?

הדפס את התאריך של היום בפוסטים של וורדפרס.

הכנס את קובץ 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>

להלן תוכן ה-JavaScript של קובץ 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 של התאריך של היום בפוסט וורדפרס ▼

להלן התוצאה של קובץ JavaScript date.js שהופעל במאמר זה ▼

注意 事项

כדי להכניס קוד JS לפוסט, עליך להעביר את עורך וורדפרס למצב טקסט.

תשומת - לב מיוחדת和之间不能有换行。

אם יש מעבר שורה, וורדפרס תעבד אותו אוטומטית כפסקה, ותוסיף אוטומטית תג p שגורם לקוד הסקריפט של JS להיכשל.

יש מאמרים נוספים על קוד JavaScript של WordPress כאן ▼

🔗כיצד לציין דפי מאמרים לטעינת קוד JavaScript/CSS בוורדפרס?

🔗איך לגרום לוורדפרס לדחות טעינת JavaScript כדי להאיץ את עיבוד העמודים?

🔗איך להציג נכון JavaScript בוורדפרס? טעינה מותאמת אישית של קבצי JS ו-CSS