Πώς να προσθέσετε κώδικα JavaScript μέσα σε μια ανάρτηση WordPress;

μαθαίνεται συστηματικάφτιάξτε μια ιστοσελίδατεχνικόςSEOΟι ειδικοί γνωρίζουν πώς να χρησιμοποιούν εύκολα προγράμματα JavaScript.

Υπάρχουν πολλοί εύχρηστοι κώδικες JavaScript που μοιράζονται άλλοι στο Διαδίκτυο.

αν μπορείςWordPressΗ προσθήκη κώδικα JS στο άρθρο θα κάνει σίγουρα το άρθρο πολύχρωμο.

Πώς να προσθέσετε κώδικα JS σε άρθρα WordPress

Η προσθήκη κώδικα JavaScript σε μια ανάρτηση WordPress είναι πολύ απλή.

Επόμενο,Chen WeiliangΘα μοιραστεί μαζί σας:Πώς να προσθέσετε κώδικα JavaScript στις αναρτήσεις του WordPress;

Υπάρχουν συνήθως 2 τρόποι για να προσθέσετε κώδικα JS:

1. Προσθέστε κώδικα JS απευθείας στις αναρτήσεις του WordPress
2. Καλέστε τον κώδικα JS στο άρθρο του WordPress μετά τη σύνταξη του αρχείου JS

1) Προσθέστε κώδικα JS απευθείας στη δημοσίευση του WordPress

Η πρώτη μέθοδος, γράφοντας JavaScript απευθείας στη δημοσίευση του WordPress.

Ακολουθεί ένα παράδειγμα εκτύπωσης του κειμένου "Hello World!" ▼

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

Αυτό είναι σε μια ανάρτηση του WordPress που εμφανίζει "Hello World!" μετά την εκτέλεση της JavaScript ▼

2) Αφού γράψετε το αρχείο JS, καλέστε τον κώδικα JS στο άρθρο του WordPress

Ο δεύτερος τρόπος, γράψτε τον κώδικα JavaScript σε ένα ξεχωριστό αρχείο.

Στη συνέχεια, στη δημοσίευση του WordPress όπου πρέπει να εισαχθεί η JavaScript, καλέστε το αρχείο JavaScript μέσω του επεξεργαστή κειμένου WordPress.

Το ακόλουθο παράδειγμα βρίσκεται σε μια ανάρτηση του WordPress, όπου εκτυπώνεται το κείμενο "Hello World" ▼

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

Περιεχόμενο του αρχείου JavaScript hello.js ▼

document.write("Hello World");

Η προσθήκη κώδικα JavaScript σε μια ανάρτηση WordPress δείχνει τα αποτελέσματα ▼

Το WordPress καλεί τον κώδικα JS για τη σημερινή ημερομηνία

Υπάρχει πολύ διασκεδαστικός και χρήσιμος κώδικας JavaScript στο Διαδίκτυο.

Τώρα δώστε ένα παράδειγμα για το πώς να τα χρησιμοποιήσετε;

Εκτυπώστε τη σημερινή ημερομηνία σε αναρτήσεις WordPress.

Εισαγάγετε το ακόλουθο αρχείο JavaScript date.js στην ανάρτησή σας στο WordPress ▼

<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 της σημερινής ημερομηνίας σε μια ανάρτηση του WordPress ▼

Παρακάτω είναι το αποτέλεσμα του αρχείου JavaScript date.js που εκτελέστηκε σε αυτό το άρθρο ▼

προφυλάξεις

Για να εισαγάγετε κώδικα JS σε μια ανάρτηση, πρέπει να αλλάξετε τον επεξεργαστή WordPress σε λειτουργία κειμένου.

ιδιαίτερη προσοχή和之间不能有换行。

Εάν υπάρξει αλλαγή γραμμής, το WordPress θα το επεξεργαστεί αυτόματα ως παράγραφο και θα προσθέσει αυτόματα μια ετικέτα p που προκαλεί την αποτυχία του κώδικα σεναρίου JS.

Υπάρχουν περισσότερα άρθρα σχετικά με τον κώδικα JavaScript του WordPress εδώ ▼

🔗Πώς προσδιορίζει το WordPress ότι οι σελίδες άρθρων φορτώνουν κώδικα JavaScript/CSS;

🔗Πώς να κάνετε το WordPress να φορτώνει τεμπέλης JavaScript για να επιταχύνετε την απόδοση σελίδας;

🔗Πώς να εισάγετε σωστά το JavaScript στο WordPress; Προσαρμοσμένη φόρτωση αρχείων JS και CSS