10 ετικέτες πρότυπου WordPress που μπορεί να μην ξέρετε
Το WordPress αποστέλλεται με αρκετή αφθονία των ετικετών προτύπων από την έναρξή του. Αυτές οι Ετικέτες προτύπων στο WordPress είναι λειτουργίες PHP που μπορούν να χρησιμοποιηθούν παραγωγή καθώς να ανακτήσετε ένα κομμάτι δεδομένων.
Εάν έχετε αναπτύξει ένα θέμα WordPress, μπορεί να είστε εξοικειωμένοι με μερικές από αυτές τις ετικέτες προτύπων, όπως ο τίτλος
που εμφανίζει τον τίτλο του τίτλου, ο συγγραφέας
που δείχνει το όνομα του συντάκτη της θέσης και τον σύνδεσμο της θέσης.
Το WordPress συνεχίζει να εξελίσσεται. Κάθε νέα έκδοση συχνά εισάγει μερικούς νέους ετικέτες προτύπων. Τόσο πολύ ώστε να συμβαδίζει με όλες αυτές τις ετικέτες πρότυπων - παλιές ή καινούριες - μπορεί να είναι αρκετά προκλητική. Ελέγξτε τις ετικέτες των 20 προτύπων που ίσως έχετε παραβλέψει.
Κεφάλαιο P
WordPress, σύμφωνα με την κατευθυντήρια γραμμή και το πρότυπο τους, πρέπει να να γράφεται με το κεφάλαιο P δηλαδή WordPress είναι ένα όχι όχι? ο σωστός τρόπος είναι να το γράψω ως WordPress.
Η πρωτεύουσα “Π” είναι ένα ζήτημα με τόσο μεγάλη σημασία στο βαθμό που ο Matt Mullenweg (ιδρυτής του WordPress) το περιέλαβε στο ψήφισμά του το 2009. capital_p_dangit ()
καθιερώθηκε ως μέρος της πρωτοβουλίας.
Από: 3.0.0
// Χρησιμοποιώντας το απλά $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Οποιοδήποτε WordPress κείμενο μετατρέπεται με κεφαλαία P. // Ή, χρησιμοποιώντας το σε ένα WordPress Φίλτρο. add_filter ("the_excerpt", συνάρτηση ($ text) επιστροφή captial_p_dangit ($ text););
Λογότυπο προσαρμοσμένο
Στο 4.5, το WordPress παρουσίασε τη δυνατότητα να ανεβάσετε ένα λογότυπο για θέματα μέσω του Customizer. Αυτή η νέα λειτουργία απαιτεί υποστήριξη θεμάτων: προσθέτοντας add_theme_support ('site-logo')
, το λογότυπο θα εμφανιστεί στο Customizer.
Αυτό το χαρακτηριστικό οδηγεί στη χρήση μερικών νέων ετικετών προτύπων που μπορούν να χειριστούν την έξοδο εικόνας λογότυπου στα Θέματα, συγκεκριμένα: has_custom_logo ()
, get_custom_logo ()
, και the_custom_logo ()
.
Από: 4.5.0
// 1. Η έξοδος περιλαμβάνει το λογότυπο της εικόνας και τον σύνδεσμο πίσω στο σπίτι. the_custom_logo (); // 2. Αποκτήστε την προσαρμοσμένη έξοδο λογότυπου "string". $ logo = get_custom_logo (); // 3. Υπό προϋποθέσεις αν (has_custom_logo ()) $ logo = get_custom_logo (); // 4. Χρησιμοποιώντας το 'get_custom_logo' για να τυλίξετε το λογότυπο με div. add_filter ("get_custom_logo", λειτουργία ($ html) επιστροφή ''. $ html. '';);
Διεύθυνση URL εικόνας μικρογραφίας
Το WordPress έχει ένα μακροπρόθεσμα ενσωματωμένο, εγγενές βοηθητικό πρόγραμμα για να προσθέσετε μια μικρογραφία ή μια χαρακτηρισμένη εικόνα. Η ετικέτα πρότυπου, the_post_thumbnail ()
, εμφανίζει την ετικέτα εικόνας μαζί με τα χαρακτηριστικά τους.
Αλλά τι γίνεται αν θέλετε να εμφανίσετε την μικρογραφία της εικόνας ως φόντο μέσω του CSS; Χρησιμοποιήστε την ετικέτα πρότυπου, get_the_post_thumbnail_url ()
.
Από: 4.4.0
Παράδειγμα:
Δημιουργία τυχαίου αριθμού
Αυτή η ετικέτα προτύπου θα σας δώσει έναν τυχαίο αριθμό βάσει συγκεκριμένου εύρους. Το WordPress χρησιμοποιεί αυτή τη λειτουργία εσωτερικά για να δημιουργήσει έναν τυχαίο κωδικό πρόσβασης. Μπορείτε πιθανώς να το χρησιμοποιήσετε για να δημιουργήσετε έναν τυχαίο αριθμό κουπονιού για τον ιστότοπό σας WooCommerce.
Από: 2.6.2
Παράδειγμα:
// Δημιουργία αριθμού από 1 έως 200 $ rand_number = wp_rand (1, 200); // η έξοδος δεν θα είναι κάτω από 0 ή 201 παραπάνω.
Σχόλια Φάκελος
Τα περισσότερα θέματα χρησιμοποιούν αυτήν τη στιγμή το the_comments_navigation ()
που θα δώσει το “Επόμενο” και “Προηγ” τύπο συνδέσμου πλοήγησης. Αν θέλετε να εμφανίσετε μια αριθμημένη πλοήγηση (σελίδωση), αντικαταστήστε την ετικέτα με the_comments_pagination ()
αντι αυτου.
Λάβετε υπόψη ότι η ετικέτα προτύπου είναι διαθέσιμη μόνο στο WordPress 4.4.0 προς τα πάνω. Βεβαιωθείτε ότι έχετε εκτελέσει έλεγχο πριν την αναπτύξετε.
Από: 4.4.0
Παράδειγμα:
'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>
Διόρθωση διεύθυνσης URL
Αυτή η ετικέτα προτύπου θα συντομεύσει ένα μήκος url. Και μια τόσο μεγάλη διεύθυνση URL δεν θα σπάσει σε μια νέα γραμμή μέσα στο περιεχόμενο του σώματος. Υπάρχουν 2 επιλογές που μπορείτε να λάβετε: προσθέστε overflow-wrap: break-word;
στο CSS σας, ή να περιορίσετε τη διάρκεια της διεύθυνσης URL με το url_shorten ()
Ετικέτα πρότυπου.
Από: 1.2.0
Παράδειγμα:
$ σύνδεσμος = get_the_permalink (); $ url_text = url_shorten ($ link). // π.χ. www.hongkiat.com/blog/css ... echo ''. $ url_text. ''
Προσθέστε Inline Scripts
Χρησιμοποιούμε πάντα το wp_enqueue_script
να εγγραφείτε, να φορτώσετε ένα σενάριο και τις εξαρτήσεις του. Φόρτωση εσωτερικού σεναρίου ωστόσο, δεν ήταν αρκετά απλή, μέχρι αυτή η ετικέτα πρότυπο, wp_add_inline_script
εισάγεται.
Η προσθήκη μιας γραμμής σελιδοποίησης απαιτεί ένα γνωστό σεναριογραφημένο σενάριο στο οποίο θα επισυναφθεί. Αυτό χειριστή μεταβιβάζεται ως η πρώτη παράμετρος του σεναρίου παρόμοια με την wp_localize_script ()
λειτουργία. Η δεύτερη παράμετρος θα πρέπει να περάσει το περιεχόμενο του σεναρίου. Οι τρίτες παράμετροι προσδιορίζουν αν η ένδειξη πρέπει να είναι "πριν" ή "μετά" .
Από: 4.5.0
Παράδειγμα:
(en) () wp_enqueue_script ('twentysixteen-script', get_template_directory_uri ()) '/js/functions.js', array ('jquery'), '20160412', true); wp_add_inline_script ('twentysixteen-script', 'window.hkdc = ', 'πριν'); add_action ('wp_enqueue_scripts', 'enqueue_script'); // Έξοδος: // //
Γλώσσα Dropdown
ο wp_dropdown_languages
Η ετικέτα προτύπου θα εξάγει μια επιλογή HTML που θα εμφανίζει μια λίστα γλωσσών στον ιστότοπό σας WordPress. Θα βρείτε αυτή την ετικέτα πρότυπο χρήσιμη εάν πρέπει να εντοπίσετε τον ιστότοπό σας. Μπορείτε να το χρησιμοποιήσετε για να εμφανίσετε τις επιλογές γλώσσας στο Επεξεργαστής χρήστη στην οθόνη ή στο μπροστινό μέρος του ιστότοπού σας, για να επιτρέψετε στους χρήστες να επιλέξουν τη γλώσσα που προτιμούν.
Από: 4.0.0
Παράδειγμα:
wp_dropdown_languages ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages (), 'translations' => array ('id_ID', ' , και η Ιαπωνία 'επιλεγμένο' => 'en_US', 'show_available_translations' => false));
Αποκτήστε τη διεύθυνση URL εικόνας του Avatar
Όπως υποδηλώνει το όνομα, αυτή η ετικέτα προτύπου, get_avatar_url ()
, θα ανακτήσει τη διαδρομή εικόνας του avatar του χρήστη. Σας επιτρέπει να εμφανίσετε και να διαμορφώσετε το avatar με οποιονδήποτε τρόπο θέλετε, αντί να τον εμφανίσετε απλά μέσω της ετικέτας εικόνας HTML.
Από: 4.2.0
Παράδειγμα:
$ avatar = get_avatar_url ('[email protected]');
Αποκτήστε το θέμα
Αυτή η λειτουργία ανακτά ένα αντικείμενο που περιέχει πληροφορίες για το τρέχον ενεργό θέμα. Αυτές οι πληροφορίες περιλαμβάνουν το θέμα Slug, όνομα, έκδοση, πεδίο κειμένου, συγγραφέας κ.λπ..
Στο ακόλουθο απόσπασμα κώδικα, το χρησιμοποιούμε για να ανακτήσουμε την έκδοση και να την μεταβιβάσουμε ως έκδοση σεναρίου.
Από: 3.4.0
Παράδειγμα:
$ theme = wp_get_theme (); καθορίστε ('THEME_SLUG', $ theme-> πρότυπο); // twentysixteen ορίζουν ('THEME_NAME', $ theme-> get ('Όνομα')); // Είκοσι δεκαέξι καθορίζει ('THEME_VERSION', $ theme-> get ('Version')); //1.2 Λειτουργία load_scripts () wp_enqueue_script ('script-ie', $ templateuri. 'Js / ie.js', array ("jquery"), THEME_VERSION); wp_script_add_data ('script-ie', 'conditional', 'IE 9'); add_action ('wp_enqueue_scripts', 'load_scripts').