Είτε αναπτύσσετε ένα θέμα WordPress από το μηδέν είτε τροποποιείτε ένα υπάρχον θέμα, ίσως χρειαστεί να γνωρίζετε τον σωστό τρόπο προσθήκης ενός αρχείου JavaScript.


Εάν σκέφτεστε να χρησιμοποιήσετε τη μέθοδο του παλιού σχολείου του Web 1.0 συνδέοντας το JavaScript με το κεφάλι, τότε είναι κακή ιδέα γιατί σήμερα, είναι μια εποχή του Web 2.0 στην οποία οι άνθρωποι έχουν δυναμικούς ιστότοπους.

Θα πρέπει να κατανοήσετε την έννοια του WordPress Theme Codex και πώς να δημιουργήσετε ένα αρχείο JavaScript και ένα αρχείο CSS. Έχουμε ήδη συζητήσει την προσθήκη ενός αρχείου CSS.

Έτσι, σε αυτό το σεμινάριο, θα μάθετε σχετικά με την προσθήκη ενός αρχείου JavaScript σε ένα θέμα WordPress δυναμικά.

Για να ταιριάζει με το πιο πρόσφατο πρότυπο κωδικοποίησης, πρέπει πάντα να ακολουθείτε το WordPress Codex, το οποίο συνεχίζει να ενημερώνει κατά καιρούς. Μπορεί να αναρωτιέστε εάν χρειάζεστε δεξιότητες κωδικοποίησης ή όχι.

Λοιπόν, εάν έχετε κάνει αναζήτηση για αυτό το άρθρο, υποθέτω ότι γνωρίζετε ήδη τα βασικά της ανάπτυξης θεμάτων WordPress.

Μάθετε το JavaScript Enqueuing Codex

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

Παρόλο που υπάρχει μια μικρή διαφορά, επειδή η JavaScript έχει πολλές κατηγορίες, τα πάντα είναι αβίαστα. Επιτρέψτε μου να σας δείξω.

wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer);

Επιτρέψτε μου να εξηγήσω όλες τις παραμέτρους.

  1. λαβή $:- Είναι το όνομα του αρχείου JavaScript.
  2. $ src:- Η διεύθυνση του αρχείου.
  3. $deps:- Εάν θέλετε να δημιουργήσετε έναν πίνακα, μπορείτε.
  4. $ ver:- Μπορείτε να αναφέρετε την έκδοση JavaScript.
  5. $ in_footer:- Από προεπιλογή, η τιμή είναι "ψευδής" που σημαίνει ότι το αρχείο JavaScript προστίθεται στο κεφάλι.

Τώρα ρίξτε μια ματιά σε αυτό το παράδειγμα.

wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, πίνακας ());

Το όνομα του αρχείου είναι "το σενάριο μου" και βρίσκεται σε ένα "js" ντοσιέ.

Σημείωση: Εάν θέλετε να το φορτώσετε από την περιοχή υποσέλιδου για να βελτιώσετε την απόδοση του ιστότοπου, μπορείτε να ορίσετε το $ in_footer τιμή σε "αληθής."

Ο κώδικας μεταμορφώνεται ως εξής.

wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), true);

Η εργασία δεν έχει τελειώσει ακόμα. Για να λειτουργήσει, πρέπει να δημιουργήσετε μια συνάρτηση και να χρησιμοποιήσετε μια ενέργεια. Εάν έχετε ήδη προσθέσει ένα αρχείο CSS, μπορείτε να χρησιμοποιήσετε την ίδια λειτουργία.

Επιτρέψτε μου να σας δείξω τον πλήρη κώδικα.

functionmy_new_scripts {
wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), true);
}
add_action (‘wp_enqueue_scripts’, ‘my_new_scripts’);

Τώρα τίθεται το ερώτημα, πού πρέπει να προσθέσετε έναν τέτοιο κωδικό?

Λοιπόν, όπως γνωρίζετε ήδη, το αρχείο functions.php του θέματος WordPress είναι υπεύθυνο για όλες τις λειτουργίες που έχει ένας ιστότοπος WordPress, προσθέστε τον κώδικα στο αρχείο και αποθηκεύστε.

Εάν τροποποιείτε το υπάρχον θέμα σας, ελπίζω να έχετε εύκολη πρόσβαση στο αρχείο functions.php χρησιμοποιώντας το cPanel. Σήμερα, σχεδόν κάθε εταιρεία φιλοξενίαςWordPress προσφέρει πρόσβαση στο cPanel.

Απλά πηγαίνετε στο διαχείριση αρχείων>>wp-περιεχόμενο>>θέματα>>όνομα θέματος>>functions.php. Κάντε δεξί κλικ για να επιλέξετε την επεξεργασία και είστε έτοιμοι.

Πώς να προσθέσετε σωστά ένα αρχείο JavaScript σε ένα θέμα WordPress

Η επεξεργασία κώδικα μπορεί να είναι ένα τρομακτικό πράγμα εάν δεν είστε εξοικειωμένοι με τις λειτουργίες του WordPress και την PHP.

Για έναν προγραμματιστή θέματος WordPress, η προσθήκη ενός νέου αρχείου JavaScript μπορεί να κάνει τον ιστότοπο πιο δυναμικό από ό, τι πριν, μπορεί να τον χρειαστείτε για την έκδοση για κινητά του μενού πλοήγησης.

Ανάλογα με τις ανάγκες σας, μπορείτε να χρησιμοποιήσετε ένα αρχείο JavaScript.

Ελπίζω ότι είναι δύσκολο να προσθέσετε ένα αρχείο JavaScript σε ένα θέμα WordPress

Σε λίγο, οι άνθρωποι αρχίζουν να ανησυχούν όταν διαβάζουν για την κωδικοποίηση του WordPress. Αλλά για έναν κανονικό χρήστη του WordPress, δεν είναι απαραίτητο να ασχοληθείτε με τους κωδικούς.

Το WordPress είναι μια φιλική προς το χρήστη πλατφόρμα, η οποία αναπτύχθηκε για άτομα που δεν είναι τεχνικοί. Μπορείτε να αγοράσετε ένα θέμα WordPress από την αγορά.

Υπάρχουν εκατομμύρια θέματα στον Ιστό.

συμπέρασμα

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

Ελπίζω ότι η προσθήκη ενός αρχείου JavaScript δεν είναι τόσο δύσκολη όσο λένε οι άνθρωποι.

Δείτε αυτές τις 3 κορυφαίες υπηρεσίες φιλοξενίας WordPress:

FastComet

Αρχική τιμή:
2,95 $


Αξιοπιστία
9.7


Τιμολόγηση
9.5


Φιλικό προς τον χρήστη
9.7


Υποστήριξη
9.7


Χαρακτηριστικά
9.6

Διαβάστε κριτικές

Επισκεφτείτε το FastComet

Hostinger

Αρχική τιμή:
0,99 $


Αξιοπιστία
9.3


Τιμολόγηση
9.3


Φιλικό προς τον χρήστη
9.4


Υποστήριξη
9.4


Χαρακτηριστικά
9.2

Διαβάστε κριτικές

Επισκεφτείτε το Hostinger

Φιλοξενία Α2

Αρχική τιμή:
3,92 $


Αξιοπιστία
9.3


Τιμολόγηση
9.0


Φιλικό προς τον χρήστη
9.3


Υποστήριξη
9.3


Χαρακτηριστικά
9.3

Διαβάστε κριτικές

Επισκεφτείτε το A2 Hosting

Σχετικά άρθρα με οδηγίες

  • Πώς να προσθέσετε σωστά ένα αρχείο CSS σε ένα θέμα WordPress χρησιμοποιώντας το cPanel
    ειδικός
  • Πώς να αποσυνδεθείτε όλοι οι χρήστες στο WordPress ταυτόχρονα
    ενδιάμεσος
  • Πώς να επεξεργαστείτε το αρχείο .htaccess του ιστότοπου του WordPress χρησιμοποιώντας το cPanel
    αρχάριος
  • Πώς να συνδεθείτε στο WordPress χρησιμοποιώντας το Softaculous από το cPanel
    ενδιάμεσος
  • Πώς να επιδιορθώσετε ένα σφάλμα HTTP που εμφανίζεται στη βιβλιοθήκη πολυμέσων WordPress
    αρχάριος
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me