Connect with us

Γεια σας, πείτε μας τι ακριβώς ψάχνετε

CMS

Πώς να προσθέσετε την σκοτεινή λειτουργία (Dark Mode) στο WordPress site σας

Θέλετε να προσθέσετε σκοτεινή λειτουργία στον ιστότοπό σας;

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

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

Τι είναι η σκοτεινή λειτουργία και γιατί να την προσθέτουμε στο site μας;

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

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

Εάν διαθέτετε συσκευή iPhone ή Android, ενδέχεται να μπορείτε να μεταβείτε σε σκοτεινή λειτουργία.

Εναλλακτικά, στον υπολογιστή σας, μπορείτε να προβάλετε ιστότοπους σε σκοτεινή λειτουργία χρησιμοποιώντας μια επέκταση Chrome, όπως το Night Eye.

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

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

Advertisement. Scroll to continue reading.

Προσθήκη σκοτεινής λειτουργίας στον ιστότοπό σας

Αρχικά, πρέπει να εγκαταστήσετε και να ενεργοποιήσετε την προσθήκη WP Dark Mode. Για περισσότερες λεπτομέρειες, ανατρέξτε στον βήμα προς βήμα οδηγό για τον τρόπο εγκατάστασης μιας προσθήκης WordPress.

Μετά την ενεργοποίηση, μεταβείτε στη σελίδα Ρυθμίσεις »WP Dark Mode στο διαχειριστή WordPress και κάντε κλικ στην καρτέλα Γενικές ρυθμίσεις. Θα πρέπει να ανακατευθυνθείτε εκεί αυτόματα.

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

Η ρύθμιση «Show Floating Switch» είναι επίσης ενεργοποιημένη. Αυτό σημαίνει ότι οι χρήστες μπορούν να αλλάξουν την προβολή του ιστότοπου σε σκοτεινή λειτουργία ανά πάσα στιγμή, ακόμα κι αν δεν έχουν ενεργοποιήσει την επιλογή Σκοτεινή λειτουργία στη συσκευή τους.

Θα δείτε την επιλογή στην κάτω δεξιά γωνία. Κάντε κλικ σε αυτό για άμεση εναλλαγή του ιστότοπού σας σε σκοτεινή λειτουργία στη συσκευή σας:

Υπάρχουν περισσότερες διαθέσιμες επιλογές προσαρμογής στη σελίδα Ρυθμίσεις »WP Dark Mode. Ωστόσο, αυτά είναι αρκετά περιορισμένα με το δωρεάν πρόσθετο.

Για παράδειγμα, πρέπει απλώς να κάνετε κλικ στην καρτέλα Ρυθμίσεις οθόνης για να αλλάξετε το στυλ της επιλογής:

Μπορείτε επίσης να προσαρμόσετε τα χρώματα της σκοτεινής λειτουργίας χρησιμοποιώντας την καρτέλα Ρυθμίσεις στυλ:

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

Advertisement. Scroll to continue reading.

Η επαγγελματική έκδοση του WP Dark Mode προσφέρει πολύ περισσότερες επιλογές σχεδίασης, καθώς και τη δυνατότητα ενεργοποίησης της σκοτεινής λειτουργίας σε συγκεκριμένες ώρες.

Τώρα, μπορείτε να εργάζεστε με άνεση στον ιστότοπό σας τη νύχτα χωρίς να κουράζονται τα μάτια σας.

Ελπίζουμε ότι αυτό το άρθρο σάς βοήθησε να μάθετε πώς να προσθέτετε σκοτεινή λειτουργία στον ιστότοπό σας.

blank
Συγγραφέας

Σχόλια

Ίσως να σας ενδιαφέρουν

Κατασκευή eshop

Η ταχύτητα είναι ένας σημαντικός παράγοντας για την επιτυχία ενός eshop. Δεν βελτιώνει μόνο την εμπειρία των πελατών, αλλά επηρεάζει άμεσα τις μετατροπές (conversion...

CMS

Θέλετε να ενσωματώσετε το Slack στο WordPress site σας ή στο κατάστημα WooCommerce; Το Slack είναι μια ισχυρή πλατφόρμα ομαδικής επικοινωνίας που σας επιτρέπει...

Κατασκευή eshop

Το WooCommerce είναι μια από τις πιο δημοφιλείς λύσεις για την κατασκευή eshop σήμερα στο Διαδίκτυο. Βασισμένο στην πλατφόρμα WordPress που αναπτύχθηκε από την...

CMS

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

CMS

Θέλετε να ενεργοποιήσετε τη συμπίεση GZIP στο WordPress; Η συμπίεση GZIP κάνει τον ιστότοπό σας πιο γρήγορο, συμπιέζοντας τα δεδομένα και στέλνοντας τα στα...

CMS

Θέλετε να εισάγετε και να εξάγετε χρήστες του WordPress από ένα site σε έναν άλλο; Αυτό θα μπορούσε να είναι πολύ χρήσιμο όταν συγχωνεύετε...

CMS

Πρόσφατα, ένας από τους αναγνώστες μας μας ρώτησε πώς μπορούν να αποτρέψουν την επιλογή κειμένου και να αντιγράψουν / επικολλήσουν στο WordPress. Πολλοί blogger’s...

CMS

Θέλετε να μεταφράσετε αυτόματα το WordPress site σας σε άλλες γλώσσες; Υπάρχουν μερικοί διαφορετικοί τρόποι για να μεταφράσετε τον ιστότοπό σας. Μπορείτε να μεταφράσετε...

Advertisement