1) Εμφάνιση ιστοσελίδας Ανοίγουμε το πρόγραμμα πλοήγησης (Firefox, Chrome, Internet Explorer κτλ) και στη γραμμή διευθύνσεων πληκτρολογούμε τη διεύθυνση http://localhost ή http://127.0.0.1. Αν δεν βλέπουμε την αρχική μας σελίδα σημαίνει ότι δεν τρέχει ο web server που έχουμε στον υπολογιστή μας (πιθανότατα ο Apache). Στην περίπτωση αυτή θα πρέπει να εκτελέσουμε το xampp ή το wampserver ή να τρέξουμε τον Apache με άλλον τρόπο. 2) Διαχειριστής Για να μπούμε στο site μας σαν διαχειριστής πληκτρολογούμε http://localhost/administrator και θα πρέπει στη συνέχεια να βάλουμε σαν όνομα χρήστη admin (εκτός αν επιλέξαμε κάτι άλλο κατά την εγκατάσταση του Joomla) και τον κωδικό που έχουμε επιλέξει. Καλά είναι να έχουμε 2 καρτέλες ανοικτές όπου στη μία είμαστε απλός χρήστης και στην άλλη είμαστε Administrator. Με τον τρόπο αυτό αν κάνουμε αλλαγές στην καρτέλα του administrator, κάνοντας ανανέωση στην καρτέλα του απλού χρήστη βλέπουμε τις αλλαγές. 3) Εγκατάσταση Ελληνικών Θα πρέπει πρώτα να κατεβάσουμε το πακέτο των Ελληνικών από το Internet. Μπορούμε να βρούμε το πακέτο αρκετά εύκολα κάνοντας αναζήτηση ή να πάμε στη σελίδα http://community.joomla.org/translations.html. Διαλέγουμε πρώτα την έκδοση του Joomla που έχουμε και ψάχνουμε να βρούμε το πακέτο των Ελληνικών. Κατεβάζουμε το αρχείο (που είναι σε μορφή.zip) και το αποθηκεύουμε σε έναν φάκελο του υπολογιστή μας. Προσοχή. Θα πρέπει να κατεβάσουμε το πακέτο για την έκδοση του Joomla που έχουμε κάνει εγκατάσταση Πατάμε Extensions -> Extension Manager (ή σε άλλη έκδοση του Joomla αντί για Extension Manager πατάμε Install/Unintall) Στο παράθυρο που εμφανίζεται πατάμε το κουμπάκι Browse και επιλέγουμε το αρχείο που κατεβάσαμε από το Internet και περιέχει τη γλώσσα. Στη συνέχεια πατάμε το κουμπάκι Upload & Intall. Θα πρέπει να μας βγει μήνυμα που να λέει ότι το πακέτο εγκαταστάθηκε με επιτυχία. Πατάμε Extensions / Language Manager. Εδώ θα πρέπει να βάλουμε το αστεράκι στην επιλογή Greek τόσο για το Installed Site όσο και για το Intalled Administrator. Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/ 1
3) Εγκατάσταση προτύπου (template) Μπορεί κάποιος να βρει πολλά έτοιμα πρότυπα (templates) τα οποία καθορίζουν τη μορφή που θα έχει το site μας. Υπάρχουν πολλά ελεύθερα τα οποία μπορούμε να τα βρούμε εύκολα στο Internet αλλά υπάρχουν και πάρα πολλά τα οποία, αν θέλουμε να τα χρησιμοποιήσουμε, πρέπει να τα αγοράσουμε. Μπορούμε π.χ. να κατεβάσουμε έτοιμα πρότυπα από http://www.joomla24.com/. Υπάρχουν και άλλα sites όπως το http://www.bestofjoomla.com/ κλπ. Πατάμε Downloads και επιλέγουμε την έκδοση του Joomla που μας ενδιαφέρει (π.χ. Templates for J2.5/J1.7). Πατάμε π.χ, General Joomla Templates Επιλέγουμε το template που θέλουμε π.χ. Adana Free Πατώντας Download (συμφωνούμε στους όρους που μας εμφανίζει) κάνουμε αποθήκευση του συγκεκριμένου προτύπου σε κάποιον φάκελο του υπολογιστή μας. Πατάμε Επεκτάσεις / Διαχείριση επεκτάσεων έτσι ώστε να κάνουμε εγκατάσταση το συγκεκριμένο πρότυπο (όπως ακριβώς κάναμε τη γλώσσα στο προηγούμενο βήμα) Πατάμε Επεκτάσεις / Διαχείριση προτύπων και βλέπουμε τα πρότυπα που έχουμε εγκατεστημένα στον υπολογιστή μας. Βάζουμε αστεράκι στο πρότυπο που εγκαταστήσαμε. Υπάρχουν κάποια πρότυπα που αναφέρουν Ιστότοπος και άλλα που αναφέρουν Περιοχή Διαχείρισης. Τα πρώτα αφορούν τη μορφοποίηση που εμφανίζεται όταν κάποιος βλέπει τη σελίδα μας. Τα δεύτερα αφορούν τη μορφοποίηση για το διαχειριστή (administrator). Αν θέλουμε να τροποποιήσουμε ένα πρότυπο θα πρέπει να κάνουμε κλικ πάνω στο όνομά του (αν είμαστε σε άλλη σελίδα πατάμε Επεκτάσεις / Διαχείριση Προτύπων). Οι επιλογές που μας εμφανίζονται εδώ δεν είναι συγκεκριμένες και εξαρτώνται από το πρότυπο που χρησιμοποιούμε. Υπάρχουν πρότυπα στα οποία μπορούμε να επιλέξουμε διαδοχικές εικόνες οι οποίες θα εμφανίζονται η μία μετά την άλλη (SLideShow), άλλα που αυτόματα μπορούμε να κάνουμε ενεργοποίηση του GoogleAnalytics κτλ. Π.χ. για το πρότυπο Adana έχουμε επιλογές για να βάλουμε τον τίτλο του Site, το slogan το copyright: Επίσης υπάρχουν και επιλογές για τη στοίχιση του τίτλου, την εικόνα που θα βγαίνει, τη 2
γραμματοσειρά και τα χρώματα: Θα πρέπει τις αλλαγές που κάνουμε να τις αποθηκεύσουμε: Με το πρώτο κουμπάκι Αποθήκευση αποθηκεύουμε τις αλλαγές ενώ με το δεύτερο αποθηκεύει τις αλλαγές και κλείνει το παράθυρο (μας επιστρέφει στην προηγούμενη σελίδα). Μπορούμε επίσης να αποθηκεύσουμε τις αλλαγές ως αντίγραφο (άρα θα υπάρχει ένα νέο πρότυπο). Για να μπορέσουμε να χρησιμοποιήσουμε το κεντρικό μενού της διαχείρισης του Joomla θα πρέπει πρώτα να πατήσουμε Κλείσιμο. 3
4) Δημιουργία κατηγοριών και υποκατηγοριών Όταν σε ένα site έχουμε πολλά άρθρα καλά να τα χωρίζουμε σε κατηγορίες και υποκατηγορίες. Πατώντας Περιεχόμενο -> Διαχείριση Κατηγοριών μπορούμε να δούμε ποιες κατηγορίες υπάρχουν για το site μας. Τα άρθρα που δεν ανήκουν σε κάποια κατηγορία θεωρούμε ότι είναι Uncategorized. Πατώντας το κουμπάκι Νέο μπορούμε να δημιουργήσουμε μία νέα κατηγορία π.χ. με τον τίτλο Αθλητικά. Ψευδώνυμο: Δεν είναι υποχρεωτικό να βάλουμε (το δημιουργεί μόνο του). Γονική κατηγορία: Το κρατάμε χωρίς γονέα. Κατάσταση: Το αφήνουμε Δημοσιευμένο Πρόσβαση: Εδώ μπορούμε να ρυθμίσουμε αν έχουν πρόσβαση στα άρθρα της κατηγορίας όλοι οι χρήστες ή μόνο οι εγγεγραμμένοι κτλ Δικαιώματα: Μπορούμε να ρυθμίσουμε ποιος έχει δικαίωμα να κάνει τροποποιήσεις, διαγραφές κτλ. Περιγραφή: Μπορούμε να γράψουμε στο αντίστοιχο πλαίσιο ένα σχόλιο σχετικά με το περιεχόμενο της κατηγορίας. Στη συνέχεια πατάμε Αποθήκευση και αν χρειάζεται και Κλείσιμο. Με παρόμοια τρόπο να δημιουργήσετε 2 υποκατηγορίες με ονόματα Ποδόσφαιρο, Μπάσκετ. Οι δύο αυτές κατηγορίες να έχουν ως γονική κατηγορία τα Αθλητικά. 4
5) Δημιουργία Άρθρου Αν πατήσουμε Περιεχόμενο -> Διαχείριση Άρθρων μπορούμε να δούμε τα άρθρα τα οποία έχουμε στο site. Για να δημιουργήσουμε ένα νέο άρθρο πατάμε το κουμπάκι Νέο. Μπορούμε έτσι να γράψουμε το άρθρο μας για το οποίο πρέπει να ορίσουμε: Τίτλος: Ο τίτλος του άρθρου. Το ψευδώνυμο δεν χρειάζεται να το βάλουμε αφού συμπληρώνεται αυτόματα Κατηγορία: Την κατηγορία όπου ανήκει το άρθρο (αν δεν ανήκει σε κατηγορία το αφήνουμε uncategorized). Να βάλετε το άρθρο στην κατηγορία Ποδόσφαιρο. Κατάσταση: Δηλώνουμε αν θέλουμε το άρθρο να είναι δημοσιευμένο. Μπορεί να υπάρχουν και άρθρα που δεν είναι δημοσιευμένα. Πρόσβαση: Αν έχουν πρόσβαση στο άρθρο όλοι οι χρήστες ή μόνο οι εγγεγραμμένοι κτλ. Κύριο Άρθρο: Εάν θέλουμε το άρθρο να εμφανίζεται στην πρώτη σελίδα δηλώνουμε Ναι. Κείμενο άρθρου: Εδώ γράφουμε το περιεχόμενο του άρθρου. 5
Στο άρθρο μας μπορούμε να βάλουμε και συνδέσμους (links). Για να γίνει αυτό αρκεί να επιλέξουμε μία φράση (π.χ. France Football) και στη συνέχεια πατάμε το εικονίδιο για τους συνδέσμους (εικονίδιο που έχει κρίκους αλυσίδας). Εμφανίζεται ένα παράθυρο όπου εισάγουμε τη διεύθυνση (URL) που θα εμφανίζεται όταν κάνουμε κλικ στον σύνδεσμο. Μπορούμε να βάλουμε είτε μία διεύθυνση από το Internet (εξωτερικός σύνδεσμος) είτε ένα δικό μας αρχείο: Κάτω από το κείμενο του άρθρου εμφανίζονται τα πιο κάτω εικονίδια: Άρθρο: Με το εικονίδιο Άρθρο μπορούμε να εισάγουμε ένα link προς κάποιο άρθρο μας Εικόνα: Μπορούμε να εισάγουμε μία εικόνα στο άρθρο μας. Εμφανίζεται ένα παράθυρο όπου εμφανίζονται οι διαθέσιμες εικόνες του site μας. Αν θέλουμε να βάλουμε άλλη εικόνα που βρίσκεται σε άλλο φάκελο θα πρέπει να την επιλέξουμε και να πατήσουμε Έναρξη Μεταφόρτωσης: Θα πρέπει να επιλέξουμε την εικόνα και να πατήσουμε το κουμπάκι Εισαγωγή. Μπορούμε επίσης να καθορίσουμε τη Στοίχιση της εικόνας, τον τίτλο, περιγραφή, αν έχει λεζάντα κτλ Αλλαγή σελίδας: Αλλάζει σελίδα στο σημείο που βρίσκεται ο δρομέας. Μόλις το πατήσουμε ζητάει τον τίτλο της σελίδας και αν θέλουμε τον συμπληρώνουμε. Με τον τρόπο αυτό μπορούμε να χωρίσουμε το άρθρο σε σελίδες και να υπάρχουν κουμπάκια Next και Previous (δηλαδή Επόμενη και Προηγούμενη ) για να αλλάξουμε σελίδα. Επίσης εμφανίζεται ένα πινακάκι από όπου μπορούμε να πάμε στη σελίδα που θέλουμε. Περισσότερα: Με τον τρόπο αυτό θα εμφανίζεται μόνο το αρχικό κομμάτι του άρθρου και πατώντας το κατάλληλο κουμπάκι (link) ο χρήστης μπορεί να διαβάσει το υπόλοιπο. Εναλλαγή κειμενογράφου: Πατώντας το βλέπουμε τον κώδικα HTML για το άρθρο μας. 6
6) Εγκατάσταση πρόσθετου JCE για τη σύνταξη άρθρου Υπάρχουν πάρα πολλές επεκτάσεις (extensions) διαθέσιμα τα οποία μπορούμε να κατεβάσουμε από το Internet (π.χ. από http://extensions.joomla.gr). Ένα τέτοιο extension είναι ο editor (κειμενογράφος) JCE. Ένας άλλος δημοφιλής κειμενογράφος είναι ο JCK. Το Joomla έχει προεγκατεστημένο τον κειμενογράφο TinyMCE. Αφού τον κατεβάσουμε από το Internet και αποθηκεύσουμε κάπου το.zip αρχείο, πατάμε Επεκτάσεις -> Διαχείριση Επεκτάσεων και με το κουμπάκια Choose File και Upload & Install τον κάνουμε εγκατάσταση. Πατάμε Ιστότοπος -> Γενικές ρυθμίσεις και από το μενού Προεπιλεγμένος Κειμενογράφος επιλέγουμε JCE αντί για τον TinyMCE. Πατάμε Περιεχόμενο -> Διαχείριση Άρθρων -> Προσθήκη Νέου Άρθρου και βλέπουμε ότι πλέον ο κειμενογράφος έχει νέα γραμμή εργαλείων αφού πλέον χρησιμοποιούμε τον JCE: Με τον νέο κειμενογράφο έχουμε πολύ περισσότερες δυνατότητες. Για παράδειγμα αν πατήσουμε το εικονίδιο εισαγωγής εικόνας εμφανίζονται πάρα πολλές επιλογές που δεν τις είχαμε με τον προηγούμενο κειμενογράφο. Μπορούμε να δημιουργήσουμε μέχρι και Rollover εικόνα (έχουμε άλλη εικόνα όταν το ποντίκι είναι πάνω της και άλλη όταν φύγει). Να δημιουργήσετε άλλα 2 κύρια άρθρα για την κατηγορία ποδόσφαιρο και άλλα 2 για την κατηγορία Μπάσκετ. 7
7) Αρχική Σελίδα Αν πατήσουμε Μενού -> Main Menu βλέπουμε τα περιεχόμενα του κυρίως μενού. Πατώντας πάνω στο Home μπορούμε να ρυθμίσουμε την πρώτη μας σελίδα: Εδώ μπορούμε να ρυθμίσουμε πόσα άρθρα θα φαίνονται στο πάνω μέρος της αρχικής μας σελίδας (# Πρώτων Άρθρων), πόσα άρθρα θα ακολουθούν (# Εισαγωγικών Άρθρων) και σε πόσες στήλες θα εμφανίζονται τα εισαγωγικά άρθρα. Η προεπιλεγμένη τιμή είναι σε 3 στήλες. Μπορούμε επίσης να ρυθμίσουμε τη σειρά με την οποία θα εμφανίζονται τα άρθρα. Σε όλες τις σελίδες διαχείρισης εμφανίζεται το εικονίδιο βοήθειας και πατώντας το μπορούμε να διαβάσουμε για τις επιλογές που έχουμε (στα Αγγλικά): 8
8) Επιλογές Άρθρων Αν πατήσουμε Περιεχόμενο -> Διαχείριση Άρθρων βλέπουμε τα άρθρα που έχουμε δημιουργήσει: Το εικονίδιο στην στήλη κατάσταση μας δείχνει αν ένα άρθρο είναι δημοσιευμένο ή όχι. Πατώντας μία φορά πάνω του μετατρέπουμε ένα άρθρο από Δημοσιευμένο σε Αδημοσίευτο και αντίστροφα. Από το μενού (φίλτρο) πάνω από την στήλη Κατάσταση μπορούμε να επιλέξουμε αν θέλουμε να βλέπουμε τα Δημοσιευμένα άρθρα ή τα Αδημοσίευτα ή Όλα κτλ. Όμοια στην στήλη κατάσταση βλέπουμε αν ένα άρθρο είναι κύριο ή όχι (δηλ. αν φαίνεται στην πρώτη σελίδα) και με ένα κλικ μπορούμε να το αλλάξουμε. Κάνοντας κλικ π.χ. πάνω στη λέξη Κατηγορία μπορούμε να έχουμε τα άρθρα ταξινομημένα ανά κατηγορία (αύξουσα ή φθίνουσα). Στην στήλη Κατάταξη βλέπουμε τη σειρά που έχουν τα άρθρα μέσα στην κάθε κατηγορία. Πατώντας πάνω στη λέξη Κατάταξη εμφανίζονται επιπλέον βελάκια σε κάθε άρθρο έτσι ώστε να αλλάξουμε τη σειρά του. Τα εικονίδια που έχουμε στο πάνω μέρος μας μπορούμε να χρησιμοποιήσουμε αφού επιλέξουμε ένα ή περισσότερα άρθρα. Μας βοηθούν να δημοσιεύσουμε ή να αποσύρουμε κάποια άρθρα, να τα αρχειοθετήσουμε ή να τα επαναφέρουμε και να τα διαγράψουμε (Απορρίματα). Πατώντας το εικονίδιο Επιλογές εμφανίζονται κάποιες επιπλέον επιλογές για τις πληροφορίες που εμφανίζονται μαζί με ένα άρθρο. Π.χ. μπορούμε να ρυθμίσουμε αν θα εμφανίζεται ή όχι η κατηγορία του άρθρου, η ημερομηνία δημοσίευσης κτλ: 9
9) Δημιουργία στοιχείων στο βασικό μενού Αν πατήσουμε Μενού -> Main Menu εμφανίζονται τα στοιχεία του βασικού μενού. Πατάμε το κουμπάκι Νέο και μπορούμε να δημιουργήσουμε ένα νέο μενού π.χ. για το Ποδόσφαιρο. Γράφουμε τον τίτλο του μενού (Αθλητικά) Πατάμε το κουμπάκι Επιλογή και επιλέγουμε Λίστα Όλως των Κατηγοριών ώστε να μας εμφανίζει όταν το πατάμε τις υποκατηγορίες των αθλητικών: Δημιουργούμε νέο μενού (αφού πατήσουμε κλείσιμο στο προηγούμενο παράθυρο) για το ποδόσφαιρο. Σαν γονικό στοιχείο επιλέγουμε Αθλητικά (ώστε να είναι υπομενού των αθλητικών). Πατάμε το κουμπάκι Επιλογή και επιλέγουμε Ιστολόγιο Κατηγοριών και από το μενού Επιλέξτε Κατηγορία στα δεξιά επιλέγουμε Ποδόσφαιρο. Επαναλαμβάνουμε τα ίδια για το Μπάσκετ έτσι ώστε να έχουμε ένα υπομενού για το μπάσκετ. 10