Προσαρμογή του θέματος του πίνακα 2 της μήτρας

• Ενδέχεται 21, 2024

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

Μέσα από το φάκελο θεμάτων για κάθε θέμα είναι ένα αρχείο screeshot.png που είναι ένα στιγμιότυπο οθόνης του συγκεκριμένου θέματος. Έχουμε ακόμα το παλιό png του θέματος Matrix στον νέο φάκελο θεμάτων μας. Ίσως θελήσετε να το αντικαταστήσετε με png για το θέμα της συλλογής σας. Το μέσο μέγεθος του png είναι περίπου 500 x 200 εικονοστοιχεία. Θα αποθηκεύσετε το νέο αρχείο screenshot.png στο φάκελο εικόνων.

C: \ xampp \ htdocs \ gallery2 \ θέματα \ dCipollo \ εικόνες

Τώρα μπορούμε να επιστρέψουμε στον πίνακα ελέγχου του Site Admin. Πρώτον, πρέπει να εγκαταστήσουμε το νέο μας θέμα. Μεταβείτε στην ενότητα Plugins και θα δείτε ότι το νέο μας θέμα παρατίθεται στη λίστα Θέματα στο κάτω μέρος της σελίδας. Κάντε κλικ στην επιλογή Εγκατάσταση για να εγκαταστήσετε το νέο θέμα. Στη συνέχεια, μεταβείτε στην ενότητα Θέματα της περιοχής διαχειριστή και αλλάξτε το προεπιλεγμένο πρότυπο από το Matrix στο νέο μας θέμα. Φυσικά, δεν θα παρατηρήσετε καμία αλλαγή στη διάταξη του προτύπου σε αυτό το σημείο. Πρέπει να κάνουμε αυτές τις αλλαγές.

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

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Τώρα είμαστε έτοιμοι να αλλάξουμε το αρχείο theme.css για να προσθέσουμε το γραφικό του φόντου. Αν κοιτάξουμε τον πηγαίο κώδικα για το αρχείο main.php, βλέπουμε ότι η ετικέτα σώματος έχει μια κατηγορία στυλ που ονομάζεται γκαλερί.



Θα πρέπει να βρούμε αυτό το στυλ body.gallery στο αρχείο theme.css.

body.gallery {
; ; περιθώριο: 0;
; ; padding: 0;
}

Τώρα θα προσθέσουμε τους κώδικες στυλ φόντου σε αυτή την κλάση και θα δείξουμε τη διεύθυνση url για την εικόνα φόντου στο jpg στο φάκελο dCipollo.

body.gallery {
; ; περιθώριο: 0;
; ; padding: 0;
; ; χρώμα φόντου: #eeeeee;
; ; εικόνα-φόντου: url ('../../ dCipollo / BG1_Gallery.jpg');
; ; προσάρτηση φόντου: κύλιση;
; ; αναπαράσταση φόντου: όχι-επανάληψη
; ; Θέση φόντου: πάνω αριστερά.
}

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

Αυτό θα πρέπει να φροντίσει τα γραφικά φόντου για το χαρτοφυλάκιό μας. Είμαστε έτοιμοι να αλλάξουμε την κεφαλίδα και το υποσέλιδο για την ιστοσελίδα.

Οδηγίες Βίντεο: What really matters at the end of life | BJ Miller (Ενδέχεται 2024).