Σκηνές βίντεο 2025, Ιανουάριος
Σε αυτό το screencast καλύπτω την απόλυτη ελάχιστη ρύθμιση για τη χρήση του jQuery σε έναν "πραγματικό" ιστότοπο. Έχουμε ένα αρχείο index.html με το βασικό HTML5 "
Εμφανίστηκε πολύ σύντομα στο τελευταίο βίντεο: πώς σταματάτε το πρόγραμμα περιήγησης να μην πέσει κάτω όταν κάνετε κλικ σε έναν σύνδεσμο κατακερματισμού; Αυτή είναι η προεπιλεγμένη συμπεριφορά του προγράμματος περιήγησης, "
Το jQuery μπορεί να επιλέξει οτιδήποτε μπορεί να επιλέξει το CSS3. Αλλά δεν σταματά εκεί! Υπάρχουν διάφοροι πρόσθετοι επιλογείς που προσφέρει το jQuery (μέσω του Sizzle "
Έχουμε μιλήσει αρκετά για τους επιλογείς. Ένας επιλογέας jQuery όπως το $ ("h1") θα επιλέξει όλα τα στοιχεία της σελίδας. Τι γίνεται όμως ... όταν δεν είναι; Εδώ είναι "
Στο CSS, μπορείτε να επιλέξετε όλα τα στοιχεία της σελίδας με αυτό: h1 (/ * στυλ όλων των στοιχείων * /) Στο jQuery, μπορείτε να χρησιμοποιήσετε τον ίδιο ακριβώς επιλογέα. $ ("h1") // σύνολο "
Καλως ΗΡΘΑΤΕ! Ο στόχος αυτού του μαθήματος είναι να σας οδηγήσει, εσείς τον όμορφο προγραμματιστή, από κάποιον με πολύ λίγη ή καθόλου γνώση jQuery ή JavaScript "
Ένας τρόπος να σκεφτείτε το jQuery είναι η βιβλιοθήκη "Select and Do". Το jQuery είναι ιδιαίτερα καλό στην επιλογή στοιχείων στη σελίδα (πράγματα στο DOM) και στη συνέχεια να κάνει "
Το WordPress ενισχύει την περιοχή σχολίων του ιστότοπου του Jeff. Αυτό θα είναι εξαιρετικά εύκολο να καθαριστεί με τις υπερδύναμες CSS. Κάνουμε ένα αρχείο .scss μόνο για σχόλια "
Ήρθε η ώρα να κλείσει αυτή η σειρά. Ήταν μια διασκεδαστική βόλτα! Υπάρχουν κάποιες διαφορές μεταξύ του τι καλύψαμε και του τι στην πραγματικότητα
Σε αυτό το screencast ρίχνουμε μια ματιά στον υπάρχοντα ιστότοπο του Jeff. Αυτή η σειρά δεν είναι τόσο "επανασχεδιασμός" όσο η σειρά v10 ήταν, αλλά υπάρχει μια υπάρχουσα "
Ως επί το πλείστον, έχουμε χρησιμοποιήσει τον προσομοιωτή iOS για να δοκιμάσουμε την έκδοση για κινητά του ιστότοπού μας. Αυτό είναι αρκετά καλό, πολύ καλύτερο από το να δοκιμάσεις ένα στενό
Καθώς κάναμε τον ιστότοπο παγωμένο, μετακινήσαμε την πλοήγηση στην αρχική σελίδα στη δεξιά πλευρά της σελίδας για να ανοίξουμε μια τρύπα στην αριστερή πλευρά για περισσότερα "
Όταν επιστρέψαμε με το να δώσουμε δυνατότητες CMS στο ρυθμιστικό αρχικής σελίδας, δώσαμε ένα προσαρμοσμένο πεδίο σε κάθε διαφάνεια αρχικής σελίδας ένα εργαλείο επιλογής χρώματος. Αυτό μας δίνει "
Ακριβώς επειδή πρόκειται για μια σειρά για κινητά, δεν σημαίνει ότι μπορούμε να αγνοήσουμε τις αλληλεπιδράσεις επιτραπέζιων / φορητών υπολογιστών. Ξοδεύουμε λίγο χρόνο φροντίζοντας "
Σε μεγαλύτερες οθόνες, έχουμε περισσότερο χώρο σε όλες τις σελίδες μας. Το έχουμε αντιμετωπίσει στην αρχική σελίδα, αλλά μπορούμε να κάνουμε καλύτερα και στις άλλες υποσελίδες. Ενα μονό"
Καταλήγουμε με μια πραγματικά απλή δοκιμή που φορτώνεται σε ένα άρθρο από το ιστολόγιο για να εμφανιστεί εάν υπάρχει χώρος: // Φόρτωση επιπλέον περιεχομένου εάν υπάρχει αρκετός χώρος για να ρωτήσετε "
Εργαζόμαστε για τη διόρθωση του ιστότοπου έτσι ώστε σε οθόνες "επιτραπέζιου υπολογιστή" (δηλαδή μεγαλύτερες) ο ιστότοπος να φαίνεται ακόμα καλός. Η πλοήγηση στην αρχική σελίδα είναι ένα άλλο πράγμα που παίρνει "
Όταν το παράθυρο του προγράμματος περιήγησης μεγαλώνει, το ρυθμιστικό στην κορυφή της αρχικής σελίδας μεγαλώνει γελοία. Αυτή είναι μια πρώτη σειρά για κινητά, αλλά δεδομένου ότι το κινητό "
Μία από τις πέντε κύριες περιοχές του ιστότοπου είναι η σελίδα επικοινωνίας. Δεν απαιτεί καθόλου κάλυψη όμως, γιατί το φτιάξαμε απλά στο Wufoo και "
Σκέφτηκα ότι θα μπορούσαμε να κάνουμε scoot από τα Events για τα οποία μιλήσαμε στο τελευταίο βίντεο, αλλά καθώς έφτιαξα την περιοχή Εκδηλώσεων έπρεπε να γραφτεί αρκετός κώδικας.
Έχοντας εγκαταστήσει τα δύο πρόσθετα CMS που επεκτείνουν το workhorse, ξοδεύουμε λίγο χρόνο για τη ρύθμισή τους. Το "Events" στον ιστότοπο του Jeff είναι ένα τέλειο παράδειγμα. Ενα γεγονός""
Έχουμε έναν άλλο τύπο ανάρτησης που χρειάζεται τα κατάλληλα προσαρμοσμένα πεδία: τις διαφάνειες της αρχικής σελίδας. Αυτό είναι το πράγμα που θα ήταν εύκολο και δελεαστικό να "
Μάθαμε πώς να κάνουμε έναν προσαρμοσμένο βρόχο και να εξάγουμε προσαρμοσμένα δεδομένα από τους προσαρμοσμένους τύπους δημοσιεύσεων και τα προσαρμοσμένα πεδία στο τελευταίο βίντεο. Αυτή τη φορά πρέπει να το κάνουμε "
Μπορούμε πραγματικά να επεκτείνουμε τις δυνατότητες "CMS" του WordPress με μερικά μόνο πρόσθετα: Σύνθετα προσαρμοσμένα πεδία και διεπαφή προσαρμοσμένων τύπων δημοσιεύσεων. Με αυτά"
Η πλοήγηση στην αρχική σελίδα ανταποκρίνεται καλά στις ανάγκες μας, αλλά το να έχουμε αυτό το τεράστιο κομμάτι πλοήγησης σε κάθε σελίδα του ιστότοπου δεν είναι πρακτικό. Θα χρειαστούμε "
Σε σχεδόν όλα τα θέματα WordPress υπάρχει ένα αρχείο που ονομάζεται page.php. Αυτό είναι το πρότυπο που ελέγχει τις "Σελίδες" - έναν από τους προεπιλεγμένους τύπους περιεχομένου που "
Υπάρχει μόνο ένας τρόπος για να μεταβείτε στην περιοχή ιστολογίου του ιστότοπου από την αρχική σελίδα, και αυτός είναι κάνοντας κλικ στο "Τελευταίο γράψιμο". Αλλά αυτό σε οδηγεί στο μεγαλύτερο "
Η τυπογραφία εξακολουθεί να μην είναι απόλυτα σωστή, οπότε ξοδεύουμε λίγο περισσότερο χρόνο κάνοντας προσαρμογές σε αυτήν. Αυτό αξίζει να το κάνετε εδώ, γιατί η κεφαλίδα και το σώμα "
Το blog βγάζει ό, τι θέλουμε, αλλά η τυπογραφία και η διάταξή του δεν είναι αρκετά εκεί. Προσθέτουμε λίγο markup εδώ και εκεί, όπως απαιτείται για να δώσουμε "
Αρχίζουμε να δουλεύουμε στην περιοχή blog του ιστότοπου. Θέλουμε να έχουμε την περιοχή ιστολογίου του ιστότοπου στο / blog / - έτσι καταλήγουμε να δημιουργήσουμε ένα πρότυπο σελίδας για αυτό που ονομάζεται "