Πρόσθετα για λειτουργίες με φόντο WordPress. Διαφανές φόντο ή κείμενο με χρήση CSS Πώς να κάνετε το φόντο της κεφαλίδας διαφανές στο WordPress

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

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

Στον πίνακα διαχείρισης

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

Το αρχείο που αντιστοιχεί σε αυτή τη λίστα είναι στυλ.css. Αυτό το αρχείο βρίσκεται στο ιστολόγιο στον φάκελο ενεργών θεμάτων. Μπορείτε πάντα να τον βρείτε εκεί.

Στο πρόγραμμα περιήγησης

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

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

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

Αλλαγή χρώματος φόντου

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

Σε αυτήν την περίπτωση class = art-layout-cellΑυτό σημαίνει ότι στα στυλ, στο αρχείο στυλ.css, θα υπάρχει επίσης μια τέτοια κλάση και οι ιδιότητες θα έχουν ήδη καθοριστεί σε αυτήν. Απλώς θα φαίνεται διαφορετικό, δηλαδή:

.art-layout-cell, και στη συνέχεια οι ιδιότητες αυτής της κλάσης θα γραφτούν σε σγουρά άγκιστρα.

Βρείτε μια τάξη με αυτό το όνομα στο αρχείο στυλ.css. Ας χρησιμοποιήσουμε τη λειτουργία αναζήτησης Ctrl+Fκαι εισαγάγετε το όνομα στο πλαίσιο αναζήτησης: art-layout-cell. Θα δούμε αμέσως το φόντο:

χρώμα φόντου: Διαφανές. Διαφανήςπου σημαίνει διαφανής .

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

Ανοίξτε το πρόγραμμα FSCapture, μεταβείτε στο Ρυθμίσειςκαι επιλέξτε ένα εργαλείο Σταγονόμετρο οθόνης . Κάντε κλικ στην επιθυμητή περιοχή στην οθόνη. Στο παράθυρο ΓοητεύωΘα δείτε τον κωδικό για το χρώμα που χρειάζεστε: D2E8EE

Το εισάγετε στο στυλ art-layout-cellαντί της λέξης Διαφανής .

Δείτε τι έγινε. Υπάρχει ακόμη πολλή δουλειά να γίνει, αλλά η αρχή έχει ήδη γίνει.

Βίντεο σχετικά με αυτό. πώς να επεξεργαστείτε φόντο στο blog του wordpress

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

Μπορείτε επίσης να εγγραφείτε στο blog και να μάθετε για όλα τα νέα άρθρα.
Δεν παίρνει πολύ χρόνο. Απλά κάντε κλικ στον παρακάτω σύνδεσμο:


Σήμερα στην πρακτική μου συνάντησα το γεγονός ότι για το φόντο του μενού ήταν απαραίτητο να ορίσετε διαφάνεια. Υπήρχε μια επιλογή, φυσικά, να γίνει αυτό χρησιμοποιώντας ένα picture.png, αλλά παρόλα αυτά αποφάσισα να το ψάξω και να το κάνω ημιδιαφανές φόντο με χρησιμοποιώντας CSS . Αποδείχθηκε αρκετά εύκολο :)

Στον κώδικα html γράφουμε μια "κλάση" για την οποία είναι απαραίτητο να ορίσετε μια ορισμένη διαφάνεια:

FON ( φόντο: rgba(200, 54, 54, 0.5); )

Έτσι, καθόρισα το χρώμα φόντου ορίζοντας τιμές για τα τρία βασικά χρώματα (κόκκινο - r, πράσινο - σολ, μπλε - σι), και διαφάνεια φόντου στο 50% (άλφα - ένα) με ένα ακίνητο. Οι τιμές για το χρώμα είναι στην περιοχή από 0 έως 255 και για διαφάνεια το εύρος είναι από 0,0 έως 1,0

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

FON (αδιαφάνεια: 0,5; )

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

Εγγραφείτε και λάβετε χρήσιμα άρθρα μέσω email!

Άλλα ενδιαφέροντα άρθρα στο ιστολόγιό μας

  • Γνωρίζω ότι στην πράξη υπάρχει συχνά μια κατάσταση όπου ο ιδιοκτήτης του ιστότοπου "ανακατασκευάζει" ή δημιουργεί έναν ιστότοπο "από την αρχή" αρκετές φορές και στο τέλος δεν έχει το επιθυμητό αποτέλεσμα. Σε αυτή την περίπτωση, θα πρέπει να...
  • Υλικό θυγατρικών! Χάρη στη συνεχή εστίαση μηχανές αναζήτησηςαπευθείας στον ίδιο τον χρήστη του Διαδικτύου και δείκτες πιο πρόσφατες ενημερώσεις Αλγόριθμοι Google, έχει γίνει ακόμη πιο σημαντικό για τους ιδιοκτήτες ιστοτόπων να προσέχουν την ταχύτητα φόρτωσης...
  • Κοιτάξτε, εάν έχετε το καθήκον να "αναπτύξετε έναν ιστότοπο με το κλειδί στο χέρι", ακολουθήστε αυτόν τον σύνδεσμο και αναθέστε την εργασία σε εμάς. Αν χρειάζεστε ένα παράδειγμα όροι αναφοράς- δείτε το άρθρο «Προδιαγραφές για τη δημιουργία...
  • Υλικό θυγατρικών! - Θέλετε να δημοσιεύσετε το άρθρο σας; Για πολλούς ιδιοκτήτες ιστοτόπων, η βελτιστοποίηση SEO φαίνεται πολύ δύσκολη υπόθεση. Στην πραγματικότητα αυτό δεν είναι αλήθεια. Η προσέλκυση ειδικών υψηλής ειδίκευσης για προώθηση μπορεί να είναι πολύ...


Το φόντο είναι μια εικόνα στην οποία εμφανίζονται όλα τα στοιχεία του ιστότοπου. Ή μπορεί να μην είναι εικόνα, αλλά συμπαγές ή ντεγκραντέ χρώμα.

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

Σε αυτό το άρθρο θα σας πούμε για δύο απλές προσθήκες που λύνουν αυτό το πρόβλημα με μερικά κλικ.

Φόντο ανά σελίδα

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

Μπορούν να εφαρμοστούν διάφορα εφέ στην εικόνα που έχει επιλεγεί για το φόντο του WordPress:

  • Επιλέξτε επανάληψη – οριζόντια ή κάθετη.
  • Κάντε την εικόνα με δυνατότητα κύλισης με την τοποθεσία ή σταθερή, το λεγόμενο?
  • Επιλέξτε προσανατολισμό φόντου WordPress – δεξιά, αριστερά, στο κέντρο.
  • Επιλέξτε ένα κανονικό γέμισμα χρώματος αντί για εικόνες.

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

Full Screen Background Images Pro

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

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

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

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