Ο τελευταίος οδηγός 12 μηνών για την εκμάθηση του WordPress (πόροι Plus)

Αν θέλετε να μάθετε κάτι νέο το 2015, γιατί να μην το κάνετε WordPress; Δουλεύει ένα τεράστιο κομμάτι του ιστού, θα κατανοήσετε καλύτερα τον δικό σας ιστότοπο, θα είστε σε θέση να επικοινωνείτε καλύτερα με τους προγραμματιστές και μπορείτε να κάνετε κάποια χρήματα βοηθώντας άλλους. Επιπλέον, ο προγραμματισμός σας δίνει μια εικόνα ενός συγκεκριμένου τρόπου σκέψης που μπορεί να σας βοηθήσει σε άλλα στάδια ζωής. Το τέχνασμα είναι να μάθετε τι πρέπει να μάθετε και να το ακολουθείτε με συνέπεια - απαιτείται πειθαρχία.

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

Μάθετε να χρησιμοποιείτε το WordPress σωστά (Ιαν.)

Όποιο και αν είναι το επίπεδο που χρησιμοποιείτε για το WordPress, στοιχηματίζω ότι υπάρχουν πολλά πράγματα που δεν γνωρίζετε. Τον Ιανουάριο θα πρέπει να επικεντρωθείτε στην πλευρά του admin των πραγμάτων, χωρίς κωδικοποίηση ακόμα.

Βεβαιωθείτε ότι έχετε ελέγξει και δοκιμάσει όλες τις λειτουργίες που βλέπετε. Δοκιμάστε όλους τους συνδέσμους, κοιτάξτε τις επιλογές οθόνης, καρτέλες Βοήθεια, δοκιμάστε να προγραμματίσετε μια ανάρτηση, να καταλάβετε τι είναι μια κολλώδη θέση, να δημιουργήσετε μια πλαϊνή γραμμή και κάποια widgets, να συγκεντρώσετε ένα μενού, να δείτε όλες τις διαθέσιμες ρυθμίσεις και ούτω καθεξής.

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

Πόροι που μπορούν να βοηθήσουν

Η παρακάτω λίστα δεν είναι εξαντλητική, αλλά σας συνιστώ να περάσετε από κάθε τμήμα του διαχειριστή και να δοκιμάσετε τα πάντα. Εάν δεν μπορείτε να καταλάβετε τι κάνει κάτι, το Google και πηγαίνετε από εκεί.

• Ξεκινώντας με το WordPress
• Εγκατάσταση του WordPress
• Ενημέρωση του WordPress
• Ορολογία WordPress
• Όλες οι δημοσιεύσεις
• Όλα σχετικά με τις σελίδες
• Χρήση εικόνων
• Ενσωμάτωση περιεχομένου
• Σύντομοι κωδικοί
• Plugins και Θέματα
• Ορατότητα περιεχομένου
• Χρήστες στο WordPress
• Οθόνες διαφήμισης
• Προσαρμοσμένα πεδία
• Συζητήσεις
• Permalinks
• Εργασία με WordPress FAQ

Εργαλεία και Βασικά για προγραμματιστές (Φεβρουάριος)

Για να ξεκινήσετε με την ανάπτυξη θα χρειαστείτε κάποια εργαλεία και κάποιες βασικές γνώσεις εργασία με αρχεία. Το πρώτο πράγμα που θα θελήσετε είναι ένας ικανός επεξεργαστής κειμένου. Υπάρχουν αρκετοί συντάκτες κώδικα που έχουν προηγουμένως αναθεωρηθεί εδώ στο Hongkiat, και οι περισσότεροι είναι.

Εγώ προσωπικά χρησιμοποιώ το Atom, και τον επεξεργαστή του GitHub. Αν και είναι ένας εξαιρετικά ικανός συντάκτης δεν έχει εύκολα προσβάσιμες δυνατότητες FTP (που σας προτείνω να λάβετε υπόψη όταν επιλέγετε έναν επεξεργαστή, θα δείτε γιατί σε λίγο).

Εξοικειωθείτε με τον συντάκτη σας. Οποιοδήποτε χρησιμοποιείτε Συνιστώ να διαβάζετε για αυτό μέσω αναζητήσεων Google, αναζητώντας τις ρυθμίσεις και βεβαιωθείτε ότι μπορείτε να το χρησιμοποιήσετε για να δημιουργήσετε και να επεξεργαστείτε αρχεία στον υπολογιστή σας με εμπιστοσύνη.

Στη συνέχεια, θα θέλετε να μάθετε περισσότερα για το FTP. Το πρωτόκολλο μεταφοράς αρχείων είναι ένας τρόπος ανάγνωσης και επεξεργασίας αρχείων σε έναν απομακρυσμένο υπολογιστή. Η ιδέα εδώ είναι ότι θα μπορείτε να τροποποιήσετε τον ιστότοπό σας χωρίς να χρειάζεται να κάνετε λήψη αρχείων και να τα ανεβάσετε αφού τα τροποποιήσετε με ξεχωριστή εφαρμογή. Εδώ είναι μια ματιά στο Coda 2 σε δράση.

Θα πρέπει να αφιερώσετε κάποιο χρόνο αυτό το μήνα για να μάθετε πώς λειτουργούν οι βασικές πτυχές του Ιστού. Γιατί χρησιμοποιούνται οι διακομιστές ιστού, το περιεχόμενο του προγράμματος περιήγησης που χρησιμοποιείται και ούτω καθεξής. Δεν χρειάζεται να πάτε σε πάρα πολλές λεπτομέρειες, αλλά θα χρειαστείτε μια βασική κατανόηση για μια σειρά από έννοιες.

Πόροι που μπορούν να βοηθήσουν

• Μια λίστα των ελεύθερων επεξεργαστών κώδικα
• Πέντε καλύτεροι επεξεργαστές κειμένου
• 14 μεγάλες επεξεργαστές κειμένου για τους σχεδιαστές ιστοσελίδων
• Οι καλύτεροι επεξεργαστές κειμένου προγραμματισμού
• FTP για αρχάριους
• Τι είναι το FTP και πώς να μεταφέρετε αρχεία μαζί του
• Πώς λειτουργούν οι ιστοσελίδες
• Πώς λειτουργεί ένας ιστότοπος
• Βίντεο σχετικά με τον τρόπο λειτουργίας των ιστότοπων
• Πώς λειτουργούν οι ιστότοποι στο Quackit.com

HTML & CSS (Μαρ)

Ήρθε η ώρα να βγάλουμε τα χέρια μας με κάποιες HTML και CSS, τις κύριες γλώσσες του Ιστού. Το HTML είναι αυτό που δίνει στις σελίδες τη δομή τους, το CSS είναι αυτό που τους στέλνει να φαίνονται όπως κάνουν. Είναι και οι δύο εύκολες γλώσσες αλλά χρειάζονται πρακτική για να κυριαρχήσουν.

Νομίζω ότι είναι σημαντικό να αναφέρω ότι από εδώ και πέρα ​​θα χρειαστείτε πολλές και πολλές πρακτικές. Πιστεύω ότι όλες οι γλώσσες που χρησιμοποιούνται στο διαδίκτυο είναι εύκολες, αλλά υπάρχουν πολλές εύκολες πληροφορίες για την αφομοίωση που είναι μέρος της δυσκολίας του προγραμματισμού.

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

Για παράδειγμα, ρίξτε μια ματιά σε αυτό το Easy Notes shot σε Dribbble. Κάντε κλικ στο συνημμένο και δοκιμάστε να δημιουργήσετε ξανά το μεσαίο γραφικό στοιχείο.

Μόλις δημιουργήσετε μεμονωμένα στοιχεία, μπορείτε να αντιμετωπίσετε μεγαλύτερα έργα, όπως έναν πλήρη ιστότοπο. Μπορείτε να περιηγηθείτε σε τοποθεσίες όπως το Themeforest, το Designmodo και τα Premium Pixels για περαιτέρω έμπνευση. Μπορείτε ακόμη να αναλάβετε έτοιμα WordPress / HTML θέματα και να προσπαθήσετε να τα αναδημιουργήσετε στο σπίτι ως στατική σελίδα HTML.

Βεβαιωθείτε ότι γνωρίζετε τη χορήγηση αδειών. Θέματα στο Themeforest και σε πολλά άλλα μέρη είναι αδειοδοτημένα και δεν επιτρέπεται να χρησιμοποιηθούν χωρίς άδεια ακόμη και αν τα αναδημιουργήσετε ξανά!

Πόροι που μπορούν να βοηθήσουν

HTML

• W3Schools
• HTML Dog
• TutorialsPoint
• Tizag

CSS

• W3Schools
• HTML Dog
• TutorialsPoint
• Tizag
• CSSTutorial.net

Άλλοι πόροι

• Codecademy HTML & CSS
• CSS Zen Garden
• CSS3 Σε W3Schools
• CSS Color Picker
• Interactive CSS Selector Tutorial
• CSS Guidelines

PHP (Απρ)

Ήρθε η ώρα να μάθουμε κάποια πράγματα από πλευράς διακομιστή. Μέχρι στιγμής έχετε μόνο μάθει clientid κώδικα. Τα HTML και CSS αποστέλλονται ως έχουν στο πρόγραμμα περιήγησης ενός χρήστη και επεξεργάζονται εκεί. Η PHP επεξεργάζεται στο διακομιστή και μετατρέπεται σε HTML και CSS και αποστέλλεται στο πρόγραμμα περιήγησης. Εισάγει ένα τεράστιο αριθμό χρήσιμων χαρακτηριστικών που θα μάθετε για αυτό το μήνα.

Η PHP είναι αυτή που επιτρέπει στο WordPress να εμφανίζει χιλιάδες άρθρα χρησιμοποιώντας ένα μόνο αρχείο. Η PHP είναι ο τρόπος με τον οποίο ένας ιστότοπος μπορεί να εμφανίσει το όνομα του συνδεδεμένου χρήστη, το πώς το Facebook μπορεί να εμφανίσει τους φίλους σας και ούτω καθεξής. Η ίδια σελίδα στο Facebook θα φαίνεται πολύ διαφορετική για εσάς από ό, τι συμβαίνει για μένα λόγω της μαγείας του κώδικα πλευράς διακομιστή.

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

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

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

Πόροι που μπορούν να βοηθήσουν

• W3Schools
• Codecademy
• Tizag
• TutorialsPoint
• Γλώσσα αναφοράς PHP
• Αναφορά λειτουργίας PHP

Τροποποίηση ενός θέματος WordPress (Μάιος)

Τέλος, μπορούμε να ξεκινήσουμε με το WordPress! Το WordPress χρησιμοποιεί HTML, CSS, PHP και Javascript για την προβολή περιεχομένου. Δεν έχετε μάθει για Javascript ακόμα, αλλά αυτό είναι εντάξει, μπορούμε να το κάνουμε αυτό σε έναν μεταγενέστερο μήνα.

Το πρώτο πράγμα που πρέπει να κάνετε είναι να τροποποιήσετε ένα θέμα. Χρησιμοποιώντας το FTP πηγαίνετε στο φάκελο που περιέχει το ενεργό θέμα σας και παίζετε μαζί του. Βρείτε το σημείο όπου βρίσκεται ο τίτλος και μετακινήστε το κάτω από το περιεχόμενο, προσθέστε κάποιο κείμενο, προσθέστε CSS και ούτω καθεξής.

Σημειώστε ότι αυτό θα αλλάξει στην πραγματικότητα τον ζωντανό ιστότοπό σας, οπότε το κάνετε μόνο αν είστε βέβαιοι ότι είναι εντάξει. Επίσης, τα θέματα δεν πρέπει ποτέ να τροποποιηθούν αγγίζοντας τον κώδικα τους απευθείας. Είναι καλό για την πρακτική, αλλά στην πραγματικότητα θα πρέπει να είστε και οι δύο δημιουργήστε το δικό σας θέμα ή χρησιμοποιήστε ένα θέμα παιδιού για να τροποποιήσετε ένα υπάρχον (ανατρέξτε στην ενότητα πόρων για αυτόν τον μήνα για περισσότερες πληροφορίες).

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

Το θέμα που σας προτείνω να τροποποιήσετε πρώτα είναι το Twenty Fifteen. Αυτό θα πρέπει να εγκατασταθεί με το WordPress 4.1+, καθώς είναι το νέο προεπιλεγμένο θέμα. Αυτό το θέμα ακολουθεί όλα τα τρέχοντα πρότυπα και θέτει τη γραμμή ανάπτυξης. μπορείτε να είστε βέβαιοι ότι οποιαδήποτε κωδικοποίηση που βλέπετε στα είκοσι είκοσι είναι σωστή.

Στο τέλος του μήνα θα πρέπει να αισθάνεστε άνετα κάνοντας μικρές αλλαγές σε ένα θέμα και θα πρέπει να έχετε μια γενική ιδέα για το πώς να ξεκινήσετε το δικό σας θέμα από το μηδέν. μην ξεχνάτε, αυτό το μήνα είναι περίπου πειραματισμό, μην φοβάστε να κάνουμε πράγματα που συμβουλεύονται σε κάποιες περιοχές. μαθαίνετε, δεν δημιουργείτε ένα προϊόν!

Πόροι που μπορούν να βοηθήσουν

• Τεκμηρίωση Θεμάτων Παιδιού
• Πώς να δημιουργήσετε ένα θέμα για παιδιά
• Παιχνίδι με θέμα το παιδί
• Ετικέτες προτύπων

Δημιουργία ενός θέματος (Ιούνιος)

Η δημιουργία ενός θέματος δεν είναι πολύ διαφορετική από την τροποποίηση ενός υπάρχοντος, αλλά θα πρέπει να δημιουργήσετε πολλά από τα δικά σας αρχεία. μην φοβάστε να αντιγράψετε-επικολλήσετε από άλλα θέματα, όπως Twenty Fifteen. Αρχεία όπως comments.php το οποίο διέπει τις συζητήσεις είναι περίπου το ίδιο στις περισσότερες περιοχές. Μπορείτε να χρησιμοποιήσετε το CSS για να το φανεί διαφορετικό και απλά να αναδιατάξετε κάποια HTML ίσως.

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

Θα πρέπει να εστιάζετε σε ερωτήματα που εμφανίζονται κατά την ανάπτυξη. Ο ιστότοπός σας θα εμφανίσει τις τελευταίες 10 αναρτήσεις στην πρώτη σελίδα, αλλά "τι να κάνω εάν θέλω κάτι εντελώς διαφορετικό;" Αυτά είναι τα είδη των ερωτήσεων που μπορεί να προκύψουν μόνο κατά την οικοδόμηση κάτι.

θα χρειαστεί να έχετε καλή κατανόηση της ιεραρχίας των προτύπων που διέπει τα αρχεία που είναι υπεύθυνα για την προβολή συγκεκριμένου περιεχομένου. Βεβαιωθείτε ότι έχετε δει τα πρότυπα σελίδων (δείτε τους πόρους). Αυτές σας επιτρέπουν να δημιουργείτε σελίδες με προσαρμοσμένες λειτουργίες.

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

Εγώ”θα παραθέσω αρκετούς πόρους εδώ, αλλά αν υπάρχει αμφιβολία, ανατρέξτε στη βάση κώδικα Είκοσι Δεκαπέντε για βοήθεια, θα πρέπει να έχετε ό, τι χρειάζεστε!

Πόροι που μπορούν να βοηθήσουν

• Ιεραρχία προτύπων
• Υπογεγραμμένες ετικέτες
• Αναφορά πλήρους λειτουργίας
• Θέμα Ανάπτυξη
• Τεκμηρίωση πλευρικής εργαλειοθήκης
• Μενού πλοήγησης
• Αρχείο ευρετηρίου
• Δημιουργία μιας στατικής μπροστινής σελίδας
• Δημιουργία σελίδας αναζήτησης
• Δημιουργία σελίδας A 404
• Το πρότυπο σχολίων
• Πρότυπα δημιουργών
• Πρότυπα σελίδας
• Προσαρμοσμένα προσαρμοσμένα πεδία

Τα βασικά για τους γάντζους και τις προσθήκες (Ιουλ)

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

Δουλεύουν κάπως όπως οι σκανδάλες. Αντί να πηγαίνετε στον κώδικα στα αρχεία WordPress που δημοσιεύει μια ανάρτηση και προσθέτοντας τον δικό σας κώδικα για να στείλετε στον συντάκτη ένα μήνυμα ηλεκτρονικού ταχυδρομείου, μπορείτε να πείτε: “Όταν το WordPress δημοσιεύει μια ανάρτηση, στείλτε ένα μήνυμα ηλεκτρονικού ταχυδρομείου στον συντάκτη”. Αυτό μπορεί να γίνει σε ένα εντελώς ξεχωριστό αρχείο που σημαίνει ότι ο κώδικας πυρήνα δεν τροποποιείται ποτέ.

Τους χρησιμοποιείτε πραγματικά και στο θέμα σας όταν χρησιμοποιήσατε το wp_head () και wp_footer () λειτουργίες. Το WordPress χρησιμοποιεί αυτά τα εσωτερικά για να εξάγει μια δέσμη κώδικα, όπως για παράδειγμα η γραμμή admin. Έτσι, τα plugins μπορούν να τροποποιήσουν τα θέματα χωρίς να αγγίζουν το θέμα.

Η μάθηση σχετικά με τα άγκιστρα θα είναι το σημείο εισόδου σας στην ανάπτυξη plugin. Η κατανόησή τους είναι το κλειδί για να συνεργαστείτε με το WordPress και ίσως να προσφέρετε επαγγελματικές υπηρεσίες στο μέλλον. Πάρτε το χρόνο σας για να κυριαρχήσει αυτό, θα βασίζεστε σε άγκιστρα βαριά για όλα τα έργα σας.

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

Από εκεί μπορείτε να κάνετε ό, τι εσείς”d όπως, αλλά πρέπει να χρησιμοποιήσετε τα σωστά άγκιστρα - γι 'αυτό τα άγκιστρα είναι τόσο σημαντικά.

Πόροι που μπορούν να βοηθήσουν

• Το API Plugin
• Ο οριστικός οδηγός για γάντζους
• Ο οδηγός για αρχάριους για δράσεις και φίλτρα
• Ορίστε τους δικούς σας γάντζους
• Γράφοντας μια προσθήκη
• Πώς να δημιουργήσετε ένα WordPress Plugin

Plugin Proficiency (Aug)

Αυγούστου είναι η ώρα να βάλουμε κάποιες πρακτικές στη δημιουργία plugins. Βρείτε κάτι που θα θέλατε ένα plugin για να το κάνετε μόνοι σας. Θα θέλατε να μετατραπούν όλα τα παραδείγματα του καλού “φοβερός” κάθε φορά που δημοσιεύεται μια δημοσίευση; Πήγαινε και το κάνεις.

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

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

Δημιουργήστε τουλάχιστον 2-3 plugins αυτό το μήνα. Κάντε τους ποικίλους, εάν κάποιος τροποποιεί το περιεχόμενο μετά, ίσως ο άλλος πρέπει να κάνει κάτι όταν δημοσιεύεται μια δημοσίευση. Ίσως πρέπει να δημιουργήσετε ορισμένους προσαρμοσμένους τύπους θέσεων και προσαρμοσμένες ταξινομίες, οι οποίες χρειάζονται συχνά για πιο σύνθετα έργα, δείτε τους συνδέσμους στο τμήμα πόρων.

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

Η κωδικοποίηση με αποτελεσματικότητα και εμπιστοσύνη με τα πράγματα που γνωρίζετε είναι πιο σημαντική από την ποσότητα των πραγμάτων στον εγκέφαλό σας. Έχω ήδη κωδικοποιήσει εδώ και πολύ καιρό και μερικές φορές πρέπει να κοιτάξω τα πιο απλά πράγματα. Γνωρίζοντας ότι κάτι είναι διαθέσιμο είναι αρκετό, είναι σε θέση να κωδικοποιήσει με ευκολία είναι πιο σημαντική,

Πόροι που μπορούν να βοηθήσουν

• Πρότυπα κωδικοποίησης
• phpDocumentor Τεκμηρίωση
• Custom Taxonomies
• Προσαρμοσμένοι τύποι μηνυμάτων
• API ρυθμίσεων
• API μεταδεδομένων
• Επιλογές API
• Πλήρης οδηγός για προσαρμοσμένους τύπους μηνυμάτων
• Δημιουργία μεταφρασμένων θεμάτων και προσθηκών
• Συμπληρώνοντας Σενάρια και Στυλ

Javascript (Σεπτ)

Το (σχεδόν) τελευταίο κομμάτι του παζλ είναι Javascript. Το Javascript σάς επιτρέπει να προσθέσετε στον ιστότοπό σας τη διαδραστικότητα και άλλες προηγμένες λειτουργίες. Με τη χρήση του Javascript μπορείτε να κάνετε αναδυόμενα modals, να φορτώσετε σχόλια στη θέση τους, να εφαρμόσετε ατελείωτη κύλιση και πολλά άλλα.

Το Javascript είναι βασικά μια γλώσσα πλευράς πελάτη, αλλά μπορεί να συνδυαστεί με τον κωδικό του διακομιστή χρησιμοποιώντας το AJAX. Αυτό είναι που σας επιτρέπει να ψηφίσετε για ένα άρθρο για παράδειγμα. Όταν κάνετε κλικ στο κουμπί ψηφοφορίας, το κουμπί αλλάζει σε μια ευχαριστήρια σημείωση και ο αριθμός των ψηφοφοριών αυξάνεται κατά ένα. Όλα αυτά συμβαίνουν χωρίς την επαναφόρτωση της σελίδας. Αυτό είναι Javascript σε συνδυασμό με κάποια PHP χρησιμοποιώντας AJAX.

Το μεγαλύτερο μέρος της Javascript που θα χρησιμοποιήσετε θα είναι jQuery. Το jQuery είναι ένα πλαίσιο Javascript το οποίο υλοποιεί ειδικές λειτουργίες και σας δίνει εύκολη πρόσβαση στα κοινά χρησιμοποιούμενα μοτίβα. Είναι σημαντικό να καταλάβετε ότι το jQuery είναι δεν ειδική Javascript, καθώς δεν υπάρχει τίποτα ιδιαίτερο για την PHP που χρησιμοποιείται στο WordPress. Είναι απλά ένα πλαίσιο στο οποίο μπορείτε να εργαστείτε.

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

Τα καλά νέα είναι ότι γνωρίζετε ότι έχετε όλες τις γνώσεις που χρειάζεστε για να προσθέσετε Javascript στο θέμα ή το plugin σας αμέσως. Θα έπρεπε να είσαι “πάνω από τον κύβο” - οτιδήποτε μαθαίνετε τώρα θα πρέπει να είναι εύκολο να εφαρμοστεί μόλις το μάθετε.

Πόροι που μπορούν να βοηθήσουν

Javascript

• W3Schools
• Codecademy
• TutorialsPoint
• HTML Dog

jQuery

• W3Schools
• Codecademy
• jQuery Learning Center
• TutorialsPoint

Περισσότερο

• AJAX και WordPress
• Πώς να χρησιμοποιήσετε το AJAX στο WordPress

Πρακτική άσκηση πρακτικής (Οκτώβριος)

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

Ευτυχώς, όσο περισσότερο η πρακτική σας, τόσο πιο γρήγορα θα μάθετε πράγματα αργότερα. Στην πραγματικότητα, με να συνηθίσετε να εργάζεστε πάντα με κώδικα, θα χρειαστείτε όλο και λιγότερη πρακτική για να πάρετε το ίδιο αποτέλεσμα.

Σε ένα περιβάλλον WordPress ο καλύτερος τρόπος να εξασκηθείτε είναι να δημιουργήσετε θέματα και plugins. Μια μέθοδος που μπορείτε να δοκιμάσετε είναι να αναδημιουργήσετε ένα απλό, ήδη υπάρχον, plugin από το μηδέν. Αν κολλήσετε κάπου, μπορείτε να δείτε τον πηγαίο κώδικα του πραγματικού προϊόντος.

Εστιάστε στην εμβάθυνση της κατανόησης των εννοιών που ήδη γνωρίζετε. Πάρτε την πρακτική της ανάγνωσης περιοδικών σχεδιασμού και προγραμματιστών και ιστολόγια προγραμματιστών των αγαπημένων σας εφαρμογών. Εδώ είναι μερικά από τα μεγαλύτερα μέρη για να διαβάσετε σχετικά με την ανάπτυξη ιστοσελίδων εκτός από το δικαίωμα εδώ στο Hongkiat φυσικά.

Λίστα σας ανάγνωσης

• Smashing Magazine
• WPMU DEV Blog
• Μια λίστα εκτός
• Web Design Depot
• Speckyboy
• Έξι αναθεωρήσεις
• Scotch.io
• David Walsh Blog
• Code.Tutsplus
• Designmodo
• CSS-Κόλπα
• μην φοβάστε το Διαδίκτυο

Προηγμένες έννοιες (Νοέμβριος)

Αυτός είναι ο μήνας όπου όλες οι γνώσεις που έχετε πρέπει να έρθουν μαζί και μπορείτε να αρχίσετε να γίνετε προγραμματιστής. Θα πρέπει να είστε σε θέση να ξεκινήσετε βλέποντας τη μεγάλη εικόνα και να έχουν μια εργασιακή γνώση από τις τέσσερις κύριες γλώσσες που χρησιμοποιεί το WordPress: HTML, CSS, JS και PHP.

Θα ήθελα να συστήσω να αρχίσετε να μαθαίνετε αντικειμενοστραφής PHP. Το χρησιμοποιείτε ήδη στα θέματα και τα plugins σας στο βρόχο και σε άλλες κατασκευές. OOP (object oriented PHP) θα σας δώσει τη δυνατότητα να γράψετε καλύτερο κώδικα και να κατανοήσετε καλύτερα τον κώδικα του WordPress. Επιπλέον, είναι η πύλη στον προγραμματισμό με γλώσσες τύπου C και δημιουργώντας έτσι εφαρμογές για iOS για παράδειγμα.

Μπορείτε να βελτιώσετε τις γνώσεις σας στο WordPress, μαθαίνοντας για κάποιες τάξεις, πώς να αλληλεπιδράσετε με την βάση δεδομένων απευθείας, πώς λειτουργούν τα μεταβατικά.

Θα πρέπει να είστε σε θέση να αναλάβετε μικρά, αμειβόμενα έργα τώρα με εμπιστοσύνη. μην ξεχνάτε ότι η πραγματική εργασία που έχει ανατεθεί είναι εκεί που μαθαίνετε περισσότερο. Δεν πρόκειται μόνο για την κωδικοποίηση, αλλά για να μάθουμε να επικοινωνούμε σχετικά με τον κώδικα σε άτομα που δεν γνωρίζουν τίποτα, παραπέμπουν στο διαδίκτυο.

Η πρακτική είναι σημαντική σε κάθε στάδιο, αλλά τώρα θα πρέπει να έχετε αρκετές γνώσεις για να μάθετε μια ιδέα χωρίς πάρα πολλή δουλειά. Οι παροχείς (επιλογές με ημερομηνία λήξης) θα πρέπει να είναι σαφείς, για παράδειγμα, ακόμη και αν δεν έχετε την ανάγκη για αυτές. Θα πρέπει να είστε σε θέση να μετρήσετε πότε θα είναι χρήσιμες και να τις αναζητήσετε όσο χρειάζεται.

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

Θα ήθελα να τονίσω τη σημασία του να μπει σε μια νοοτροπία προσανατολισμένη στο αντικείμενο. Πρώτα θα φαίνεται πολύ αλλόκοτος και η χρήση τους θα φαίνεται ασαφής. Θυμηθείτε πως η χρήση της PHP ήταν ασαφής όταν την μελετήσατε για πρώτη φορά; Πώς μια μεταβλητή και μια δήλωση if μου πάρει μια ιστοσελίδα?

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

Συνιστώ πραγματικά υψηλής ποιότητας βίντεο tutorials για αυτό το ένα. Τα αγαπημένα μου μπορούν να βρεθούν στα Laracasts (δείτε τους πόρους). Τα Laracasts έγιναν κυρίως για Laravel αλλά περιέχουν πολλά OOP και άλλες έννοιες υψηλού επιπέδου.

• MySQL Στο W3Schools
• MySQL στο TutorialsPoint
• Laracast
• Αντικειμενοστρεφής PHP για αρχάριους
• TutorialsPoint
• Τεκμηρίωση OOP
• Δεντρόσπιτο
• Αλληλεπίδραση με τη βάση δεδομένων WordPress
• Ένας οδηγός για τους μεταβατικούς
• Η κατηγορία Walker
• Η κλάση WP_Error
• Η τάξη WP_Query

Προηγμένα εργαλεία ανάπτυξης (Dec)

Τώρα που γνωρίζετε πολύ περισσότερο είναι καιρός να κάνετε τη ζωή σας πιο εύκολη, μαθαίνοντας να χρησιμοποιήσετε μερικά προηγμένα εργαλεία. Αυτό περιλαμβάνει πράγματα όπως χρησιμοποιώντας SSH για πρόσβαση σε διακομιστή, WP-CLI για τη διαχείριση των εγκαταστάσεων WordPress, Vagrant για να δημιουργήσετε μια τοπική εγκατάσταση του WordPress, κι αλλα.

Το πρώτο πράγμα που πρέπει να μάθετε είναι πώς να ρυθμίσετε το WordPress τοπικά χρησιμοποιώντας XAMPP, MAMP, WAMP ή Vagrant. Εγώ προσωπικά χρησιμοποιώ το Vagrant, αλλά τα υπόλοιπα είναι πάρα πολύ καλά. Αυτό καταργεί την ανάγκη χρήσης του FTP όλη την ώρα, επιταχύνοντας σημαντικά τον χρόνο ανάπτυξης.

Στη συνέχεια θα πρέπει να εξετάσετε SSH. Αυτό περιλαμβάνει χρησιμοποιώντας το τερματικό και εκδίδοντας εντολές. Αυτό ακούγεται τρομακτικό, αλλά πραγματικά δεν είναι. Θα ανοίξει έναν εντελώς νέο κόσμο. Το WP-CLI θα είναι μια μεγάλη εισαγωγή σε αυτό. Σας επιτρέπει να εγκαταστήσετε το WordPress σε λίγα δευτερόλεπτα, να κατεβάσετε ένα θέμα, να το ενημερώσετε και να δημιουργήσετε δοκιμαστικούς χρήστες με μια απλή εντολή.

Σας συνιστώ επίσης να μάθετε τα πάντα Προεπεξεργαστές CSS. Γλώσσες όπως το LESS και το SASS σας επιτρέπουν να χρησιμοποιείτε μεταβλητές, λειτουργίες και άλλες προηγμένες έννοιες στο CSS.

Ως μέρος των μελετών preprocessor θα πρέπει να μάθετε πώς να χρησιμοποιείτε προηγμένα εργαλεία μεταγλωττιστή όπως Prepros ή Codekit. Αυτά τα εργαλεία μπορούν να φορτώσουν ξανά τον ιστότοπο κάθε φορά που αποθηκεύεται ένα αρχείο, καταρτίζουν αυτόματα το CSS, μειώνουν το Javascript και ούτω καθεξής.

Αυτό θα σας δώσει μια εικόνα για τον κόσμο της κωδικοποίησης για την παραγωγή. Στην ανάπτυξη θέλετε να χρησιμοποιήσετε όσο το δυνατόν περισσότερα ξεχωριστά αρχεία για να κάνετε τον κώδικα πιο λογικό. Στην παραγωγή θέλετε μόνο ένα μικρό αποτύπωμα όσο το δυνατόν, έτσι ώστε όλα τα αρχεία Javascript και CSS να εξομαλύνουν και να συνενωθούν. Τα προαναφερθέντα εργαλεία σας δίνουν όλα όσα χρειάζεστε για να είστε άνετα με αυτό.

Θα πρέπει επίσης να αρχίσετε να εργάζεστε πιο αποτελεσματικά με τον επεξεργαστή κειμένου σας. Χρησιμοποιείτε αποσπάσματα; Ελέγχετε αυτόματα τη σύνταξη σας; Ξέρετε όλες τις συντομεύσεις πληκτρολογίου που θα σας διευκολύνουν?

Αυτός είναι ένας χώρος όπου μπορείτε να αλλάζετε συνεχώς και να μεγαλώνετε. Πήγα από το να χρησιμοποιήσω το XAMPP στο MAMP και, τέλος, το Vagrant. Ήταν μια φυσική καμπύλη εκμάθησης και είμαι ακόμα στη διαδικασία εκμάθησης ό, τι πρέπει να ξέρετε για το Vagrant.

Πήγα από το να χρησιμοποιήσω το Notepad ++ στο Sublime στο Coda στο Atom. Δεν υπάρχει τίποτα κακό με κανένα από αυτά τα εργαλεία, αλλά καθώς μεγάλωσα φυσικά προχώρησα από το ένα στο άλλο.

Τέλος, θα θελήσετε να εξετάσετε έλεγχος εκδόσεων, συγκεκριμένα SVN και Git. Τα βασικά είναι τα ίδια, θα πρέπει να μάθετε μερικές ξεχωριστές εντολές, αλλά μόλις καταλάβετε ένα, το άλλο θα είναι εύκολο να καταλάβετε.

Ο λόγος που θα θέλετε αμφότεροι είναι ότι το WordPress χρησιμοποιεί το SVN αυτή τη στιγμή έτσι όταν εσείς απελευθερώσετε plugins και θέματα που θα χρειαστεί να χρησιμοποιήσετε το SVN. Τα περισσότερα έργα χρησιμοποιούν Git όπως είναι λίγο καλύτερα για εργάζονται σε ομάδες, έτσι είναι αυτό που θέλετε να χρησιμοποιήσετε για άλλα έργα.

Πόροι που μπορούν να βοηθήσουν

• Χρησιμοποιώντας το Vagrant για να ρυθμίσετε ένα τοπικό περιβάλλον WordPress
• Περιπλανώμενος
• XAMPP
• MAMP
• WAMP
• SSH Tutorial για το Linux
• Πώς να χρησιμοποιήσετε το SSH
• WP-CLI
• WP-CLI Tutorial
• ΠΙΟ ΛΙΓΟ
• SASS
• SASS Βασικά
• Οδηγούς SASS
• Ξεκινώντας με λιγότερα
• Codekit
• Πρέπρος
• Δενδρόβιο ζώο της αυστραλίας
• Ένας οδηγός Visal στον έλεγχο έκδοσης
• Μάθετε τον έλεγχο της έκδοσης με το Git
• Το βιβλίο SVN

Τελικές λέξεις

Ελπίζω ότι αυτό το άρθρο θα σας έδινε μια καλή εικόνα για το τι πρέπει να κάνετε να πάρει από το τίποτα να είναι pro developer. Στην πραγματικότητα, εάν μπορείτε να πραγματοποιήσετε το πλήρες ωράριο, πιθανότατα δεν θα διαρκέσει ολόκληρο το χρόνο.

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

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

Καλή τύχη με τις μελέτες κωδικοποίησης για το 2015, ενημερώστε μας για το πώς κάνετε τα σχόλια παρακάτω!