Μετά από λίγα χρόνια (ή ακόμα και μήνες) σχεδιασμού και ανάπτυξης θεμάτων WordPress, ειδικά για πελάτες, θα αρχίσετε να συνειδητοποιείτε ότι πολλές από τις λειτουργίες μπορούν να τυποποιηθούν ή να αποσταχθούν σε ένα "αρχικό θέμα ή κιτ". Αυτό βοηθά να ξεκινήσει η αναπτυξιακή διαδικασία και να προχωρήσει γρήγορα.
Το καλύτερο πρώτο βήμα για να γίνει αυτό, έχω βρεθεί, είναι να καρφώσετε τις περισσότερες κοινές λειτουργίες και να τις συμπεριλάβετε στο functions.php . Αυτό functions.php ο φάκελος θα πρέπει να επεκταθεί για να ανταποκριθεί στις ανάγκες του ιδιαίτερου θέματος, καθώς προκύπτουν νέα έργα, αλλά θα αποτελέσει μια άκρως ξεχωριστή αφετηρία για την ανάπτυξη.
Υπάρχουν περίπου 13 βασικές λειτουργίες που μου αρέσει να ξεκινάω και θα προσθέσω σε αυτές όπως χρειάζεται ...
Η λειτουργία του μενού πλοήγησης, που εισάγεται στο WordPress 3.0, επιτρέπει την διαισθητική δημιουργία και διατήρηση των μενού πλοήγησης σε θέματα.
Τουλάχιστον ένα τυποποιημένο θέμα θα χρειαστεί ένα κύριο μενού πλοήγησης, ίσως στην κεφαλίδα και ένα δευτερεύον μενού πλοήγησης στο υποσέλιδο. Για να γίνει αυτό, θα καταχωρήσουμε αυτά τα δύο μενού "Κύριο Μενού" και "Δευτερεύον Μενού"
Ενώ αυτό δεν είναι ένα ιδιαίτερα νέο χαρακτηριστικό, είναι ακόμα ωραίο να το τυλίξετε σε ένα if function_exists() μόνο σε περίπτωση που ο χρήστης έχει κολλήσει σε μια εγκατάσταση pre 3.0:
Στο functions.php αρχείο, περιλαμβάνουν τα εξής:
if ( function_exists( 'register_nav_menus' ) ) {register_nav_menus(array('main_menu' => __( 'Main Menu', 'cake' ),'secondary_menu' => __( 'Secondary Menu', 'cake' ),));} Τώρα που τα Μενού είναι καταχωρημένα, πρέπει να πούμε το θέμα από όπου θα τα εξάγουμε. Θα θέλαμε να εμφανίζεται το Κύριο μενού στην κεφαλίδα μας. Έτσι, στο δικό μας header.php αρχείο, συμπεριλαμβάνουμε τον ακόλουθο κώδικα:
'main_menu','menu' => '','container' => false,'echo' => true,'fallback_cb' => false,'items_wrap' => ' %3$s
','depth' => 0 );wp_nav_menu( $defaults );?>
Κατ 'αρχάς, ελέγξουμε αν έχουμε ένα μενού που ονομάζεται' main_menu 'και αν το κάνουμε, εισάγουμε τα περιεχόμενά του εδώ, αλλιώς επιστρέφουμε στην προεπιλογή wp_list_pages() τα οποία μπορούμε να προσαρμόζουμε περαιτέρω ώστε να εμφανίζονται οι σύνδεσμοι όπως χρειαζόμαστε.
Εάν επιθυμείτε ακόμα μεγαλύτερη προσαρμογή του μενού, ανατρέξτε στο WordPress codex σελίδα σε wp_nav_menu() λειτουργία.
Θέλουμε το δευτερεύον μενού να εμφανίζεται στο υποσέλιδο, οπότε ανοίγουμε το footer.php και να περιλαμβάνει τον ακόλουθο κώδικα:
'secondary_menu','menu' => '','container' => false,'echo' => true,'fallback_cb' => false,'items_wrap' => ' %3$s
','depth' => 0 );wp_nav_menu( $defaults );?>
Αυτή η λειτουργία σας επιτρέπει να χρησιμοποιήσετε το προσαρμοσμένο CSS για να διαμορφώσετε τον επεξεργαστή εικόνας WordPress TinyMCE.
Δημιουργήστε ένα αρχείο CSS που ονομάζεται editor-style.css και επικολλήστε τα στυλ σας μέσα. Ως αντικαταστάτης, μου αρέσει να αρχίζω με στυλ στο editor-style.css αρχείου του Twenty Twelve θέμα.
Στο functions.php προσθέστε τα εξής:
add_editor_style();Εάν δεν θέλετε να χρησιμοποιήσετε το όνομα "style editor" για το αρχείο CSS και θέλετε επίσης να μετακινήσετε το αρχείο αλλού, π.χ. μέσα σε έναν κατάλογο css, τότε τροποποιήστε τη λειτουργία.
Για παράδειγμα, θέλω να ονομάσω το αρχείο μου tiny-mce-styles.css και το θέλω μέσα στον κατάλογο CSS μου. έτσι η λειτουργία μου θα μοιάζει με αυτό:
add_editor_style('/css/editor-style.css'); Ενώ βρισκόμαστε σε αυτό, ίσως να στυλίσουμε τον συντάκτη για τις γλώσσες από δεξιά προς τα αριστερά. Στον κατάλογο θεμάτων, δημιουργήστε ένα αρχείο CSS που ονομάζεται editor-style-rtl.css και, τουλάχιστον, να περιλαμβάνουν τα εξής:
html .mceContentBody {direction: rtl;unicode-bidi: embed;}li {margin: 0 24px 0 0;margin: 0 1.714285714rem 0 0;}dl {margin: 0 24px;margin: 0 1.714285714rem;}tr th {text-align: right;}td {padding: 6px 0 6px 10px;text-align: right;}.wp-caption {text-align: right;}Και πάλι, ως σύμβολο κράτησης θέσης, τα παραπάνω στυλ προέρχονται από το θέμα Twenty Twelve. Περιορίστε και επεκτείνετε όπως απαιτείται.
Οι περισσότεροι άνθρωποι που σχολιάζουν τα blogs στο διαδίκτυο έχουν ένα avatar συνδεδεμένο μαζί τους. Αν, ωστόσο, δεν το κάνουν και δεν σας αρέσουν ιδιαίτερα οι επιλογές του avatar του WordPress, μπορείτε να ορίσετε τη δική σας.
Για να το κάνετε αυτό, συμπεριλάβετε τον ακόλουθο κώδικα στο δικό σας functions.php :
if ( !function_exists('cake_addgravatar') ) {function cake_addgravatar( $avatar_defaults ) {$myavatar = get_template_directory_uri() . '/images/avatar.png';$avatar_defaults[$myavatar] = 'avatar';return $avatar_defaults;} add_filter ('avatar_defaults', 'cake_addgravatar')) Αυτό που κάνουμε πρώτα, ελέγχει αν υπάρχει η λειτουργία. Αν συμβαίνει αυτό, προσθέτουμε ένα φίλτρο που λέει στο WordPress να χρησιμοποιεί ως προεπιλογή το δικό μας προσαρμοσμένο ορισμένο avatar.
Λέμε στο WordPress να βρει αυτό το avatar στον κατάλογο των "εικόνων" μέσα στον κατάλογο θεμάτων. Το επόμενο βήμα, προφανώς, είναι να δημιουργήσετε την ίδια την εικόνα και να την ανεβάσετε στο φάκελο "εικόνες".
Η λειτουργία μορφοτύπων μετά τη δημοσίευση σάς επιτρέπει να προσαρμόσετε το στυλ και την παρουσίαση των αναρτήσεων. Από τη συγγραφή αυτή, υπάρχουν 9 τυποποιημένες μορφές ανάρτησης, τις οποίες μπορούν να επιλέξουν οι χρήστες: εκτός από τη γκαλερί, τη σύνδεση, την εικόνα, την προσφορά, την κατάσταση, το βίντεο, τον ήχο και τη συζήτηση. Εκτός από αυτές, η προεπιλεγμένη μορφή "Τυπικής" υποδεικνύει ότι δεν έχει οριστεί καμία μορφή ανάρτησης για τη συγκεκριμένη ανάρτηση.
Για να προσθέσετε αυτή τη λειτουργία στο θέμα σας, συμπεριλάβετε τον ακόλουθο κώδικα στο δικό σας functions.php , καθορίζοντας τις μορφές μετάδοσης που θα επωφεληθείτε. π.χ. Αν θέλετε μόνο τα στοιχεία μετάθεσης, εικόνας, συνδέσμου, προσφοράς και κατάστασης, ο κώδικας θα πρέπει να είναι όπως παρακάτω:
add_theme_support( 'post-formats', array( 'aside', 'image', 'link', 'quote', 'status' ) );Η χαρακτηρισμένη λειτουργία εικόνας, όπως τον κώδικα εξηγεί, επιτρέπει στον συντάκτη να επιλέξει μια αντιπροσωπευτική εικόνα για μηνύματα, σελίδες ή προσαρμοσμένους τύπους μηνυμάτων.
Για να ενεργοποιήσετε αυτή τη λειτουργία, συμπεριλάβετε τον ακόλουθο κώδικα στο δικό σας functions.php :
add_theme_support( 'post-thumbnails' );Θα μπορούσαμε να σταματήσουμε εκεί και να το αφήσουμε στο WordPress για να καθορίσουμε τα μεγέθη των μικρογραφιών ή θα μπορούσαμε να πάρουμε τον έλεγχο και να τα ορίσουμε οι ίδιοι. Θα κάνουμε το τελευταίο, προφανώς!
Ας υποθέσουμε ότι εκτελούμε έναν ιστότοπο περιοδικού όπου η εμφανιζόμενη εικόνα θα εμφανίζεται σε τουλάχιστον 3 διαφορετικά μεγέθη. Ίσως μια μεγάλη εικόνα, αν η θέση εμφανίζεται ή είναι η πιο πρόσφατη, μια εικόνα μεσαίου μεγέθους εάν είναι απλά μια θέση μεταξύ των υπόλοιπων και ένα κανονικό μέγεθος ίσως να εμφανιστεί αλλού.
Επωφελούμε από το add_image_size() λειτουργία που καθοδηγεί το WordPress να κάνει ένα αντίγραφο της εμφανιζόμενης εικόνας μας στα καθορισμένα μεγέθη.
Για να γίνει αυτό, προσθέτουμε τα εξής στο functions.php :
// regular sizeadd_image_size( 'regular', 400, 350, true );// medium sizeadd_image_size( 'medium', 650, 500, true );// large thumbnailsadd_image_size( 'large', 960, '' ); Δείτε πώς να δουλέψετε με το add_image_size() λειτουργούν είτε σε μαλακή καλλιέργεια είτε σε σκληρή καλλιέργεια των εικόνων σας στο WordPress codex σελίδα.
Αφού ορίσαμε τα παραπάνω μεγέθη εικόνων (κανονικό, μεσαίο και μεγάλο) - και δεδομένου ότι από προεπιλογή το WordPress δεν το κάνει για εμάς - θα προσθέσουμε τη δυνατότητα επιλογής αυτών των μεγεθών εικόνας από τη διασύνδεση Ρυθμίσεις οθόνης προσάρτησης .
Θα ήταν ωραίο αν μπορούσατε, κατά τη σύνταξη μιας ανάρτησης, να εισαγάγετε την επιθυμητή εικόνα μεγέθους επιλέγοντάς την από το αναπτυσσόμενο μενού όπως συνήθως για τα προεπιλεγμένα μεγέθη του WordPress.
Για να γίνει αυτό, προσθέτουμε τα εξής στα δικά μας functions.php :
// show custom image sizes on when inserting mediafunction cake_show_image_sizes($sizes) {$sizes['regular'] = __( 'Our Regular Size', 'cake' );$sizes['medium'] = __( 'Our Medium Size', 'cake' );$sizes['large'] = __( 'Our Large Size', 'cake' );return $sizes;} add_filter ('image_size_names_choose', 'cake_show_image_sizes'); Με αυτό που υπάρχει, μπορούμε να επιλέξουμε τα μεγέθη της εικόνας μας.
Αυτό είναι απλό. Αν έχετε δημιουργήσει θέματα WordPress για λίγο, θα θυμάστε τις ημέρες που έπρεπε να συμπεριλάβετε χειροκίνητα τον κώδικα για την έξοδο της ροής RSS απευθείας στο header.php. Αυτή η προσέγγιση είναι καθαρότερη και βασίζεται στην wp_head() γάντζο για την παραγωγή του απαραίτητου κωδικού.
Στο functions.php αρχείο, περιλαμβάνουν τα εξής:
// Adds RSS feed links to for posts and comments.add_theme_support( 'automatic-feed-links' ); Βεβαιωθείτε ότι έχετε it in the , right before end of header.php it in the , right before end of &rgt;/head&lgt;
Με αυτή τη λειτουργία, κάνετε το πρώτο βήμα προς την κατεύθυνση της διάθεσης του θέματος σας για μετάφραση.
Είναι καλύτερο να ονομάζετε αυτή τη λειτουργία μέσα από το after_setup_theme() action hook δηλαδή μετά την εκτέλεση των ενεργειών εγκατάστασης, εγγραφής και αρχικοποίησης του θέματος σας.
add_action('after_setup_theme', 'my_theme_setup');function my_theme_setup(){load_theme_textdomain('my_theme', get_template_directory() . '/languages');} Τώρα προσθέστε έναν κατάλογο με τον τίτλο ' languages 'στον κατάλογο θεμάτων σας.
Μπορείτε να μάθετε περισσότερα σχετικά με τη λειτουργία load_theme_textdomain () στο WordPress codex σελίδα .
Το πλάτος περιεχομένου είναι μια λειτουργία στα θέματα που σας επιτρέπει να ορίσετε το μέγιστο επιτρεπτό πλάτος για βίντεο, εικόνες και άλλο περιεχόμενο oEmbed σε ένα θέμα.
Αυτό σημαίνει ότι όταν κάνετε επικόλληση αυτής της διεύθυνσης YouTube στο πρόγραμμα επεξεργασίας και το WordPress εμφανίζει αυτόματα το πραγματικό βίντεο στο μπροστινό μέρος, το βίντεο αυτό δεν θα υπερβαίνει το πλάτος που ορίσατε χρησιμοποιώντας το $content_width μεταβλητός.
if ( ! isset( $content_width ) )$content_width = 600;Το WordPress συνιστά επίσης την προσθήκη του ακόλουθου CSS:
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {max-width: 100%;height: auto;} Ενώ αυτό είναι χρήσιμο, λίγο βαριά χέρια του. Ορίζει το πλάτος περιεχομένου για όλο το περιεχόμενο. Τι γίνεται αν θελήσατε βίντεο μεγαλύτερου εύρους σε σελίδες παρά σε αναρτήσεις και ακόμη μεγαλύτερο μέγεθος σε έναν προσαρμοσμένο τύπο δημοσιεύσεων; Επί του παρόντος, δεν υπάρχει τρόπος να προσδιοριστεί αυτό. Υπάρχει, ωστόσο, α αίτημα χαρακτηριστικών - προτείνει τη συμπερίληψη του $content_width μεταβλητή στην ενσωματωμένη add_theme_support() .
Το τυπικό σας θέμα θα έχει τουλάχιστον μία πλευρική γραμμή. Ο κώδικας για τον ορισμό της πλευρικής γραμμής είναι αρκετά απλός.
Προσθέστε τα εξής στο δικό σας functions.php :
if(function_exists('register_sidebar')){register_sidebar(array('name' => 'Main Sidebar','before_widget' => '','after_widget' => '','before_title' => '','after_title' => '
',));} Αυτό καταγράφει και ορίζει μια πλευρική γραμμή με την επωνυμία "Main Sidebar" και τη σήμανση HTML.
Μπορείτε να μάθετε περισσότερα για το register_sidebar() λειτουργία στη σελίδα κώδικα WordPress.
Θα βρείτε συνήθως την ανάγκη να έχετε περισσότερα από μια πλευρική γραμμή, ώστε να μπορείτε απλά να αντιγράψετε / επικολλήσετε τον παραπάνω κώδικα και να αλλάξετε το όνομα.
Υπάρχει επίσης α register_sidebars() λειτουργία που θα σας επιτρέψει να καταχωρήσετε και να ορίσετε πολλές πλευρικές κορές ταυτόχρονα αλλά δεν σας δίνει την ευελιξία να δώσετε σε κάθε νέα πλευρική γραμμή ένα μοναδικό όνομα.
Αν προβάλλετε αποσπάσματα των δημοσιεύσεών σας σε μια σελίδα ευρετηρίου ιστοτόπων, από προεπιλογή το WordPress θα εμφανιστεί [...] για να δείξει ότι υπάρχουν περισσότερα "μετά το άλμα".
Κατά πάσα πιθανότητα θα θελήσετε να προσθέσετε έναν "περισσότερο σύνδεσμο" και να ορίσετε πώς φαίνεται αυτό.
Για να γίνει αυτό, πρέπει να προσθέσουμε τον ακόλουθο κώδικα στο δικό μας functions.php :
function new_excerpt_more($more) {global $post;return '...
function cake_content_nav( $nav_id ) {global $wp_query;if ( $wp_query->max_num_pages > 1 ) : ?>Αν έχετε ειδικές οδηγίες στο θέμα σας, π.χ. στη σελίδα επιλογών θεμάτων που θέλετε να βλέπει ο χρήστης όταν ενεργοποιήσει για πρώτη φορά το θέμα, μπορείτε να χρησιμοποιήσετε την παρακάτω λειτουργία για να τα ανακατευθύνετε εκεί:
if (is_admin() && isset($_GET['activated']) && $pagenow == "themes.php")wp_redirect('themes.php?page=themeoptions'); Δώστε ιδιαίτερη προσοχή στο wp_redirect() λειτουργία. Βεβαιωθείτε ότι έχετε αντικαταστήσει το " themes.php?page=themeoptions 'με τη διεύθυνση URL της σελίδας σας.
Κατά τη διάρκεια της ανάπτυξης, μερικές φορές βρίσκω τη γραμμή διαχείρισης του WordPress (εργαλείο) αρκετά αποσπασματική.
Είναι σε μια σταθερή θέση στην κορυφή του παραθύρου και ανάλογα με τη διάταξη μου μπορεί να καλύψει ορισμένα στοιχεία της επικεφαλίδας.
Κατά τη διάρκεια σχεδιασμού και ανάπτυξης, μου αρέσει να κρύβω τη γραμμή admin με αυτήν την εύχρηστη λειτουργία.
show_admin_bar( false );Έχετε κάποιες αγαπημένες λειτουργίες για να ξεκινήσετε την ανάπτυξη του WordPress προτύπου; Τι λειτουργίες θα θέλατε να δείτε; Ενημερώστε μας στα σχόλια.
Προτεινόμενη εικόνα / μικρογραφία, εικόνα πολλαπλών εργαλείων μέσω Shutterstock.