Το WordPress καθορίζει ότι η κεφαλίδα και το υποσέλιδο του άρθρου φορτώνουν τον κώδικα PHP/JavaScript/CSS

Εάν χρησιμοποιείτεΙστοσελίδα WordPress, πρέπει να καθορίσετε ένα συγκεκριμένο άρθρο ή σελίδα στο WordPress για να φορτώσετε τον κώδικα PHP/JavaScript/CSS στην κεφαλίδα και το υποσέλιδο. Πώς να το πετύχετε αυτό;

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

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

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

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

Συνήθως, ανοίξτε το αρχείο header.php του θέματος WordPress και βεβαιωθείτε ότι έχει προστεθεί ο ακόλουθος κώδικας: ▼

<?php wp_head(); ?>

Πώς να προσαρμόσετε την κεφαλίδα στο WordPressΜια πιο συνιστώμενη προσέγγιση: μέσω functions.php ή υλοποίηση πρόσθετου κώδικα

Άμεση τροποποίηση του θέματος header.php Ή footer.php Ο κώδικας χάνεται εύκολα μετά την ενημέρωση του θέματος.

Ασφαλέστερες και πιο τυποποιημένες πρακτικέςΠροσθέστε τον ακόλουθο κώδικα στο τρέχον θέμα. functions.php Στο αρχείο ή χρησιμοποιώντας Τα αποσπάσματα κώδικα Αυτοί οι τύποι πρόσθετων (plugins) χρησιμοποιούνται για τη διαχείριση προσαρμοσμένου κώδικα.

Για να αποφύγουμε την τροποποίηση των βασικών αρχείων θέματος, χρησιμοποιούμε... functions.php Κώδικας προσάρτησης.

Βήμα 1: Προσθήκη λειτουργικού κώδικα

Προσθέστε τον ακόλουθο κώδικα PHP στο θέμα σας. functions.php Στο τέλος του εγγράφου ή μέσω Τα αποσπάσματα κώδικα Δημιουργήστε ένα νέο απόσπασμα κώδικα στο πρόσθετο και επικολλήστε το:

<?php
/**
 * 指定文章/页面加载 Head 自定义字段代码
 */
add_action('wp_head', 'add_custom_head_code');

function add_custom_head_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'head' 的值
        $head = get_post_meta($post->ID, 'head', true);

        // 如果有值，则输出到 head
        if (!empty($head)) {
            echo $head;
        }
    }
}

/**
 * 指定文章/页面加载 Foot 自定义字段代码
 */
add_action('wp_footer', 'add_custom_foot_code', 99);

function add_custom_foot_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'foot' 的值
        $foot = get_post_meta($post->ID, 'foot', true);

        // 如果有值，则输出到 footer
        if (!empty($foot)) {
            echo $foot;
        }
    }
}

(Σημείωση: Εάν) functions.php Το αρχείο έχει ήδη ένα αρχείο στο τέλος. ?>Μην το προσθέτετε επανειλημμένα. Απλώς εισαγάγετε απευθείας τον παραπάνω κώδικα. ?> (Προηγουμένως)

Βήμα 2: Χρήση στη σελίδα επεξεργασίας άρθρου

1. Αποκτήστε πρόσβαση στο backend του WordPress για να επεξεργαστείτε μια ανάρτηση ή μια σελίδα.
2. Βρείτε το στη σελίδα του προγράμματος επεξεργασίας "Προσαρμοσμένα πεδία" (Εάν δεν βλέπετε το μετα-πλαίσιο, κάντε κλικ στις "Επιλογές εμφάνισης" στην επάνω δεξιά γωνία ή στις "Προτιμήσεις" στον Επεξεργαστή Gutenberger και βεβαιωθείτε ότι είναι επιλεγμένο το "Προσαρμοσμένα πεδία").
3. Κάντε κλικ στο Εισαγάγετε νέο:
   • Ονομα Εισαγωγή:head (Για τον κωδικό κεφαλίδας) ή foot (Για χρήση στον κάτω κώδικα).
   • Αξία Πλαίσιο εισαγωγής: Επικολλήστε τον κώδικα HTML, CSS ή JS που θέλετε να προσθέσετε.
4. Κάντε κλικ στο Προσθήκη προσαρμοσμένου πεδίου Και ενημέρωση/δημοσίευση άρθρων.

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

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

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

ή ▼

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

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

Τα πλεονεκτήματα αυτής της τροποποίησης:

1. ασφαλέστερα: Μην τροποποιείτε απευθείας header.php 和 footer.phpΑυτό αποτρέπει την αντικατάσταση του κώδικα κατά την ενημέρωση του θέματος.
2. Πιο τυποποιημένοΣυνιστάται η χρήση του WordPress add_action Κώδικας τοποθέτησης με βάση το άγκιστρο.
3. Σαφής λογικήΗ ενθυλάκωση λειτουργικότητας μέσα σε συναρτήσεις διευκολύνει την επακόλουθη συντήρηση.