Joomla Tutorials

Σε αυτό το εγχειρίδιο για αρχάριους, θα μάθετε πως να προσαρμόζετε τη φόρμα σύνδεσης σε μια Joomla 5 ιστοσελίδα. Δεν είναι απαραίτητες οι δεξιότητες προγραμματισμού, καμία αχρείαστη επέκταση για εγκατάσταση, μόνο εσείς και η μαγεία του Joomla :)

Γεια σας φίλοι του Joomla!

Σε αυτόν τον οδηγό του Joomla 5, θα μάθετε πως να προσαρμόζετε τη σελίδα εισόδου με:

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

Εξ’ορισμού, η σελίδα σύνδεσης στο Joomla 5 φαίνεται έτσι (έχω τονίσει τα σημεία που θα διαφοροποιήσουμε):

Χάρη σε αυτό το εγχειρίδιο, η φόρμα σύνδεσης του Joomla 5 θα μπορούσε να δείχνει έτσι:

 

Σε ποιον απευθύνεται αυτός ο οδηγός για το Joomla 5;
Το υλικό αυτό είναι για όλους τους ιδιοκτήτες ιστοσελίδων Joomla που θέλουν να προσαρμόσουν τη σελίδα σύνδεσης στο Joomla 5.

Για να ακολουθήσετε τις οδηγίες, δεν θα χρειαστείτε:

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

Είσαστε έτοιμοι; Ωραία, ας ξεκινήσουμε!

Ας αλλάξουμε τα χρώματα και τα λογότυπα
* Ανοίξτε το περιβάλλον διαχείρισης και πλοηγηθείτε Σύστημα -> Πρότυπα -> Ύφος Προτύπων διαχείρισης.
* Ανοίξτε το πρότυπο Atum - Default.
* Ανοίξτε την καρτέλα Ρυθμίσεις Χρώματος. Μην διστάσετε να “παίξετε” με τα χρώματα, ώστε να τα προσαρμόσετε στις ανάγκες σας.
* Μπορείτε να μορφοποιήσετε το χρώμα των συνδέσμων (#2a69b8 ως προκαθορισμένο). Με αυτήν την ενέργεια θα αλλάξετε τα χρώματα σε όλους τους συνδέσμους στο περιβάλλον διαχείρισης του Joomla.
* Πατήστε Αποθήκευση όταν τελειώσετε.

 

Χρειάζεστε μια δωρεάν γεννήτρια χρωμάτων για την ιστοσελίδα σας στο Joomla;
Είστε τυχεροί, έχω ακριβώς αυτό που ψάχνετε: https://colours.joomla.com/ δημιουργήθηκε απο την Elisa Foltyn.

* Ανοίξτε την καρτέλα Ρυθμίσεις Εικόνας.
* Πρόσθετε το νέο Λογότυπο Εισόδου. Τοποθετείται στο κέντρο της σελίδας σύνδεσης, πάνω από την φόρμα σύνδεσης.
* Προσθέστε το νέο Λογότυπο Ιστότοπου. Αυτό τοποθετείται πάνω αριστερά στη σελίδα σύνδεσης. Ιδανικό μέγεθος (px):150 x 30.
* Προσθέστε το νέο Μικρό Λογότυπο Ιστότοπου. Τοποθετείται στην κορυφή των σελίδων διαχείρισης σε κινητές συσκευές. Ιδανικό μέγεθος (px): 20 x 20.
* Πατήστε Αποθήκευση και Κλείσιμο όταν τελειώσετε.

Ας αλλάξουμε τα κείμενα και τους συνδέσμους
* Ανοίξτε Σύστημα -> Διαχείριση -> Γλωσσικοί Αναπροσδιορισμοί.
* Στην αναπτυσσόμενη λίστα, επιλέξτε ΤΗ-ΓΛΩΣΣΑ-ΣΑΣ-Διαχείριση.
* Πατήστε το κουμπί Νέο στην κορυφή της σελίδας.
* Αναζητήστε για το κείμενο Σύνδεση Διαχειριστή Joomla.
* Επιλέξτε το αποτέλεσμα TPL_ATUM_BACKEND_LOGIN από κάτω.
* Στο πεδίο κειμένου, αντικαταστήστε το υπάρχων κείμενο με το δικό σας.
* Πατήστε Αποθήκευση και Κλείσιμο όταν τελειώσετε.

 
* Ανοίξτε Σύστημα -> Διαχείριση -> Ενθέματα Διαχείρισης.
* Αναζητήστε το Login Support.
* Πατήστε απόσυρση του ενθέματος Login Support και μετά Αποθήκευση και Κλείσιμο.
* Πατήστε το κουμπί Νέο στην κορυφή της σελίδας.
* Επιλέξτε να δημιουργήσετε ως τύπο ενθέματος το προσαρμοσμένο.
* Συμπληρώστε τα κενά και επιλέξτε πλαϊνή γραμμή για τη θέση του ενθέματος.
* Πατήστε Αποθήκευση και Κλείσιμο όταν τελειώσετε.

Πηγαίνετε ένα βήμα παρακάτω με CSS
Φυσικά, μπορείτε να βελτιώσετε το περιβάλλον διαχείρισης με CSS.

* Ανοίξτε Σύστημα -> Πρότυπα -> Πρότυπα Διαχείρισης.
* Κάνετε κλικ στο Στοιχεία και Αρχεία Προτύπου Atum.
* Πατήστε το κουμπί Νέο Αρχείο στην κορυφή της σελίδας.
- Κάντε κλικ στο φάκελο CSS στα αριστερά.
- Υποδείξτε χρήστη για το πεδίο όνομα αρχείου στα δεξιά.
- Επιλέξτε css για τον τύπο αρχείου στα δεξιά.
- Πατήστε το κουμπί δημιουργία.

 

Τώρα μπορείτε να προσθέσετε όσες κλάσεις CSS θέλετε στο αρχείο user.css εάν επιθυμείτε να επεκτείνετε τη μορφοποίηση της φόρμας σύνδεσης.

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

Μερικά άρθρα που δημοσιεύονται στο Joomla Community Magazine αντιπροσωπεύουν την προσωπική άποψη ή εμπειρία του αρθρογράφου στο συγκεκριμένο ζήτημα και μπορεί να μην συμβαδίζουν με την επίσημη στάση του Joomla Project.

Σάββα Σταυρούλα

Φοιτήτρια Ψηφιακών Συστημάτων. Έκανα την πρακτική μου στη δημιουργία ιστοσελίδων. Είμαι ενθουσιασμένη με το Joomla και με αυτόν τον τρόπο επιθυμώ να δείξω και σε άλλους τη χρησιμότητά του!