======Joomla - Άσκηση 5 - Κατηγορίες, Άρθρα, Μενού====== //Δοκιμασμένο σε Joomla 3.4.4, εκτύπωση σε firefox// * Επανάληψη : Δημιουργία Κατηγοριών, Άρθρων * Νέα : **Μενού σύνδεσης σε κατηγορία, επιλογές εμφάνισης κατηγοριών και άρθρων** ---- __**ΠΕΡΙΓΡΑΦΗ**__ * **ΓΕΝΙΚΑ** * Στην παρακάτω Δομή Μενού, θα δημιουργήσουμε το μενού **ΠΡΟΟΡΙΣΜΟΙ** και τα υπομενού **ΕΣΩΤΕΡΙΚΟ** και **ΕΞΩΤΕΡΙΚΟ**. * Θα φτιάξουμε **3 άρθρα** (ιστοσελίδες), για 3 προορισμούς **στην Ελλάδα**, π.χ. ένα άρθρο για την Κέρκυρα, ένα για την Ικαρία και ένα για την Αμοργό * Ομοίως **3 αρθρα** (ιστοσελίδες), για 3 προορισμούς **στο εξωτερικό**, π.χ. Παρίσι, Βαρκελώνη, Πράγα * **ΟΡΓΑΝΩΣΗ ΑΡΘΡΩΝ-ΚΑΤΗΓΟΡΙΩΝ** * Φανταστείτε ότι οι **κατηγορίες** είναι όπως οι **φάκελοι** σε ένα σύστημα αρχείων και τα **άρθρα-ιστοσελίδες** είναι όπως τα **αρχεία** * Θα φτιάξουμε μια κατηγορία **Προορισμοί** * Στην συνέχεια μια κατηγορία **Εσωτερικό** και μια κατηγορία **Εξωτερικό** οι οποίες θα βρίσκονται κάτω από την κατηγορία **Προορισμοί** * Τα **3 άρθρα**, με προορισμούς στην Ελλάδα, θα ανήκουν στην κατηγορία **Εσωτερικό** και τα **3 άρθρα**, με προορισμούς στο Εξωτερικό, θα ανήκουν στην κατηγορία **Εξωτερικό**. * **ΜΕΝΟΥ** * Θα ορίσουμε το **μενού ΕΣΩΤΕΡΙΚΟ** να εμφανίζει την **κατηγορία Εσωτερικό** δηλαδή συνδέσμους προς τα 3 άρθρα-προορισμούς στην Ελλάδα * Το **μενού ΕΞΩΤΕΡΙΚΟ** θα εμφανίζει την **κατηγορία Εξωτερικό** δηλαδή συνδέσμους προς τα 3 άρθρα-προορισμούς στο εξωτερικό. ^ ΑΡΧΙΚΗ ^ ΕΤΑΙΡΕΙΑ ^ ΠΡΟΟΡΙΣΜΟΙ ^ ΕΠΙΚΟΙΝΩΝΙΑ ^ | || ΕΣΩΤΕΡΙΚΟ | | | || ΕΞΩΤΕΡΙΚΟ | | __**ΔΗΜΙΟΥΡΓΙΑ SITE**__ - **ΔΗΜΙΟΥΡΓΙΑ ΚΑΤΗΓΟΡΙΩΝ** - Θα δημιουργήσουμε την **κατηγορία Προορισμοί**. Πηγαίνουμε **Περιεχόμενο / Διαχείριση Κατηγοριών** και πατάμε στο κουμπί **Νέο**. Ορίζουμε Τίτλο : **''Προορισμοί''**, Ψευδώνυμο : **''proorismoi''** και στην δεξιά στήλη επιλέγουμε Γονική Κατηγορία : **''χωρίς Γονέα''** και πατάμε {{:el:school:lessons:html:save_n_exit_18.png}}. - Ομοίως δημιουργούμε την **κατηγορία Εσωτερικό**. Τίτλος : **''Εσωτερικό''**, Ψευδώνυμο : **''esoteriko''** και Γονική Κατηγορία : **''Προορισμοί''** - και την **κατηγορία Εξωτερικό**. Τίτλος : **''Εξωτερικό''**, Ψευδώνυμο : **''eksoteriko''** και Γονική Κατηγορία : **''Προορισμοί''** * Βλέπουμε στην Διαχείριση κατηγοριών ότι οι κατηγορίες Εσωτερικό και Εξωτερικό είναι κάτω από την κατηγορία Προορισμοί - **ΔΗΜΙΟΥΡΓΙΑ ΑΡΘΡΩΝ** - Θα φτιάξουμε ένα άρθρο για την **//Κέρκυρα//**. Πηγαίνουμε **Περιεχόμενο / Διαχείριση Άρθρων** και πατάμε στο κουμπί **Νέο**. Τίτλος : **''Κέρκυρα''**, Ψευδώνυμο : **''kerkyra''** και στην δεξιά στήλη επιλέγουμε Κατηγορία : **''Εσωτερικό''**. Στο Κείμενο Άρθρου εισάγουμε : **''Το νησί της Κέρκυρας''** - Ομοίως φτιάχνουμε ένα άρθρο για το **//Παρίσι//** με Τίτλο : **''Παρίσι''**, Ψευδώνυμο : **''paris''** και Κατηγορία : **''Εξωτερικό''**. Στο Κείμενο Άρθρου εισάγουμε : **''Η πόλη του Παρισιού''** - **ΔΗΜΙΟΥΡΓΙΑ ΜΕΝΟΥ ''Προορισμοί''** * Έχουμε φτιάξει άρθρα και κατηγορίες θα πρέπει να δημιουργήσουμε τα μενού για να εμφανιστούν. - Πηγαίνουμε **Μενού / Main Menu** και πατάμε στο κουμπί **Νέο**. - Τίτλος μενού : **''Προορισμοί''**, Ψευδώνυμο : **''proorismoi''** - Στο **Είδος Στοιχείου Μενού** πατάμε το κουμπί **Επιλογή** και πηγαίνουμε **Άρθρα / Λίστα Όλων των Κατηγοριών**. Αυτό που κάναμε είναι το μενού **Προορισμοί**, να μας εμφανίζει τις υποκατηγορίες //Εσωτερικό// και //Εξωτερικό// - Επιλέγουμε ως Αρχική Κατηγορία : **Προορισμοί** - Πατάμε {{:el:school:lessons:html:save_n_exit_18.png}} και πηγαίνουμε στον **Ιστότοπο** για να δούμε το νέο μενού. - Το μενού μας βρίσκεται μετά το μενού **Επικοινωνία**, στα δεξιά του. Για να το μεταφέρουμε πριν κάνουμε τα εξής. Ενώ είμαστε στην **Διαχείριση μενού** και βλέπουμε όλα τα μενού, τοποθετούμε το ποντίκι πάνω στο εικονίδιο {{:el:school:lessons:html:move_item_20.png}} και μεταφέρουμε το **Προορισμοί** πάνω από το **Επικοινωνία**. Πηγαίνουμε στον **Ιστότοπο** και ανανεώνουμε για να δούμε την αλλαγή. - Στον **Ιστότοπο** πατάμε πάνω στο μενού **Προορισμοί**. Στην εμφάνιση των 2 κατηγοριών μας εμφανίζονται πληροφορίες που δεν θέλουμε, όπως : **''Καταμέτρηση Άρθρων:1''**. Για να μην εμφανίζονται αυτές οι πληροφορίες πηγαίνουμε **Περιεχόμενο / Διαχείριση Άρθρων** και κάνουμε κλικ δεξιά στο κουμπί **Επιλογές**. - Στην καρτέλα **Κατηγορίες** αλλάζουμε σε **Απόκρυψη** την επιλογή **# Άρθρων Κατηγορίας** - Πατάμε {{:el:school:lessons:html:save_n_exit_18.png}} και πηγαίνουμε στον **Ιστότοπο** για να δούμε τις αλλαγές. - **ΔΗΜΙΟΥΡΓΙΑ ΜΕΝΟΥ ''Εσωτερικό'' και ''Εξωτερικό''** * Για γρηγορότερη πρόσβαση στα άρθρα των κατηγοριών Εσωτερικού και Εξωτερικού θα φτιάξουμε άλλα 2 μενού - Πηγαίνουμε **Μενού / Main Menu** και πατάμε στο κουμπί **Νέο**. - Τίτλος μενού : **''Εσωτερικό''**, Ψευδώνυμο : **''esoteriko''** - Στο **Είδος Στοιχείου Μενού** επιλέγουμε **Άρθρα / Κατάλογος Κατηγοριών** - Επιλέγουμε ως Κατηγορία : **Εσωτερικό**. - Δεξιά επιλέγουμε Γονικό Στοιχείο **''Προορισμοί''**. Αυτό θα τοποθετήσει το μενού μας κάτω από το μενού **Προορισμοί** - Πατάμε **Αποθήκευση** και πηγαίνουμε στον **Ιστότοπο** για να δούμε το νέο μενού. - Ομοίως δημιουργούμε το μενού **''Εξωτερικό''**, Ψευδώνυμο : **''eksoteriko''**, για την κατηγορία **Εξωτερικό**, με Γονικό Στοιχείο **''Προορισμοί''**. - Πηγαίνουμε στον **Ιστότοπο** για να δούμε τις αλλαγές. - Στην εμφάνιση των άρθρων μας εμφανίζονται πληροφορίες που δεν θέλουμε όπως : Δημιουργός, Εμφανίσεις, μέσα σε ένα πίνακα. Για να μην εμφανίζονται αυτές οι πληροφορίες πηγαίνουμε **Περιεχόμενο / Διαχείριση Άρθρων** και κάνουμε κλικ στο **Επιλογές**. - Στην καρτέλα **Σελιδοποιήσεις Λίστας** αλλάζουμε σε **Απόκρυψη** τις επιλογές **Επιλογή Εμφάνισης, Κεφαλίδες Πίνακα, Εμφάνιση Επισκέψεων στη Λίστα και Εμφάνιση Αρθρογράφου στη Λίστα** - Πατάμε **Αποθήκευση** και πηγαίνουμε στον **Ιστότοπο** για να δούμε τις αλλαγές. - Το πρότυπο εμφάνισης υποστηρίζει και συσκευές με μικρές οθόνες. Δοκιμάζουμε να δούμε το site μας από ένα κινητό ή ένα tablet. Εναλλακτικά μπορούμε να μικρύνουμε αρκετά το παράθυρο μέχρι να χαθούν τα μενού και να εμφανιστεί το κουμπί {{:el:school:lessons:html:smartphone_menu_18.png}}. |{{:el:school:lessons:html:joomla_proorismoi_esoteriko.png?481|Προορισμοί-Desktop}}|{{:el:school:lessons:html:joomla_proorismoi_esoteriko_smartphone.png?400|Προορισμοί-smartphone}}|