Χιλιάδες συμβουλές CSS, PHP, σενάρια. Χρήσιμες tutorials και συμβουλές βίντεο

Αρχίζουμε να δουλεύουμε στην περιοχή blog του ιστότοπου. Θέλουμε να έχουμε την περιοχή ιστολογίου του ιστότοπου στο / blog / - έτσι καταλήγουμε να δημιουργήσουμε ένα πρότυπο σελίδας για αυτό που ονομάζεται "

Το blog βγάζει ό, τι θέλουμε, αλλά η τυπογραφία και η διάταξή του δεν είναι αρκετά εκεί. Προσθέτουμε λίγο markup εδώ και εκεί, όπως απαιτείται για να δώσουμε "

Το: placeholder-εμφανίζεται pseudo-class επιλέγει το ίδιο το στοιχείο εισαγωγής όταν υπάρχει κείμενο placeholder σε μια φόρμα εισαγωγής. Σκεφτείτε το ως "

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

Υπάρχει μόνο ένας τρόπος για να μεταβείτε στην περιοχή ιστολογίου του ιστότοπου από την αρχική σελίδα, και αυτός είναι κάνοντας κλικ στο "Τελευταίο γράψιμο". Αλλά αυτό σε οδηγεί στο μεγαλύτερο "

Σε σχεδόν όλα τα θέματα WordPress υπάρχει ένα αρχείο που ονομάζεται page.php. Αυτό είναι το πρότυπο που ελέγχει τις "Σελίδες" - έναν από τους προεπιλεγμένους τύπους περιεχομένου που "

Ίσως στα πρώτα 5 πιο ενοχλητικά πράγματα που μπορεί να κάνει ένας ιστότοπος είναι αυτό. Προσπαθείτε να διαβάσετε κάτι (ή κάντε κλικ σε κάτι!) Και ξαφνικά η σελίδα μετατοπίζεται κάτω από εσάς (ή κάνετε λάθος κλικ!). Υπάρχει μια ιδιότητα CSS που μπορεί να σας βοηθήσει να το διορθώσετε. Επιπλέον, μπορούμε να το εκμεταλλευτούμε για να κάνουμε κάτι που προηγουμένως ήταν αποκλειστικά στον τομέα της JavaScript. "

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

Μπορούμε πραγματικά να επεκτείνουμε τις δυνατότητες "CMS" του WordPress με μερικά μόνο πρόσθετα: Σύνθετα προσαρμοσμένα πεδία και διεπαφή προσαρμοσμένων τύπων δημοσιεύσεων. Με αυτά"

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

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

Έχοντας εγκαταστήσει τα δύο πρόσθετα CMS που επεκτείνουν το workhorse, ξοδεύουμε λίγο χρόνο για τη ρύθμισή τους. Το "Events" στον ιστότοπο του Jeff είναι ένα τέλειο παράδειγμα. Ενα γεγονός""

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

Μία από τις πέντε κύριες περιοχές του ιστότοπου είναι η σελίδα επικοινωνίας. Δεν απαιτεί καθόλου κάλυψη όμως, γιατί το φτιάξαμε απλά στο Wufoo και "

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

Γνωρίζουμε ότι διαφορετικά στοιχεία HTML κάνουν διαφορετικά πράγματα. Αυτό είναι προφανές όταν μπορούμε να τα δούμε. Ωστόσο, ορισμένα στοιχεία HTML λειτουργούν πίσω από τα παρασκήνια και μερικές φορές απλώς δεν τα θεωρούμε ότι σχετίζονται με στοιχεία που προορίζονται να είναι οπτικά. Αλλά ας κάνουμε ένα μικρό ταξίδι για να κάνουμε κάποια στοιχεία οπτικά που δεν είναι από προεπιλογή και πόσο παράξενα (και ίσως χρήσιμα!) Μπορεί να πάρει. "

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

Καταλήγουμε με μια πραγματικά απλή δοκιμή που φορτώνεται σε ένα άρθρο από το ιστολόγιο για να εμφανιστεί εάν υπάρχει χώρος: // Φόρτωση επιπλέον περιεχομένου εάν υπάρχει αρκετός χώρος για να ρωτήσετε "

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

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