10 βήματα για τη δημιουργία ενός επαγγελματικού WordPress Admin

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

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

1. Εγκαταστήστε το προσαρμοσμένο πρόσθετο διαχείρισης AG

Πρώτα απ 'όλα, πλοηγηθείτε στο Plugins> Προσθήκη νέου στο μενού διαχειριστή στον πίνακα εργαλείων του WordPress, αναζητήστε το AG Custom Admin plugin, εγκαταστήστε και ενεργοποιήστε το. Το plugin τοποθετεί ένα νέο υπομενού που ονομάζεται AG Custom Admin μεσα στην Εργαλεία μενού και ένα κουμπί στην επάνω γραμμή διαχειριστή για να σας βοηθήσουν να φτάσετε γρήγορα στις ρυθμίσεις.

2. Γενικές ρυθμίσεις

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

Η πρώτη επιλογή στις Γενικές ρυθμίσεις είναι η “Εξαίρεση του διαχειριστή AGCA από προσαρμογές” όπου μπορείτε γρήγορα ενεργοποιήστε και απενεργοποιήστε τις προσαρμογές για χρήστες διαχειριστή. Αυτό μπορεί να είναι χρήσιμο εάν θέλετε οι χρήστες με τον ρόλο διαχειριστή να δουν τον προεπιλεγμένο πίνακα ελέγχου του WordPress.

Οι επόμενες δύο ρυθμίσεις απόκρυψη ή αποκάλυψη του “Επιλογές οθόνης” και το “Βοήθεια” μενού που βρίσκεται στην επάνω δεξιά γωνία κάθε σελίδας διαχειριστή (βλ. παρακάτω). Πολλές επιλογές μπορούν να προκαλέσουν σύγχυση με λιγότερους τεχνικούς χρήστες, οπότε μπορεί να είναι καλή ιδέα να απαλλαγείτε από αυτές τις δύο επιλογές.

Οι Γενικές ρυθμίσεις σας επιτρέπουν επίσης να επιλέξετε τη δυνατότητα WordPress που δίνει στους χρήστες πρόσβαση στις ρυθμίσεις του plugin.

3. Απόκρυψη ή προσαρμογή της γραμμής διαχειριστή

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

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

Στο παρακάτω στιγμιότυπο οθόνης τροποποίησα την επικεφαλίδα του ιστολογίου “Αλλαξε θέα” για να δείξει ότι αυτός είναι ο τόπος όπου μπορούν να εναλλάσσονται μεταξύ του μενού και του backend.

Αφαιρέθηκα το λογότυπο WordPress εντελώς, αλλά δεν το αντικατέστησα με το λογότυπο Hongkiat, καθώς θα το προσθέσω στο κάθετο διαχειριστικό μενού (βήμα 7). Από το επόμενο βήμα θα συνεχίσω με την εντελώς απομακρυσμένη γραμμή admin.

4. Μάρκα Το υποσέλιδο

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

5. Καθαρίστε τον πίνακα οργάνων

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

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

Μπορεί σίγουρα να βοηθήσει τους χρήστες αν εσείς βάλε ένα “Περισσότερες πληροφορίες” κάτω από τον τίτλο (όπως το έκανα στο παρακάτω στιγμιότυπο οθόνης). Με αυτόν τον τρόπο μπορούν εύκολα να φτάσουν σε εσάς. Ενα γρήγορο “Καλώς ήρθατε στην περιοχή admin” εισαγωγή μπορεί επίσης να είναι χρήσιμη.

Το πρόσθετο AG Custom Admin επιτρέπει επίσης απόκρυψη των γραφικών στοιχείων του ταμπλό ένα ένα. Αφήνω μόνο δύο, για να κάνει το εμπορικό σήμα μου λιγότερο γεμάτο. Αν αποκρύψετε τα widget εδώ δεν θα είναι διαθέσιμα για χρήστες από το “Επιλογές οθόνης” μενού.

Ο προσαρμοσμένος πίνακας εργαλείων του WordPress μοιάζει με αυτόν ακριβώς τώρα, κάθε αναφορά στο WordPress.org έχει εξαφανιστεί και φαίνεται καθαρότερο και πιο απλό.

6. Προσθέστε το λογότυπό σας στη σελίδα σύνδεσης

ο Ρυθμίσεις σελίδας σύνδεσης επιτρέψτε σε σας προσαρμόστε τη σελίδα σύνδεσης του site σας, αντικαταστήστε το λογότυπο WordPress με τα δικά σας γραφικά και αποκρύψτε ή αποκαλύψτε το “Επιστροφή στο ιστολόγιο”, “Κανω ΕΓΓΡΑΦΗ”, και “χαμένος κωδικός” συνδέσεις.

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

7. Αλλάξτε το μενού διαχειριστή στα αριστερά

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

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

Μπορείτε όχι μόνο να κάνετε τα κορυφαία στοιχεία μενού αόρατα, αλλά και τα υπομενού. απλά κάντε κλικ στο μενού ανώτατου επιπέδου και θα εμφανιστεί μια εύχρηστη αναπτυσσόμενη λίστα. Επιπλέον, μπορείτε μετονομάστε τις ετικέτες σε κάτι που είναι ευκολότερο να κατανοηθεί για τους λαϊκούς, όπως και εγώ με το “Ταμπλό”, “Μεσο ΜΑΖΙΚΗΣ ΕΝΗΜΕΡΩΣΗΣ”, και “Εμφάνιση” ετικέτες παρακάτω.

Μπορείτε επίσης να αλλάξτε τον βασικό σχεδιασμό του μενού διαχείρισης αν θέλεις. Μπορείτε να αποκρύψετε τα εικονίδια, τους διαχωριστές στοιχείων μενού, το βέλος υπομενού και το “Σύμπτυξη μενού” , προσθέστε γύρω από το περίγραμμα των υπομενού και εισαγάγετε το δικό σας λογότυπο πάνω από το μενού διαχείρισης.

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

Μετονομάσαμε 3 στοιχεία μενού (τα νέα είναι “Αρχική σελίδα διαχειριστή”, “Εικόνες”, και “Σχέδιο”), αφαιρέσατε το “Συνδέω” μενού και προσθέσαμε ακτίνα 10px στις γωνίες των αναδυόμενων παραθύρων του υπομενού.

Εδώ φαίνεται πώς φαίνεται:

8. Χρωματίστε τον διαχειριστή

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

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

Δεν μπορείτε να αλλάξετε μόνο τα χρώματα του πίνακα διαχείρισης, αλλά και το χρώμα φόντου της σελίδας σύνδεσης.

9. Προσθέστε τον προσαρμοσμένο κωδικό σας

Αν είστε έμπειρος προγραμματιστής, μπορείτε προσθέστε τον προσαρμοσμένο σας κώδικα CSS και JavaScript στην περιοχή διαχειριστή επισης. Με τη βοήθεια των εργαλείων προγραμματιστή του προγράμματος περιήγησης, μπορείτε να τραβήξετε εύκολα τον επιλογέα CSS του στοιχείου που θέλετε να τροποποιήσετε.

Σε αυτό το βήμα, κάνω τον πίνακα στην σελίδα σύνδεσης λίγο μεγαλύτερο με τη βοήθεια του ακόλουθου αποσπάσματος κώδικα:

 #login width: 480px; μέγιστο πλάτος: 90%. περιθώριο: 0 αυτόματο; 

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

10. Εγκαταστήστε ένα θέμα προετοιμασίας διαχειριστή

Η τελευταία καρτέλα ονομάζεται Θέματα διαχειριστή σας επιτρέπει να εγκαταστήσετε ένα προετοιμασμένο θέμα admin πάνω από τις ρυθμίσεις σας. Αν το κάνετε, θα χάσετε τα προσαρμοσμένα χρώματα που έχετε ορίσει στην καρτέλα Colorizer, αλλά μπορείτε να διατηρήσετε άλλες ρυθμίσεις.

Τα περισσότερα από τα θέματα admin εδώ δεν είναι δωρεάν (εδώ είναι 10 θέματα διαχείρισης του WordPress που είναι), αλλά η αγορά ενός μπορεί να είναι ένας πολύ καλός τρόπος για να υποστηρίξετε τους συντάκτες αυτού του awesome plugin.