Μεσογειακό — Κέντρο Επαγγελματικής Κατάρτισης & Custom CMS
1 εβδομάδα|Σχεδιασμός & Full-Stack Development
Το Μεσογειακό είναι αδειοδοτημένο κέντρο δια βίου μάθησης και επαγγελματικής κατάρτισης στη Θεσσαλονίκη, και η ιστοσελίδα του είχε μεγαλώσει πάνω σε WordPress και στο page builder του BeTheme. Η ανακατασκευή κρατά όλο το περιεχόμενο και τίποτα από την πλατφόρμα. Είναι καθαρή PHP 8.5 πάνω σε MySQL — ένας front controller, ένας autoloader δεκαπέντε γραμμών, χωρίς framework, χωρίς Composer και χωρίς build — περίπου πέντε χιλιάδες γραμμές κώδικα και δύο χιλιάδες templates. Τα ελληνικά είναι η προεπιλογή και τα αγγλικά βρίσκονται κάτω από το /en/, και η ισοτιμία των δύο γλωσσών είναι δομική, όχι πρόσθετη: κάθε έργο, νέο και σελίδα είναι μια εγγραφή με μία γραμμή μετάφρασης ανά γλώσσα, τα slugs ζουν στη μετάφραση ώστε οι ελληνικές σελίδες να κρατούν ελληνικά URL, και μια τρίτη γλώσσα δεν θα χρειαζόταν καμία αλλαγή στο σχήμα της βάσης. Η μετάπτωση είναι κώδικας, όχι μια εφάπαξ εξαγωγή. Είκοσι ένα διατεταγμένα, επαναλήψιμα βήματα ξαναχτίζουν ολόκληρο το site από την πηγή του WordPress — διαβάζουν το περιεχόμενο του Muffin Builder, αφαιρούν τα τυποποιημένα κείμενα, κανονικοποιούν τις επικεφαλίδες, ενώνουν τα διπλά νέα, βγάζουν σε αρχεία τις ενσωματωμένες εικόνες data-URI — και μεταφέρουν 33 έργα, 90 νέα και 20 σελίδες και στις δύο γλώσσες, με 798 ανακατευθύνσεις ώστε οι παλιοί σύνδεσμοι να οδηγούν στις νέες τους σελίδες. Κάθε εικόνα της βιβλιοθήκης είναι WebP κάτω από 200 KB: η ποιότητα κατεβαίνει από 82 σε 40, έπειτα οι διαστάσεις μικραίνουν μέχρι να χωρέσει, και το πρωτότυπο διαγράφεται. Η διαχείριση δίνει στο κέντρο τα έργα, τα νέα και τις σελίδες του και στις δύο γλώσσες με TinyMCE, βιβλιοθήκη πολυμέσων, στοιχεία επικοινωνίας, και τους μετρητές και τα μπλοκ της αρχικής. Τα δομημένα δεδομένα φέρουν την ταχυδρομική διεύθυνση, τον αριθμό Γ.Ε.ΜΗ. και το ωράριο — τρία στοιχεία που το παλιό site δημοσίευε σε ένα widget του footer του θέματος, όπου καμία ανάρτηση και κανένας importer δεν μπορούσε να τα δει.
Το WordPress είχε κρύψει ορισμένα στοιχεία. Η ταχυδρομική διεύθυνση, ο αριθμός Γ.Ε.ΜΗ. και το ωράριο βρίσκονταν σε ένα widget του footer του θέματος και όχι σε κάποια ανάρτηση, οπότε μια εξαγωγή περιεχομένου δεν τα έβλεπε ποτέ, και ο δεύτερος αριθμός τηλεφώνου διέφερε σε τρία σημεία του παλιού site. Τα ελληνικά URL χαλούσαν επίσης τον προφανή σχεδιασμό της βάσης: κωδικοποιημένα με percent-encoding ξεπερνούν συχνά τους 191 χαρακτήρες μοιράζοντας μεγάλα προθέματα, οπότε ένα index προθέματος απορρίπτει πραγματικά διαφορετικές διευθύνσεις ως διπλές. Και ένας δίγλωσσος editor έχει μια σιωπηλή αστοχία — μια αποθήκευση που παραλείπει μία γλώσσα δεν ξεχωρίζει από κάποιον που τη σβήνει σκόπιμα.
Λύσεις
Κάθε διόρθωση είναι δικό της αριθμημένο βήμα μετάπτωσης, οπότε ένα καθαρό ξαναχτίσιμο από το WordPress αναπαράγει τον αριθμό τηλεφώνου που επιβεβαίωσε ο πελάτης και τη διεύθυνση που ανακτήθηκε, αντί να εισάγει ξανά τα παλιά λάθη. Οι ανακατευθύνσεις είναι μοναδικές σε ένα hash SHA-256 της παλιάς διαδρομής αντί για πρόθεμα. Κάθε τμήμα αρχείου επιλύεται μόνο στη γλώσσα του, ώστε ένα στοιχείο να μην ζει σε δύο URL και να μοιράζει τη δική του κατάταξη. Κάθε φόρμα μετάφρασης στέλνει έναν δείκτη παρουσίας ανά γλώσσα — αυτό επιτρέπει σε μια γλώσσα που λείπει να σημαίνει «ανέγγιχτη» και όχι «διαγραφή» — και το admin smoke suite έχει τεστ παλινδρόμησης γι' αυτό. Τα ονόματα αρχείων κανονικοποιούνται σε NFC πριν τη μεταγραφή, επειδή το macOS και το Linux αποθηκεύουν το ίδιο ελληνικό όνομα με διαφορετικά bytes.
Ενεργά Έργα — Η Τρέχουσα Δουλειά του Κέντρου, στην Πρώτη ΣελίδαΜετρητές Αρχικής — Τέσσερα Νούμερα που Αλλάζει το Ίδιο το ΚέντροΈργα — Ενεργά και Παλαιότερα, με Ένα Κλικ ΑπόστασηΝέα — Ενενήντα Άρθρα από το WordPress, και στις Δύο ΓλώσσεςΕργαλεία Αυτοβοήθειας — Οδηγοί και Υλικό σε Ένα ΕυρετήριοΕπικοινωνία — Η Διεύθυνση που το Παλιό Site Κρατούσε σε Widget του FooterΗ Αγγλική Πλευρά — Το Ίδιο Αρχείο με τα Δικά του URLΟ Πίνακας Ελέγχου — Τι Δημοσιεύει το Κέντρο, και Τι Περιμένει Ακόμη Έλεγχο ΜετάφρασηςΈργα — Και οι Δύο Γλώσσες σε Κάθε Γραμμή, οι Μη Ελεγμένες Μεταφράσεις ΕπισημασμένεςΟ Επεξεργαστής — Καρτέλες Ελληνικά και English, Πεδία SEO, Πλούσιο ΚείμενοΜετρητές — Τα Νούμερα της Αρχικής, και στις Δύο ΓλώσσεςΣτοιχεία Επικοινωνίας — Μία Φόρμα, Δύο Γλώσσες, σε Όλη την ΙστοσελίδαΠολυμέσα — Κάθε Εικόνα σε WebP Κάτω από 200 KB
Ο ιστότοπός μας έχει σχεδιαστεί σύμφωνα με τις τελευταίες οδηγίες προσβασιμότητας WCAG 2.2 Level AA (Web Content Accessibility Guidelines). Αυτό σημαίνει ότι ο ιστότοπος είναι προσβάσιμος σε όλους τους χρήστες, συμπεριλαμβανομένων ατόμων με αναπηρίες.
Χαρακτηριστικά Προσβασιμότητας:
Κατάλληλη αντίθεση χρωμάτων για εύκολη ανάγνωση
Ευανάγνωστες γραμματοσειρές και μεγέθη κειμένου
Πλήρης υποστήριξη πλοήγησης μέσω πληκτρολογίου
Εναλλακτικό κείμενο για όλες τις εικόνες
Σαφής δομή και σημασιολογική HTML
Συμβατότητα με screen readers
Βελτιωμένα μεγέθη στόχων αφής
Ορατοί δείκτες εστίασης
Η προσβασιμότητα είναι η δέσμευσή μας προς όλους τους χρήστες.
Χρηματοδότηση ΕΕ - NextGenerationEU
Χρηματοδοτείται από την Ευρωπαϊκή Ένωση – NextGenerationEU
Η επιχείρηση χρηματοδοτήθηκε στο πλαίσιο της Δράσης «Επιδότηση Επιχειρηματικών Πρωτοβουλιών Νέων Ελεύθερων Επαγγελματιών (ΝΕΕ)» της Δημόσιας Υπηρεσίας Απασχόλησης (ΔΥΠΑ), με χρηματοδότηση από την Ευρωπαϊκή Ένωση – NextGenerationEU, μέσω του Ταμείου Ανάκαμψης και Ανθεκτικότητας «Ελλάδα 2.0».
Το Εθνικό Σχέδιο Ανάκαμψης και Ανθεκτικότητας «Ελλάδα 2.0» στηρίζει επιχειρήσεις και επαγγελματίες στην ανάπτυξη και τον ψηφιακό τους μετασχηματισμό, προσφέροντας χρηματοδοτικά εργαλεία για την ενίσχυση της ανταγωνιστικότητας, της καινοτομίας και της απασχόλησης.
Μέσω αυτού του προγράμματος, η savage.design απέκτησε τους πόρους για τη δημιουργία μιας σύγχρονης, προσβάσιμης και λειτουργικής ψηφιακής παρουσίας που βελτιώνει την επικοινωνία με τους πελάτες και την παροχή υπηρεσιών.
Ο AI Πίνακας Διαχείρισης είναι μια ευφυής διεπαφή που σας επιτρέπει να διαχειρίζεστε κάθε πτυχή της ιστοσελίδας σας απλά μιλώντας. Χωρίς dashboards CMS, χωρίς τεχνικές γνώσεις, χωρίς χειροκίνητη επεξεργασία. Απλά πείτε στο AI τι θέλετε και παρακολουθήστε το να συμβαίνει σε πραγματικό χρόνο.
Περιβάλλον Διπλής Οθόνης
Συνομιλήστε με τον AI βοηθό σας στα αριστερά ενώ βλέπετε τις αλλαγές να εμφανίζονται ζωντανά στα δεξιά. Εναλλάξτε μεταξύ desktop, tablet και mobile προβολών για να δείτε πώς φαίνεται η ιστοσελίδα σας σε κάθε συσκευή.
Τρεις Λειτουργίες
Ρώτησε
Κάντε ερωτήσεις για την ιστοσελίδα σας, λάβετε εξηγήσεις και καθοδήγηση — χωρίς να γίνει καμία αλλαγή.
Ενέργησε
Πείτε στο AI να κάνει αλλαγές. Επεξεργαστείτε κείμενο, ενημερώστε στυλ, αλλάξτε εικόνες, προσθέστε ενότητες — όλα ελεγμένα σε draft πριν δημοσιευτούν.
Σχεδίασε
Ζητήστε ένα λεπτομερές σχέδιο υλοποίησης για σύνθετες ενημερώσεις. Το AI τις αναλύει σε βήματα με εκτιμήσεις πριν ξεκινήσει.
Τι Μπορεί να Κάνει το AI Σας
Επεξεργασία κειμένου, τίτλων και περιεχομένου
Ενημέρωση χρωμάτων, γραμματοσειρών και διάταξης
Αλλαγή και διαχείριση εικόνων
Βελτιστοποίηση SEO και meta tags
Προσθήκη νέων ενοτήτων και σελίδων
Διαχείριση πολύγλωσσου περιεχομένου
Ιστορικό εκδόσεων με επαναφορά ενός κλικ
Διαχωρισμός draft/live — έλεγχος πριν τη δημοσίευση
Ασφάλεια Επιχειρηματικού Επιπέδου
Όλες οι αλλαγές πηγαίνουν πρώτα σε draft — ποτέ απευθείας στην ιστοσελίδα σας
Πλήρες ιστορικό εκδόσεων με άμεση επαναφορά σε οποιαδήποτε προηγούμενη κατάσταση
Αυθεντικοποίηση πολλαπλών χρηστών με πρόσβαση βάσει ρόλων
Πλήρης καταγραφή ελέγχου κάθε ενέργειας
Επιλέξτε το Πλάνο Σας
Starter
€40
/μήνα
Με Claude Haiku 4.5
Ιδανικό για απλές ενημερώσεις περιεχομένου, επεξεργασίες κειμένου και αλλαγές εικόνων.
Επεξεργασία κειμένου και εικόνων
Βασική διαχείριση περιεχομένου
Ιστορικό εκδόσεων
1 λογαριασμός χρήστη
Δημοφιλέστερο
Professional
€100
/μήνα
Με Claude Sonnet 4.6
Αλλαγές σχεδιασμού, νέες ενότητες, SEO και δημιουργία περιεχομένου.
Όλα του Starter
Αλλαγές σχεδιασμού και διάταξης
Βελτιστοποίηση SEO
Έως 3 λογαριασμοί χρηστών
Enterprise
€250
/μήνα
Με Claude Opus 4.6
Σύνθετες λειτουργίες, πλήρης επανασχεδιασμός σελίδων, custom JavaScript και προηγμένη ανάπτυξη.
Όλα του Professional
Ανάπτυξη λειτουργιών πολλαπλών αρχείων
Προηγμένος custom κώδικας
Απεριόριστοι λογαριασμοί χρηστών
Ενδιαφέρεστε για το AI Admin Panel; Συμπεριλάβετέ τον στο αίτημα προσφοράς σας.