Πώς να προσθέσετε γραφικά στοιχεία WordPress;Ενοποίηση θέματος Περιοχή Widgets

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

• Το να φτιάξεις ένα θέμα, αν δεν περιλαμβάνει αυτές τις δύο λειτουργίες, είναι σαν παϊδάκι κοτόπουλου...

Chen Weiliangστο προηγούμενοφτιάξτε μια ιστοσελίδαΣε αυτό το σεμινάριο, μοιράζομαι πώς να δίνω ένα θέμα WordPressΠροσθήκη προσαρμοσμένου μενού.

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

Ακριβώς όπως η προσθήκη προσαρμοσμένων μενού σε θέματα, η προσαρμοσμένη προσθήκη γραφικών στοιχείων απαιτεί μόλις 3 βήματα.

Το πρώτο βήμα, εγγραφή gadget

Για να χρησιμοποιήσετε το widget, πρέπει πρώτα να εγγραφείτε, να ανοίξετε το αρχείο functions.php κάτω από το θέμα του WordPress,

Στο αρχείο functions.php, προσθέστε τον ακόλουθο κώδικα:

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

Τροποποιήστε τις ετικέτες li και h2 στο functions.php ώστε να αντιστοιχούν στις ετικέτες στο sidebar.php:

Οι τίτλοι li και ενότητας h2 των 'before_widget' και 'after_widget', τροποποιούν τον κώδικα ανάλογα με την πραγματική κατάσταση.

(ίσως χωρίς τροποποίηση)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

Ο παραπάνω κώδικας καταχωρεί μια περιοχή γραφικών στοιχείων με το όνομα "top-sidebar":

• Το εμφανιζόμενο όνομα είναι "Top Sidebar".
• Προσθέστε μια ετικέτα h2 στον τίτλο.
• Τα στοιχεία περιεχομένου επισημαίνονται με li.

συνδεθείτεWordPress backendΠίνακας ελέγχου, μεταβείτε στο Εμφάνιση → Γραφικά στοιχεία.

Εάν μπορείτε να δείτε την περιοχή του γραφικού στοιχείου Top Sidebar στη δεξιά πλευρά της παρακάτω εικόνας, σημαίνει ότι η εγγραφή είναι επιτυχής ▼

Το δεύτερο βήμα, κλήση gadget

Αφού καταχωρηθεί το gadget, μπορεί να κληθεί στο αρχείο προτύπου θέματος και ο ακόλουθος κώδικας μπορεί να κληθεί στο αρχείο sidebar.php.

1) Στο αρχείο sidebar.php, κάτω από τη μεγαλύτερη ετικέτα li ή div, εισαγάγετε ▼

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2) Στο αρχείο sidebar.php, το μεγαλύτεροήΠαραπάνω, προσθέστε το ▼

<?php endif; ?>

Βήμα XNUMX: Ρύθμιση γραφικών στοιχείων

1) Το gadget έχει καταχωρηθεί και η θέση εμφάνισης ορίζεται επίσης στο αρχείο θέματος.

• Μπορείτε να ορίσετε την περιοχή της ομάδας widget στο φόντο του WordPress ▼

2) Μετά την αποθήκευση, ανανεώστε την πρώτη σελίδα.

• Η πλαϊνή γραμμή του ιστότοπού μας θα μοιάζει με την παρακάτω εικόνα ▼

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

Πώς να προσθέσετε πολλά γραφικά στοιχεία WordPress σε διαφορετικές περιοχές;

Επαναλάβετε τα βήματα XNUMX και XNUMX για να κάνετε το θέμα σας WordPress να υποστηρίζει γραφικά στοιχεία σε διαφορετικές τοποθεσίες.

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

1) Αρχικά, πρέπει να αντιγράψετε τον ακόλουθο κώδικα στο αρχείο functions.php ▼

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2) Στη συνέχεια, προσθέστε τον ακόλουθο κώδικα στα αρχεία header.php, sidebar.php και footer.php αντίστοιχα.

header.php ▼

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

sidebar.php ▼

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

υποσέλιδο.php ▼

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

Τόσο επιτυχημένη!

• Φυσικά, μπορείτε επίσης να τροποποιήσετε διάφορες λεπτομέρειες στον κώδικα ανάλογα με τις ανάγκες σας ^_^
• Τα 2 παραπάνω βήματα επιτρέπουν στο υπόλοιπο θέμα να ενσωματώσει τη λειτουργικότητα του γραφικού στοιχείου.

Στη συνέχεια, συνεχίστε να μοιράζεστε συμβουλές για τη χρήση γραφικών στοιχείων στο WordPress.

Συμβουλές γραφικών στοιχείων γραφικών στοιχείων ενσωμάτωσης θεμάτων WordPress

Διαχειριστείτε αποτελεσματικά προσαρμοσμένα γραφικά στοιχεία:

1) Αφού προσθέσετε γραφικά στοιχεία στο θέμα, μπορείτε να δημιουργήσετε ένα ξεχωριστό αρχείο και να το ονομάσετεwidgets.php.

• Για να αποθηκεύσετε όλο τον προσαρμοσμένο κώδικα γραφικών στοιχείων που προστέθηκε στο βήμα 1 σε αυτόν τον φάκελο.

2) Προσθέστε τον κώδικα στο αρχείο functions.php:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3) Αποθηκεύστε όλους τους προσαρμοσμένους κώδικα γραφικών στοιχείων που προστέθηκαν στο βήμα 1 στο αρχείο widgets.php.

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

Με αυτόν τον τρόπο, μπορείτε να διαχειριστείτε πιο αποτελεσματικά τα αρχεία θεμάτων του WordPress.