Σκηνές βίντεο 2025, Ιανουάριος

# 91: Photoshopping ατομικές σελίδες γκαλερί - CSS-Κόλπα

# 91: Photoshopping ατομικές σελίδες γκαλερί - CSS-Κόλπα

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

# 87: Πλέγμα γκαλερί - CSS-Κόλπα

# 87: Πλέγμα γκαλερί - CSS-Κόλπα

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

# 90: Ρύθμιση μεμονωμένων σελίδων στη συλλογή - CSS-Κόλπα

# 90: Ρύθμιση μεμονωμένων σελίδων στη συλλογή - CSS-Κόλπα

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

# 89: Προσαρμογή της γραμμής γκαλερί - CSS-Κόλπα

# 89: Προσαρμογή της γραμμής γκαλερί - CSS-Κόλπα

Σε αυτό το βίντεο φτιάχνουμε μια σειρά τροποποιήσεων στη γραμμή που έχουμε ρυθμίσει με τις περισσότερες λειτουργίες της Συλλογής. Ο σχεδιασμός έχει να κάνει με το τσίμπημα, έτσι δεν είναι; "

# 86: Photoshop στην γκαλερί - CSS-Κόλπα

# 86: Photoshop στην γκαλερί - CSS-Κόλπα

Ήμουν ενθουσιασμένος που ξεκίνησα στην περιοχή της γκαλερί στον ιστότοπο. Είναι μια από τις περιοχές που ήταν ιδιαίτερα κακή στο v9. Δεν έχει πολλή κίνηση, αλλά "

# 88: Δημιουργία της γραμμής γκαλερί - CSS-Κόλπα

# 88: Δημιουργία της γραμμής γκαλερί - CSS-Κόλπα

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

# 84: Μετακίνηση υποσέλιδου στο WordPress - CSS-Κόλπα

# 84: Μετακίνηση υποσέλιδου στο WordPress - CSS-Κόλπα

Ξεκινάμε με τον καθορισμό ορισμένων διαδρομών αρχείων εικόνας. Πάντα κάνω διάκριση όταν χρησιμοποιώ εικόνες μέσα σε ένα θέμα WordPress. Είναι αυτή η εικόνα μέρος αυτού "

# 85: Προβολή αναρτήσεων ιστολογίου (single.php) στο WordPress - CSS-Κόλπα

# 85: Προβολή αναρτήσεων ιστολογίου (single.php) στο WordPress - CSS-Κόλπα

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

# 158: Ένας μήνας αργότερα: Τελική ολοκλήρωση - CSS-Κόλπα

# 158: Ένας μήνας αργότερα: Τελική ολοκλήρωση - CSS-Κόλπα

Περίπου ένα μήνα μετά την κυκλοφορία μιλάμε για το πώς έχει ξεκινήσει η έκδοση v10. Εξετάζουμε το έγγραφο που δημιουργήσαμε στην αρχή αυτής της διαδικασίας "

# 80: Ενημέρωση τοπικού περιεχομένου εκτελώντας το SQL - CSS-Κόλπα

# 80: Ενημέρωση τοπικού περιεχομένου εκτελώντας το SQL - CSS-Κόλπα

Έχουμε τώρα ένα αρχείο .sql χάρη στην εξαγωγή και τη λήψη του όπως κάναμε στο τελευταίο βίντεο. Τώρα πρέπει απλώς να το τρέξουμε και να αντικαταστήσουμε τα τρέχοντα "

# 156: Εκκίνηση του ιστότοπου, Μέρος 1 - CSS-Κόλπα

# 156: Εκκίνηση του ιστότοπου, Μέρος 1 - CSS-Κόλπα

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

# 155: Μετάβαση στη λίστα ελέγχου πριν από την κυκλοφορία - CSS-Κόλπα

# 155: Μετάβαση στη λίστα ελέγχου πριν από την κυκλοφορία - CSS-Κόλπα

ΕΙΜΑΣΤΕ ΠΡΕΠΕΙ να ξεκινήσουμε αυτό το πράγμα! Ήρθε η ώρα να εξετάσουμε τα τελευταία λίγα ζητήματα που πρέπει να αναλυθούν πριν μπορέσουμε να ξεκινήσουμε. Λάβετε υπόψη, το "

# 81: Μετακίνηση της κεφαλίδας στο WordPress - CSS-Κόλπα

# 81: Μετακίνηση της κεφαλίδας στο WordPress - CSS-Κόλπα

Ήρθε η ώρα να μεταφέρουμε το σχέδιό μας στο WordPress. Ίσως ξεκινήστε από πάνω προς τα κάτω και ξεκινήστε με την κεφαλίδα. Εκτός από το να είσαι λογικός "

# 157: Παρακολούθηση άμεσης δημοσίευσης - CSS-Κόλπα

# 157: Παρακολούθηση άμεσης δημοσίευσης - CSS-Κόλπα

Τράβηξα το βίντεο μόλις 10 λεπτά μετά την έναρξη του ιστότοπου. Τα σχόλια αρχίζουν να κυλούν και αυτό είναι κάτι που αντιδρώ σε κάποια από αυτά. Αρέσει"

# 83: Δημιουργία της αρχικής σελίδας του WordPress, Μέρος 2 - CSS-Κόλπα

# 83: Δημιουργία της αρχικής σελίδας του WordPress, Μέρος 2 - CSS-Κόλπα

Συνεχίζουμε τη μεταφορά κώδικα από το στατικό μας πρότυπο στη σελίδα WordPress index.php. Ρυθμίζουμε λίγο το βρόχο για να βγάλουμε αυτό που θέλουμε. Κατεβαίνουμε "

# 82: Δημιουργία της αρχικής σελίδας του WordPress, Μέρος 1 - CSS-Κόλπα

# 82: Δημιουργία της αρχικής σελίδας του WordPress, Μέρος 1 - CSS-Κόλπα

Η μεγάλη μετάβαση στο WordPress είναι σε εξέλιξη! Τελειώνουμε το αρχείο header.php και μεταβαίνουμε στο index.php. Το index.php είναι υπεύθυνο για την αρχική μας σελίδα. Ο πρώτος"

# 154: Στυλ στυλ των αρχείων καταφυγίων και της σελίδας βίντεο μονής κατοικίας - CSS-Κόλπα

# 154: Στυλ στυλ των αρχείων καταφυγίων και της σελίδας βίντεο μονής κατοικίας - CSS-Κόλπα

Η αρχική σελίδα για το The Lodge όταν είστε συνδεδεμένοι (δηλ. / Lodge /) θα είναι είδος σελίδας "πύλης". Αυτή η σειρά, την οποία θα ονομάσουμε "The Big v10 Redsign"

# 152: Προσδιορισμός της σελίδας σύνδεσης του WordPress (Lodge) - CSS-Κόλπα

# 152: Προσδιορισμός της σελίδας σύνδεσης του WordPress (Lodge) - CSS-Κόλπα

Το "widget" μας για το The Lodge στην πλαϊνή γραμμή του ιστότοπου (εμφανίζεται στις περισσότερες σελίδες, συμπεριλαμβανομένης της αρχικής σελίδας) έχει δύο καταστάσεις. Ένα για όταν ο χρήστης αποσυνδεθεί και ένας "

# 153: Προσδιορισμός της φόρμας εγγραφής στο Lodge - CSS-Κόλπα

# 153: Προσδιορισμός της φόρμας εγγραφής στο Lodge - CSS-Κόλπα

Η σελίδα εγγραφής για το The Lodge είναι πολύ σημαντική για προφανείς λόγους: αυτή είναι η σελίδα που συλλέγει τα χρήματα και παρέχει πρόσβαση στην ιδιότητα μέλους "

# 150: Προστασία περιεχομένου βίντεο με ληγμένους συνδέσμους S3 - CSS-Κόλπα

# 150: Προστασία περιεχομένου βίντεο με ληγμένους συνδέσμους S3 - CSS-Κόλπα

Σε αυτό το screencast εξετάζουμε πώς μπορούμε να φιλοξενήσουμε αρχεία στο Amazon S3 (Simple Storage Service) με τέτοιο τρόπο ώστε να μπορούμε να συνδέσουμε με τη χρήση αυτών των στοιχείων, αλλά όχι "

# 151: Δημιουργία της ενότητας Lodge (και μια αναφορά γρήγορης ταχύτητας) - CSS-Κόλπα

# 151: Δημιουργία της ενότητας Lodge (και μια αναφορά γρήγορης ταχύτητας) - CSS-Κόλπα

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

# 149: Δημιουργία φόρμας σύνδεσης για το The Lodge - CSS-Κόλπα

# 149: Δημιουργία φόρμας σύνδεσης για το The Lodge - CSS-Κόλπα

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

# 148: Προσδιορισμός του κουμπιού εγγραφής για το The Lodge - CSS-Κόλπα

# 148: Προσδιορισμός του κουμπιού εγγραφής για το The Lodge - CSS-Κόλπα

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

# 144: Φόρουμ σελιδοποίηση στυλ και αναδίπλωση - CSS-Κόλπα

# 144: Φόρουμ σελιδοποίηση στυλ και αναδίπλωση - CSS-Κόλπα

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

# 145: Εισαγωγή στο The Lodge (ιδιωτική περιοχή πρόσβασης) - CSS-Κόλπα

# 145: Εισαγωγή στο The Lodge (ιδιωτική περιοχή πρόσβασης) - CSS-Κόλπα

Έχουμε κάνει μια μικρή προετοιμασία για αυτό το νέο "Private Access Area" στο CSS-Tricks. Εξετάσαμε τις προσθήκες WordPress για να μας βοηθήσουν, αποφασίσαμε ακόμη και για ένα και ορίσαμε "

# 146: Προσαρμοσμένη κεφαλίδα για το The Lodge - CSS-Κόλπα

# 146: Προσαρμοσμένη κεφαλίδα για το The Lodge - CSS-Κόλπα

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

# 143: Φόρουμ Νέα συζήτηση νήματος και λειτουργικότητας - CSS-Κόλπα

# 143: Φόρουμ Νέα συζήτηση νήματος και λειτουργικότητας - CSS-Κόλπα

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

# 142: Στυλ ενότητας φόρουμ - CSS-Κόλπα

# 142: Στυλ ενότητας φόρουμ - CSS-Κόλπα

Κατά μήκος της δεξιάς πλευράς των φόρουμ υπάρχει μια σειρά από ενότητες. "Modules" οπτικά, "Modules" κυριολεκτικά σε κώδικα, και "Modules" στο περιεχόμενο που "

# 141: Περιορισμός ρύθμισης και ρυθμίσεων περιεχομένου Pro - CSS-Κόλπα

# 141: Περιορισμός ρύθμισης και ρυθμίσεων περιεχομένου Pro - CSS-Κόλπα

Σε αυτό το screencast κάνουμε ένα μικρό διάλειμμα από την καταπολέμηση του στυλ Vanilla Forums για να εργαστούμε για τη ρύθμιση του Restrict Content Pro (RCP), της προσθήκης WordPress για το "