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

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

Πού πρέπει να τοποθετηθεί ο κωδικός; Style.css ή base.js;

Αλλά το κόστος για να γίνει αυτό είναι λίγο υψηλό.

Παράδειγμα 1:

• Προσπαθήστε να αποκτήσετε εφέ JavaScript Highslide στον ιστότοπό σας στο WordPress.
• Συνήθως, όμως, χρησιμοποιείται μόνο για τμήματα με εικόνες ή επιθυμητές σελίδες και για τη φόρτωση σελίδων σε σελίδες που δεν χρησιμοποιούνται για την προσθήκη ενοτήτων Highslide, επομένως τα περισσότερα από 50 KB JavaScript είναι πολύ μεγάλα.

Παράδειγμα 2:

• Σε ένα άρθρο που χρησιμοποιείται μια τυπική μέθοδος συμβατότηταςη ετικέτα την εισάγει, αλλά η εισαγωγήΗ σελίδα που δημιουργείται από την ετικέτα δεν μπορεί να περάσει την επαλήθευση του W3C.
• Ένας καλός τρόπος είναι να χρησιμοποιήσετε το SWFObject, μια JavaScript για τη δημιουργία κώδικα επικυρωμένου από το W3C.
• Αλλά το πρόβλημα είναι ότι είναι σπατάλη η φόρτωση του SWFObject σε κάθε σελίδα στο WordPress και δεν χρησιμοποιούν όλες οι σελίδες αυτό το αρχείο JavaScript.

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

Αυτό το άρθρο θα σας δείξει: Πώς να χρησιμοποιήσετε προσαρμοσμένα πεδία σε αρχεία WordPress, προσαρμοσμένα JavaScript ή CSS;

Εάν μπορείτε να καταλάβετε, οι τιμές προσαρμοσμένων πεδίων δεν είναι τόσο απλές όσο τα αρχεία JavaScript και CSS.

Πώς να προσθέσετε προσαρμοσμένα πεδία σε θέματα WordPress;

Ανοίξτε το αρχείο header.php του θέματος WordPress και βρείτε τον κώδικα ▼

<?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代码 结束 -->

Η κεφαλή στον κώδικα είναι το όνομα του προσαρμοσμένου πεδίου, το οποίο μπορεί να προσαρμοστεί.

Προσθέστε προσαρμοσμένα πεδία σε αναρτήσεις ή σελίδες του WordPress

WordPress backendΣτο πρόγραμμα επεξεργασίας της σελίδας επεξεργασίας άρθρου, υπάρχει ένα μικρό παράθυρο για τα "προσαρμοσμένα πεδία".

1. Για το "Όνομα" πληκτρολογήστε:head
2. Στη συνέχεια, στο "Value" εισάγετε τον κωδικό που θέλετε να προσθέσετε στην οθόνη ▼

• Κάντε κλικ στην Προσθήκη προσαρμοσμένου πεδίου.
• Η ενημέρωση του άρθρου θα σας επιτρέψει να κωδικοποιήσετε το θέμα και να εισαγάγετε τιμές για αυτά τα προσαρμοσμένα πεδία.

Εφόσον εξάγετε μόνο τον κωδικό που πρέπει να φορτωθεί σε "value", πρέπει να εισαγάγετε τον ακόλουθο παρόμοιο κωδικό στο "value" ▼

<script type="text/javascript">...</script>

ή ▼

<style type="text/css">...</style>

για την έξοδο του παραπάνω κώδικα.

Άλλες χρήσεις για προσαρμοσμένα πεδία WordPress

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

Όσο για τον τρόπο εφαρμογής τους, δοκιμάστε να χρησιμοποιήσετε προσαρμοσμένα πεδία.

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

Πώς να προσαρμόσετε την κεφαλίδα στο WordPress?Μπορούμε να το εγκαταστήσουμε μέσω των παρακάτω οδηγιών του άρθρουWordPress pluginΣυνειδητοποιήστε την προσθήκη κωδικού κεφαλίδας ▼

Πώς προσθέτει το WordPress κώδικα κεφαλής σε άρθρα; Η προσθήκη WP βελτιστοποιεί τον κύριο κώδικα

Όπως σε αυτό το άρθρο Πώς να προσαρμόσετε την κεφαλίδα στο WordPress;Το πρόσθετο Header Footer Code Manager που περιγράφεται στην "Εγκατάσταση της προσθήκης κεφαλίδας υποσέλιδου WordPress" δεν μπορεί να προσθέσει κώδικα PHP προς το παρόν... Επομένως, έψαξα στον επίσημο ιστότοπο της προσθήκης WordPress και διαπίστωσα ότι μπορεί να βρεθεί στη σελίδα κεφαλίδας.. .

Πώς να προσαρμόσετε την κεφαλίδα στο WordPress;Εγκαταστήστε το πρόσθετο WordPress Footer Header

Ορισμένος κώδικας WordPress HTML / Javascript / CSS χρειάζεται να εμφανίζεται μόνο σε ένα συγκεκριμένο άρθρο ή σελίδα. Μπορούμε να προσθέσουμε κώδικα κεφαλίδας και υποσέλιδου στο συγκεκριμένο άρθρο / σελίδα στο WordPress μέσω της προσθήκης Header Footer Code Manager. Επικεφαλίδα υποσέλιδο…

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