Σεμινάριο joomla! 3 Διοργάνωση: Άλφα Εκπαιδευτική Εισηγητής: Μοτσενίγος Ιωάννης Ηλεκτρονικός Μηχανικός-Σύμβουλος Internet Marketing- Web Designer
Ξεκινώντας:Τι είναι τα CMS Η Joomla είναι λογισμικό κατασκευής ιστοσελίδων, βασισμένο στην τεχνολογία CMS Τι είναι τα CMS όμως? CMS σημαίνει Content Management System,στα ελληνικά «Σύστημα Διαχείρισης Περιεχομένου» και είναι λογισμικό το οποίο εξειδικεύεται στο να απλοποιήσει την κατασκευή αλλά και τη δημιουργία ιστοσελίδων. Άλλα τέτοια CMS συστήματα είναι το WordPress και το Drupal, τα οποία, όπως και η Joomla,είναι ΑΝΟΙΧΤΟΥ ΚΩΔΙΚΑ ( open source),που σημαίνει ότι ο καθένας ελεύθερα και χωρίς κόστος μπορεί να τα «κατεβάσει» και να τα διαχειριστεί!
Ξεκινώντας:Τι είναι τα CMS Τα CMS συστήματα διαχειρίζονται "ONLINE" το περιεχόμενο των σελίδων και επιτρέπουν στους χρήστες να "ανεβάσουν" και να αλλάξουν τα περιεχόμενα χωρίς να απαιτούνται ιδιαίτερες τεχνικές γνώσεις.
Ξεκινώντας:Τι είναι τα CMS Η ΦΙΛΟΣΟΦΙΑ: Μέσα στην βάση δεδομένων (DB), υπάρχουν όλα τα δεδομένα της ιστοσελίδας μας (κείμενο, φωτογραφίες, βίντεο). Η DB μπορεί να είναι είτε τοπική (local host) δηλαδή στον υπολογιστή μας, είτε απομακρυσμένη (Server φιλοξενίας). Όποτε λοιπόν εμείς χρειαζόμαστε κάποιο από τα παραπάνω, είτε για να τα δημοσιεύσουμε είτε για να τα επεξεργαστούμε, η DB τα «καλεί» από τους πίνακες της και μας τα φέρνει.
Ξεκινώντας:Τι είναι τα CMS Database Εικόνες-Κείμενο-Βίντεο
Copyright MOTSENIGOS IOANNIS, 2014,απαγορεύεται η αναδημοσίευση Πλεονεκτήματα των CMS Ταχύτητα Ο τρόπος με τον οποίο λειτουργεί μία CMS ιστοσελίδα μας δίνει το πλεονέκτημα να την «ανεβάσουμε» γρήγορα και να μπορούμε να την επεξεργαστούμε όποια στιγμή θέλουμε. Πρόσθετα Υπάρχουν πολλές πρόσθετες λειτουργίες που μπορούμε να κατεβάσουμε από το διαδίκτυο, άλλες free και άλλες επι πληρωμή. Δεν απαιτούνται ιδιαίτερες τεχνικές ικανότητες και να ξέρουμε κώδικα html ή CSS (Αν και θα χρειαστεί πολλές φορές να χρησιμοποιήσουμε κώδικα αν θέλουμε να κάνουμε κάποια ιδιαίτερη αλλαγή στη σελίδα μας)
Γιατί να επιλέξουμε Joomla? Γιατί JOOMLA? Ισχυρό CMS με δυνατότητα να δημιουργήσει από απλές και μικρές ιστοσελίδες μέχρι μεγάλα εμπορικά sites με μεγάλη καθημερινή κίνηση. Μπορεί να καλύψει οποιαδήποτε ανάγκη σε μια ιστοσελίδα καθώς μπορούμε να φορτώσουμε μέσα σε αυτό οποιοδήποτε extension θέλουμε. Μετατρέποντας το συγκεκριμένο CMS στην θεματολογία που επιθυμούμε. Εύκολο στην χρήση
Η δομή της Joomla Μενού Το Top Level στην ιεραρχική δομή του site που περιέχει τα άρθρα και τις κατηγορίες. Κατηγορίες Είναι ο συνδετικός κρίκος, με τον οποίο συνδέουμε το μενού με τα άρθρα. Άρθρα Το βασικό περιεχόμενο του Site,περιέχει αυτά που βλέπει ο επισκέπτης και τα δεδομένα μας
Η φιλοσοφία της Joomla Η ορθή διαδικασία σε γενικές γραμμές είναι: Δημιουργούμε τις Κατηγορίες Φτιάχνουμε τα μενού και στη συνέχεια, συνδέουμε τα μενού με τις κατηγορίες Δημιουργούμε τα άρθρα και συνδέουμε κάθε άρθρο με την κατηγορία που θέλουμε
Τα ενθέματα (module) Τα ενθέματα (module) είναι επεκτάσεις που χρησιμοποιούνται για την εμφάνιση πληροφοριών στην ιστοσελίδα και εμφανίζονται σαν «κουτιά» που πλαισιώνουν το πρότυπο (template). Μπορούν να τοποθετηθούν σε οποιοδήποτε σημείο του πρότυπου (κάποια έχουν και περιορισμούς, ειδικά τα δωρεάν templates) και βοηθάνε στο να γίνει πιο πρακτική και όμορφη η ιστοσελίδα μας. Υπάρχουν πολλών ειδών ενθέματα και στη βασική εγκατάσταση του Joomla, α λλά και πολλά τρίτων κατασκευαστών δωρεάν ή με πληρωμή. Τα ενθέματα που είναι ενσωματωμένα στη βασική έκδοση είναι: Latest articles Login form Popular articles Polls Who is online
Τα ενθέματα (module)
Άλλα πλεονεκτήματα της Joomla είναι: Φιλικό στις μηχανές αναζήτησης (google,bing,κτλπ) Εύκολο SEO (Search Engine Optmization) Joomla video
Χρήσιμα links για τη joomla forum.joomla.gr Το ελληνικό forum της joomla,δηλαδή η κοινότητα Ελλήνων χρηστών της, μέσα στην οποία μπορούμε να βρούμε πολλές ενδιαφέρουσες πληροφορίες, να συνομιλήσουμε με άλλους χρήστες και να μας λύσουν πολλές απορίες Extensions.joomla.org Εδώ μπορούμε να βρούμε πολλά πρόσθετα για τη joomla και να τα ενσωματώσουμε στη σελίδα μας,(καιρός,tabs, sliders, κλπ) www.siteground.com/joomla-templates.htm Εδώ μπορούμε να βρούμε πολύ όμορφα free templates (πρότυπα) www.tophost.gr Μία από τις καλύτερες και τις πιο οικονομικές εταιρίες που παρέχει hosting (σέρβερ φιλοξενίας) και μπορούμε να ανεβάσουμε την ιστοσελίδα μας.
Ας ξεκινήσουμε να δημιουργούμε την σελίδα μας!
Βήμα Πρώτο Πρέπει να κατεβάσουμε από το διαδίκτυο το απαραίτητο πακέτο προγραμμάτων για να μπορέσουμε να διαχειριστούμε τοπικά το site μας. Το πιο δημοφιλές τέτοιο «πακέτο» είναι το XAMPP.Το XAMPP είναι ένα πακέτο προγραμμάτων ελεύθερου λογισμικού, ανοικτού κώδικα και ανεξαρτήτου πλατφόρμας το οποίο περιέχει τον server Apache, την βάση δεδομένων MySQL και ένα διερμηνέα για κώδικα γραμμένο σε γλώσσες προγραμματισμού PHPκαι Perl. Το ακρωνύμιο XAMPP σημαίνει: X- cross platform,δηλαδή λογισμικό ανεξάρτητο πλατφόρμας A- Apache Server M-MySQL P-PHP P-Perl Το XAMPP θα το κατεβάσουμε από τη διεύθυνση: www.apachefriends.org/download.html
Βήμα Δεύτερο Αφού έχουμε ολοκληρώσει την εγκατάσταση του XAMPP στον υπολογιστή μας, αμέσως μετά θα πρέπει να κατεβάσουμε το λογισμικό της joomla! 3 και να την εγκαταστήσουμε μέσα στον τοπικό μας server που έχει δημιουργηθεί με το κατέβασμα του XAMPP. Για να κατεβάσουμε τη joomla! 3 θα πρέπει να πάμε στη διεύθυνση: http://www.joomla.org Η joomla κατεβαίνει με όλα τα αρχεία της σε μορφή.zip.
copyright MOTSENIGOS IOANNIS, 2014,απαγορεύεται η αναδημοσίευση Βήμα Τρίτο Πρέπει να μπούμε μέσα στο φάκελο εγκατάστασης του XAMPP και στην τοποθεσία htdocs και να δημιουργήσουμε το φάκελο μέσα στον οποίο θα «ρίξουμε» τα αρχεία της ιστοσελίδας μας. Τη βάση μας.
Βήμα Τέταρτο Δημιουργούμε το φάκελο με την ονομασία που θα έχει το site μας και στη συνέχεια κάνουμε copy-paste τα αρχεία που υπάρχουν στο φάκελο joomla σε αυτό το φάκελο που δημιουργήσαμε μόλις:
Βήμα Πέμπτο Ανοίγουμε το Panel του XAMPP και πατάμε START στα δύο πρώτα κουμπιά (APACHE και MySQL) Και είμαστε έτοιμοι να δημιουργήσουμε τη σελίδα μας!
Δημιουργώντας τη σελίδα Joomla Βήμα (Α),Εγκατάσταση! Πάμε να δημιουργήσουμε τη βάση δεδομένων. Πληκτρολογούμε στη μπάρα διευθύνσεων: localhost/ Και μας εμφανίζει (Αφού επιλέξουμε τη γλώσσα αγγλικά) την ακόλουθη οθόνη: Εντοπιζουμε στην πορτοκαλί μπάρα αριστερά την επιλογή κάτω από τα tools, phpmyadmin την πατάμε και μας εμφανίζει την ακόλουθη οθόνη
Δημιουργώντας τη σελίδα Joomla Βήμα (Α),Εγκατάσταση! Πατάμε πάνω την επιλογή Βάσεις δεδομένων Και στη συνέχεια δίνουμε ένα όνομα στη βάση δεδομένων μας και πατάμε δημιουργία. Η βάση δεδομένων μας είναι έτοιμη! Στη συνέχεια πληκτρολογούμε στον Browser μας: Localhost/(το όνομα του φακέλου που δημιουργήσαμε στο htdocs)
Δημιουργώντας τη σελίδα Joomla Βήμα (Α),Εγκατάσταση! Θα μας εμφανίσει την ακόλουθη οθόνη: Συμπληρώνουμε τα στοιχεία μας δίνοντας το e-mail μας,username και κωδικό πρόσβασης και πατάμε ΕΠΟΜΕΝΟ
Δημιουργώντας τη σελίδα Joomla Βήμα (Α),Εγκατάσταση! Θα μας εμφανίσει την ακόλουθη οθόνη στην οποία θα εισάγουμε τα στοιχεία της βάσης δεδομένων που δημιουργήσαμε πριν: Το όνομα χρήστη είναι προεπιλεγμένα root και χωρίς κωδικό, στο όνομα βάσης δεδομένων copyright MOTSENIGOS εισάγουμε IOANNIS, αυτό 2014,απαγορεύεται που δημιουργήσαμε η αναδημοσίευση πριν, δεν «πειράζουμε» κάτι άλλο και πατάμε ΕΠΟΜΕΝΟ
Δημιουργώντας τη σελίδα Joomla Βήμα (Α),Εγκατάσταση! Στην οθόνη αυτή κάνουμε απλά μια επισκόπηση των ρυθμίσεων μας, την εγκατάσταση ενδεικτικού περιεχομένου την αφήνουμε την επιλογη «Κανένα», για να ξεκινήσουμε από την αρχή τη δημιουργία της ιστοσελίδας μας! Πατάμε ΕΓΚΑΤΑΣΤΑΣΗ
Βήμα (Α),Εγκατάσταση! Δημιουργώντας τη σελίδα Joomla Μόλις ολοκληρωθεί η εγκατάσταση,θα μας εμφανίσει την ακόλουθη οθόνη: Δεν ξεχνάμε να πατήσουμε το κίτρινο κουμπί που λέει Αφαίρεση φακέλου Installation, είναι απαραίτητο για να μπορέσουμε να συνεχίσουμε και στη συνέχεια πατάμε το μπλε κουμπί που λέει διαχειριστής για να ξεκινήσουμε να διαχειριζόμαστε την ιστοσελίδα μας!
Δημιουργώντας τη σελίδα Joomla Βήμα (Β), Εγκατάσταση Γλώσσας! Εισάγουμε το Username και τον κωδικό πρόσβασης και μπαίνουμε στη σελίδα διαχείρισης της ιστοσελίδας μας!
Βήμα (Β), Εγκατάσταση Γλώσσας! Δημιουργώντας τη σελίδα Joomla
Βήμα (Β), Εγκατάσταση Γλώσσας! Δημιουργώντας τη σελίδα Joomla Όπως βλέπουμε το μενού μας είναι στα αγγλικά, καλό είναι για τι διευκόλυνση μας να του προσθέσουμε και τα Ελληνικά, η διαδικασία είναι απλή: Πάμε στο μενού Extensions Language Manager και αφού μας βγάλει στη διαχείριση Γλωσσών πατάμε Install για να εγκαταστήσουμε τη νέα Γλώσσα. Θα δούμε την ακόλουθη οθόνη:
Βήμα (Β), Εγκατάσταση Γλώσσας! Δημιουργώντας τη σελίδα Joomla Ψάχνουμε στο πεδίο search και εντοπίζουμε την Ελληνική γλώσσα, την επιλέγουμε, πατάμε Install και την εγκαθιστούμε: Θα πρέπει να την ορίσουμε και σαν προεπιλεγμένη στο χρήστη όμως, οπότε πάμε στο μενού Users-> User manager,επιλέγουμε Super User στην οθόνη που θα ανοίξει και μας βγάζει στην ακόλουθη οθόνη : Πατάμε στο Basic Settings και στα dropdown menu Frontend Language και Backend Language επιλέγουμε Greek. Πιθανόν για να ενεργοποιηθεί η νέα γλώσσσα να χρειαστεί και μια επανεκκίνηση της διαχείρισης joomla και είναι έτοιμο!
Δημιουργώντας τη σελίδα Joomla Δημιουργία Κατηγοριών: Για να δημιουργήσουμε τις κατηγορίες μας, ακολουθούμε τη διαδρομή: Περιεχόμενο-Διαχείριση Κατηγοριών και μας εμφανίζει την ακόλουθη οθόνη: Όπως είπαμε, οι κατηγορίες είναι απαραίτητες για τη σύνδεση του Μενού με τα Άρθρα γι αυτό είναι πολύ σημαντική η σωστή κατηγοριοποίηση! Πατάμε το πράσινο κουμπί πάνω αριστερά που λέει «Νέο» και προσθέτουμε την κατηγορία μας. Προαιρετικά βάζουμε και μία περιγραφή. Αν θέλουμε να δημιουργήσουμε ΥΠΟΚΑΤΗΓΟΡΙΑ πρέπει να επιλέξουμε από το μενού στα δεξιά μας ποια θέλουμε να είναι η ΓΟΝΙΚΗ ΚΑΤΗΓΟΡΙΑ. Με τον ίδιο τρόπο δημιουργούμε όλες τις κατηγορίες και υποκατηγορίες του SITE μας.
Δημιουργώντας τη σελίδα Joomla Δημιουργία Μενού: Για να δημιουργήσουμε το μενού μας, ακολουθούμε τη διαδρομή: Μενού-Main Menu και μας εμφανίζει την ακόλουθη οθόνη: Πατάμε το πράσινο κουμπί πάνω αριστερά που λέει «Νέο» και προσθέτουμε το νέο μας μενού. Βάζουμε τον τίτλο που θα φαίνεται και στη συνέχεια το είδος μενού. Αν θέλουμε μέσα στο μενού να εμφανίζονται άρθρα συγκεκριμένης κατηγορίας τότε επιλέγουμε: Άρθρα-Ιστολόγιο Κατηγοριών και στη συνέχεια την κατηγορία. Αν για παράδειγμα στην πρώτη σελίδα θέλουμε να εμφανίζεται κάτι άλλο όπως ένα ένθεμα που έχουμε κατεβάσει, τότε επιλέγουμε για το συγκεκριμένο μενού αυτό.αν θέλουμε να δημιουργήσουμε στοιχείο ΥΠΟΜΕΝΟΥ, τότε στην επιλογή δεξιά ΓΟΝΙΚΗ ΚΑΤΗΓΟΡΙΑ, επιλέγουμε κάτω από ποιο μενού θέλουμε να εμφανίζεται.
Δημιουργώντας τη σελίδα Joomla Δημιουργία Άρθρου: Για να δημιουργήσουμε τα άρθρα μας, ακολουθούμε τη διαδρομή: Περιεχόμενο-Διαχείριση άρθρων,και μας εμφανίζει την ακόλουθη οθόνη: Πατάμε το πράσινο κουμπί πάνω αριστερά που λέει «Νέο» και προσθέτουμε το νέο μας άρθρο. Βάζουμε τον τίτλο, γράφουμε το περιεχόμενο μας (κείμενο,εικόνες και στη συνέχεια επιλέγουμε από το μενού στα δεξιά του editor σε ποια κατηγορία ή υποκατηγορία θέλουμε να μπει το άρθρο. Πατάμε αποθήκευση και αυτομάτως το άρθρο μας έχει δημοσιευθεί και φαίνεται στο μενού που έχουμε συνδέσει με την συγκεκριμένη κατηγορία. Βλέπουμε λοιπόν πως οι κατηγορίες μας είναι η γέφυρα που συνδέει τα άρθρα με τα μενού!
Δημιουργώντας τη σελίδα Joomla Αλλαγή θέσης μενού: Ανάλογα με το πρότυπο(template) που έχουμε επιλέξει, έχουμε κάποιες θέσεις στις οποίες μπορούμε να το τοθετήσουμε το μενού μας.φυσικά στα Free Templates οι δυνατότητες μας είναι αρκετά περιορισμένες σε σχέση με τα επι πληρωμή. Όπως έχουμε πει, το menu είναι και αυτό ένα ένθεμα.άρα πρέπει να ακολουθήσουμε τη διαδρομή:επεκτάσεις,διαχείριση ενθεμάτων και στη συνέχεια να επιλέξουμε το μενού μας(main menu ή κάποιο άλλο που έχουμε δημιουργήσει εμείς) και να του αλλάξουμε τη θέση από το κυλιόμενο μενού στα δεξιά που λέει ΘΕΣΗ (προσοχή να επιλέξουμεκάποι από τις διαθέσιμες θέσεις του Προτύπου που χρησιμοποιουμε, όχι κάποιου άλλου): Από το ίδιο μενού μπορούμε να επιλέξουμε και κάποια άλλα χαρακτηριστικά, όπως το να εμφανίζονται τα στοιχεία υπομενου ή από το TAB ΣΥΝΔΕΣΗ ΜΕΝΟΥ, σε ποιες σελίδες θέλουμε να εμφανίζεται. Γενικά, είναι καλό να πειραματιστούμε με τις αλλαγές ώστε να ανακαλύψουμε όλες τις δυνατότητες που μας δίνει!
Δημιουργώντας τη σελίδα Joomla Αλλαγή θέσης μενού: Ανάλογα με το πρότυπο(template) που έχουμε επιλέξει, έχουμε κάποιες θέσεις στις οποίες μπορούμε να το τοθετήσουμε το μενού μας.φυσικά στα Free Templates οι δυνατότητες μας είναι αρκετά περιορισμένες σε σχέση με τα επι πληρωμή. Όπως έχουμε πει, το menu είναι και αυτό ένα ένθεμα.άρα πρέπει να ακολουθήσουμε τη διαδρομή:επεκτάσεις,διαχείριση ενθεμάτων και στη συνέχεια να επιλέξουμε το μενού μας(main menu ή κάποιο άλλο που έχουμε δημιουργήσει εμείς) και να του αλλάξουμε τη θέση από το κυλιόμενο μενού στα δεξιά που λέει ΘΕΣΗ (προσοχή να επιλέξουμεκάποι από τις διαθέσιμες θέσεις του Προτύπου που χρησιμοποιουμε, όχι κάποιου άλλου): Από το ίδιο μενού μπορούμε να επιλέξουμε και κάποια άλλα χαρακτηριστικά, όπως το να εμφανίζονται τα στοιχεία υπομενου ή από το TAB ΣΥΝΔΕΣΗ ΜΕΝΟΥ, σε ποιες σελίδες θέλουμε να εμφανίζεται. Γενικά, είναι καλό να πειραματιστούμε με τις αλλαγές ώστε να ανακαλύψουμε όλες τις δυνατότητες που μας δίνει!