Tilbage til portfolio
Den engelske forside: en mørkeblå bjælke med to telefonnumre, en e-mailadresse og ikoner for sociale medier, logoet og menuen med Home understreget og EN valgt, og over et blåtonet foto af et publikum set bagfra linjen "ΚΔΒΜ 11101147", overskriften "Mediterranean Educational Centre", linjen "A modern vocational training centre", en hvid knap "All projects" og en knap med kant "Read more"; tre runde ikoner med overskrifter begynder nedenunder.
Åbn mesogeiako.gr i en ny fane

Mesogeiako — Erhvervsuddannelsescenter & specialbygget CMS

Overblik

Mesogeiako er et godkendt center for livslang læring og erhvervsuddannelse i Thessaloniki, og sitet var vokset op på WordPress og BeThemes page builder. Genopbygningen beholder alt indholdet og intet af platformen. Den er ren PHP 8.5 på MySQL — en front controller, en autoloader på femten linjer, intet framework, ingen Composer og intet build — omkring fem tusind linjer kildekode og to tusind linjer skabeloner. Græsk er standard, og engelsk ligger under /en/, og ligestillingen mellem sprogene er strukturel frem for eftermonteret: hvert projekt, hver nyhed og hver side er en række med én oversættelsesrække pr. sprog, slugs ligger på oversættelsen, så græske sider beholder græsk-afledte URL'er, og et tredje sprog ville ikke kræve nogen skemaændring. Migreringen er kode, ikke en engangseksport. Enogtyve ordnede, gentagelige trin genopbygger hele sitet fra WordPress-kilden — de læser Muffin Builder-indholdet, fjerner standardtekst, normaliserer overskrifter, fletter dublerede nyheder og trækker indlejrede data-URI-billeder ud i filer — og flytter 33 projekter, 90 nyheder og 20 sider over på begge sprog, med 798 omdirigeringer, så gamle links lander på deres nye sider. Hvert billede i mediebiblioteket er en WebP under 200 KB: kvaliteten trappes ned fra 82 til 40, derefter skrumper dimensionerne, indtil det passer, og originalen slettes. Adminen giver centret dets projekter, nyheder og sider på begge sprog i TinyMCE, et mediebibliotek, kontaktoplysninger samt forsidens tællere og blokke. De strukturerede data rummer postadresse, virksomhedsregistreringsnummer og åbningstider — tre oplysninger, som det gamle site offentliggjorde i en footer-widget i temaet, hvor intet indlæg og ingen importer kunne se dem.

Udfordringer

WordPress havde gemt nogle af fakta. Postadressen, virksomhedsregistreringsnummeret og åbningstiderne lå i en footer-widget i temaet i stedet for i et indlæg, så en indholdseksport så dem aldrig, og det andet telefonnummer modsagde sig selv tre steder på det gamle site. Græske URL'er brød også det oplagte databasedesign: procentkodede løber de jævnligt over 191 tegn med lange fælles præfikser, så et præfiksindeks afviser reelt forskellige adresser som dubletter. Og en tosproget editor har en stille fejltilstand — en gemning, der udelader ét sprog, kan ikke skelnes fra en, der bevidst tømmer det.

Løsninger

Hver rettelse er sit eget nummererede migreringstrin, så en frisk genopbygning fra WordPress gengiver det telefonnummer, kunden har bekræftet, og den genfundne adresse i stedet for at genimportere de gamle fejl. Omdirigeringer er unikke på en SHA-256-hash af den gamle sti frem for et præfiks. Hvert arkivsegment opløses kun på sit eget sprog, så et element ikke lever på to URL'er og deler sin egen placering. Hver oversættelsesformular sender en tilstedeværelsesmarkør pr. sprog — det er den, der lader et manglende sprog betyde »urørt« frem for »slet« — og adminens smoke-testsuite har en regressionstest for det. Filnavne NFC-normaliseres før translitteration, fordi macOS og Linux gemmer det samme græske navn som forskellige bytes.

Galleri

  • Den engelske forside: en mørkeblå bjælke med to telefonnumre, en e-mailadresse og ikoner for sociale medier, logoet og menuen med Home understreget og EN valgt, og over et blåtonet foto af et publikum set bagfra linjen "ΚΔΒΜ 11101147", overskriften "Mediterranean Educational Centre", linjen "A modern vocational training centre", en hvid knap "All projects" og en knap med kant "Read more"; tre runde ikoner med overskrifter begynder nedenunder.

    Forside — Centrets Godkendelse Forrest, Projekterne Ét Klik Væk

  • Projektarkivet med fanerne Active 1 og Inactive 32, hvor Inactive er valgt, over tre projektkort: et regionalt programlogo med en orange sol for "Local employment plans adapted to the needs of local labour markets" og to europæiske støttebannere for projekter med titlen "Training of beneficiaries under the operation …", hvor det midterste kort er løftet under markøren, hvert med et kort resumé og et "View project"-link.

    Projekter — Aktuelle og Tidligere, Ét Klik fra Hinanden

  • En projektside: den nederste del af projektets plakat med fire runde ikoner for en gruppe, en figur, der viser et diagram, en pære med et tandhjul og et certifikat over et mødebord med bærbare computere, og nederst logoer for Den Europæiske Union, ESPA 2021-2027 og forvaltningsmyndigheden; nedenunder overskriften "SUD of the Municipality of Alexandroupoli", en underoverskrift, der nævner de målrettede kurser for ansatte i handelsforeningen i Alexandroupoli og deres støtteprogram, og tekst i fuld bredde med et punkt.

    Projektsider — Tekst i Fuld Bredde, Skrevet og Formateret af Centret

  • Nyhedslisten: hvert punkt har et stort dagtal med måned og år, en overskrift, et kort resumé og et "Read more"-link med et indrammet miniaturebillede til højre; de to første er DYPA-meddelelser fra 30. marts 2026 med DYPA-logoet, og det tredje, "The GAP through the eyes of the participants" fra 5. marts 2026, har overskriften i en lysere blå under markøren ved siden af GAP-projektets logo.

    Nyheder — Halvfems Artikler Overført fra WordPress, på Begge Sprog

  • Selvlæringsindekset i to kolonner af kort, hvert med et dokumentikon, en titel, et kort resumé og en pil: en hjælpeguide for migranter og flygtninge, uopfordrede ansøgninger, en undervisermanual om bæredygtigt vandforbrug, undervisningsmateriale om bioaffald, jobannoncer, at kontakte arbejdsgivere telefonisk, Europass, nyttige links, Spillet om følelsesmæssig intelligens og GAP's e-læringsmateriale; Self-training er understreget i menuen.

    Selvlæringsværktøjer — Guides og Materialer i Ét Indeks

  • Siden About us: til venstre overskriften "ABOUT MEK" under en kort guldstreg og til højre en tekst sat med lige margener, der fortæller, at centret har arbejdet med livslang læring siden 2003, er godkendt af det nationale kvalifikationsorgan under koden 11101147, er optaget i registret over kontorer for rådgivning og erhvervsvejledning og er medlem af netværket CEC, med organisationernes navne som links; toppen af en "PACT FOR SKILLS"-grafik fra Europa-Kommissionen begynder nedenunder.

    Om Os — Godkendelser, Registre og Europæiske Netværk i Én Læsning

  • Kontaktsiden: et mørkeblåt hoved med stien Home / Contact og overskriften "Contact", derefter hvide kort: "EMAIL US" med thessaloniki@mesogeiako.gr, to "CALL US"-kort med 2310 527722 og 2310 537766 og "VISIT US" med en adresse i Neapoli, Thessaloniki, over en mørkeblå knap "Find us on the map" med et nåleikon.

    Kontakt — E-mail, Begge Telefonnumre og Adressen på Fire Kort

  • Forsiden på en tablet: den mørkeblå bjælke med to telefonnumre og en e-mailadresse, et hoved med logoet, EL/EN-skifteren og en menuknap, toppen med "ΚΔΒΜ 11101147", "Mediterranean Educational Centre", "A modern vocational training centre" og knapperne "All projects" og "Read more" over et blåtonet foto af et publikum, og nedenunder to kolonner, "With vision and strategy" og "With validations", hver under et rundt ikon, mens "With modern learning tools" begynder en ny række.

    Forside — Strategi, Certificeringer og Læringsværktøjer Under Velkomsten

  • En projektside på en tablet: plakaten med overskriften "ΣΒΑΑ Δήμου Αλεξανδρούπολης" i mørkeblå og petroleumsblå og logoet for handelsforeningen i Alexandroupoli viser en havnepromenade med et fyrtårn, mennesker omkring et bord, der ser mod en stående oplægsholder, og fire runde ikoner over europæiske støttelogoer; nedenunder overskriften "SUD of the Municipality of Alexandroupoli", en underoverskrift om målrettede kurser for ansatte og begyndelsen af projektteksten.

    Aktive Projekter — Centrets Aktuelle Arbejde, med Plakaten Først

  • En nyhedsartikel på en tablet: på mørkeblåt overskriften "ANNOUNCEMENT — Call for participation in training and counselling actions under the project 'Empowering businesses Seeking Growth (SeeG)'" og "Published 21 October 2022"; nedenunder samme overskrift i blåt, et afsnit med et link til projektets website, en linje med fed skrift om, at personer og virksomheder i den regionale enhed Rodopi kan deltage, to punkter for de to målgrupper, en linje med informationstider, et telefonnummer og et kontaktnavn og toppen af et Interreg-logo.

    Meddelelser — Hvem Kan Søge, og Hvem Man Ringer Til, med Ét Blik

  • Siden About us på en tablet: overskriften "OUR TARGET GROUPS" under en kort guldstreg, et afsnit om, at centret siden 2003 har gennemført hundredvis af medfinansierede projekter inden for livslang læring, og en liste over ti grupper, fra personer med handicap, indvandrere, flygtninge og asylansøgere til unge, ledige, ansatte i den offentlige og private sektor og selvstændige; nedenunder åbner overskriften "Committed to our core strategy, we work collectively:" en nummereret liste.

    Målgrupper — Hvem Centret Uddanner, Klart Opstillet

  • Bunden af siden About us på en tablet: overskriften "Our activity:" over tre hvide kort, et med et Interreg-logo og "OPERATIONAL PROJECTS OF THE 'EUROPEAN TERRITORIAL COOPERATION'", et med EU-flaget og "ERASMUS+" og et med et ESPA 2014-2020-logo og "ESPA", hvert med en mørkeblå knap "READ MORE"; nedenunder et mørkeblåt bånd med fire tal i to kolonner: 200+ training programmes, 3,000+ participants, 50+ projects og 4 European projects.

    Vores Aktiviteter — Interreg, Erasmus+ og ESPA, Hver Ét Tryk Væk

  • Forsiden på en telefon: den mørkeblå bjælke i tre rækker med to telefonnumre, e-mailadressen og fire ikoner for sociale medier, derefter logoet, EL/EN-skifteren og en menuknap, toppen med "ΚΔΒΜ 11101147", "Mediterranean Educational Centre", "A modern vocational training centre" og knapperne "All projects" og "Read more", og nedenunder et rundt ikon og "With vision and strategy" med sin tekst.

    Forsiden på Mobilen — Ring eller Skriv, Før du Overhovedet Scroller

  • Den åbne mobilmenu: et mørkeblåt panel i fuld højde under hovedet med Home, Vocational trainings – Professional guidance, Self-training, About us, News og Contact med stor hvid skrift, hver på sin egen række med en lille pil og en tynd skillelinje, mens menuknappen er blevet til en lukkeknap.

    Mobilmenuen — Seks Afsnit, Hvert Stort Nok at Trykke På

  • Forsidens mørkeblå bånd på en telefon: overskriften "More than 20 years in vocational training" over fire tal i guld under hinanden med hvide etiketter, 200+ training programmes, 3,000+ participants, 50+ projects og 4 European projects, mens etiketten "NEWS" begynder nedenunder.

    Forsidens Tællere — Fire Tal, Centret Selv Redigerer

  • Det engelske projektarkiv på en telefon: fanen Active 1 valgt i mørkeblåt ved siden af Inactive 32 og et enkelt kort med en kursusplakat for Alexandroupoli Kommune, der viser en havnepromenade med et fyrtårn og mennesker omkring et bord, over titlen "SUD Municipality of Alexandroupoli: Targeted Training Actions for Employees — Alexandroupoli …", et kort resumé og et "View project"-link.

    Den Engelske Side — Samme Arkiv på Egne URL'er

  • Nyhedslisten på en telefon: under hovedet en guldstreg, den store dag "30" og "MAR 2026" ved siden af overskriften "DYPA ANNOUNCEMENT — HELPDESK", et kort resumé og et "Read more"-link med DYPA-logoet i en ramme nedenunder; det næste punkt, endnu en DYPA-meddelelse fra samme dag, begynder herunder.

    Nyheder på Mobilen — Dato, Overskrift og Resumé, Lige til at Læse

  • Selvlæringsindekset på en telefon: kort i fuld bredde under hinanden, hvert med et dokumentikon, en titel, et kort resumé og en pil, begyndende med en hjælpeguide for migranter og flygtninge, uopfordrede ansøgninger og en undervisermanual om bæredygtigt vandforbrug.

    Selvlæring på Mobilen — Én Guide pr. Kort, Nem at Trykke På

  • Kontaktsiden på en telefon: fire hvide kort under hinanden under hovedet, "EMAIL US" med thessaloniki@mesogeiako.gr, to "CALL US"-kort med 2310 527722 og 2310 537766 og "VISIT US" med en adresse på Leof. Miki Theodoraki i Neapoli, Thessaloniki.

    Kontakt på Mobilen — Tryk for at Skrive, Tryk for at Ringe

Backoffice

  • Administrationens dashboard på græsk: en mørkeblå sidebjælke med afsnit for overblik, indhold (projekter 34, nyheder 92, sider 20, forsideblokke) og indstillinger (medier, tællere, kontaktoplysninger) og fire kort med tal: 34 projekter, heraf 1 uden fuld oversættelse og 16 til oversættelsestjek; 92 nyheder, 2 og 79; 20 sider, 3 til tjek; og 145 mediefiler på i alt 16,7 MB; nedenunder genveje til nyt projekt, ny meddelelse, upload af filer og kontaktoplysninger med en note om, at hvert uploadet billede bliver til WebP under 200 KB.

    Dashboardet — Hvad Centret Udgiver, og Hvilke Oversættelser der Mangler eller Venter på Tjek

  • Projektlisten i administrationen på græsk: et søgefelt til titler over en tabel med kolonner for titel, sprog, status og kategori; hver række viser en projekttitel, et "EL + EN"-mærke ("1/2" i den første, som også har underprojektmærket "3 υποέργα"), et grønt mærke for udgivet, aktiv eller inaktiv og knapper til at redigere og slette, og de fleste titler har et gult mærke om, at de skal tjekkes.

    Projekter — Sprog, Underprojekter og Utjekkede Oversættelser i Hver Række

  • Redigering af nyhed nr. 8 under den græske fane ved siden af en engelsk: titlen "ΑΝΑΚΟΙΝΩΣΗ ΔΥΠΑ-HELPDESK" på et hvidt ark, feltet til URL-slug, en resuméboks, en SEO-titel, en SEO-beskrivelse med en vejledning om 140–160 tegn og indholdseditorens menuer og værktøjslinje, med knapper til at annullere og gemme øverst og i en bjælke forneden.

    Editoren — Græske og Engelske Faner, SEO-felter, Rich Text

  • Editoren til forsidens tællere: fire rækker, hver med et tal, en endelse med eksemplet "+" og en etiket på græsk og engelsk – 200 + for kurser, 3000 + for deltagere, 50 + for projekter og 4 uden endelse for europæiske projekter – med gem-knapper øverst og nederst.

    Tællere — Forsidens Tal, Redigeret på Begge Sprog

  • Indstillingerne for kontaktoplysninger med græske og engelske felter side om side i to paneler: under identitet virksomhedens registreringsnummer, godkendelseskoden og sitets navn og undertitel på hvert sprog; under kontakt postadressen på hvert sprog med en note om, at det gamle site ikke havde nogen, e-mailadressen, to telefonnumre og et Google Maps-link.

    Kontaktoplysninger — Én Formular, To Sprog, Vist på Hele Sitet

  • Mediebiblioteket, 145 filer og 16,7 MB: et stiplet træk-og-slip-felt, der oplyser, at billeder konverteres til WebP under 200 KB, og at PDF-, Word- og Excel-filer accepteres op til 25 MB, over et gitter af logoer, programplakater og fotos, hver med filnavn, mål og størrelse og knapper til at åbne og slette; miniaturer, der viser ansigter, er sløret.

    Medier — Hvert Billede Konverteret til WebP Under 200 KB