Front-end Web Developer

I am a Mid Front-end Web Developer and IT Trainer

APM

Categories
Δεξιότητες: PHP, CSS, HTML
Εργαλείο Ανάπτυξης WordPress

APM

website-apm-new-designΤο apm είναι ένας ιστοχώρος ο οποίος αναπτύχθηκε ως outsourcing project σε συνεργασία με το TECHNO edu. Το site κατασκευάστηκε με το WordPress CMS. Το σχέδιο του site βασίστηκε σε ένα έτοιμο template το οποίο δομικά ερχόταν ποιο κοντά στις σχεδιαστικές και λειτουργικές απαιτήσεις του πελάτη.

Αξίζει να σημειώσουμε πως το site είναι responsive, δηλαδή προσαρμόζεται σε κάθε τύπο οθόνης. Προκειμένου το υπάρχον template να έρθει στα απαιτούμενα μέτρα έγιναν οι ακόλουθες αλλαγές:

 

  • Αλλαγή του χρωματικού συνδυασμού σε γήινα χρώματα. Τα αρχικά χρώματα ήταν αποχρώσεις του γκρι με ανοιχτό μπλε. Η αλλαγή στον χρωματικό συνδυασμό έγινε με αλλαγή στους κανόνες CSS.
  • Αλλαγή στην δομή της επικεφαλίδας του site. Τροποποίηση δηλαδή της διάταξης του λογοτύπου σε σχέση με το μενού και προσθήκη μηχανισμού αναζήτησης.
    Στο αρχικό template το λογότυπο βρισκόταν αριστερά και δεξιά από αυτό το μενού. Στο τρέχων site το λογότυπο τοποθετήθηκε πάνω από το μενού. Για να υλοποιηθεί αυτό έπρεπε να γίνει αλλαγή στον κώδικα της κεφαλίδας
  • Διαφοροποίηση του λογοτύπου από τις άλλες σελίδες. Όλες οι σελίδες έχουν το ίδιο λογότυπο. Η διαφορά είναι ότι το λογότυπο στην αρχική σελίδα έχει ελαφρός διαφορετικό μέγεθος από αυτό στις υπόλοιπες σελίδες. Για να υλοποιηθεί αυτό έπρεπε να γίνει αλλαγή στον κώδικα της κεφαλίδας όπως και πριν.
  • Αντικατάσταση του slider, που είχε το αρχικό θέμα, με στατική εικόνα. Τόσο το slider όσο και η εικόνα διατηρούνται στο ίδιο μέγεθος.
  • Απλοποίηση της εμφάνισης της αρχικής σελίδας. Αυτό έγινε τόσο με απόκρυψη κομματιών της σελίδας όσο και αφαίρεση αυτών με παρέμβαση στον κώδικα.
  • Προσθήκη λειτουργίας breadcrumb, κάτω από το slider, η οποία δείχνει σε ποια σελίδα βρισκόμαστε.
  • Τροποποίηση του υποσέλιδου του site από 4 στήλες σε 3 και αλλαγή των επιλογών που υπάρχουν σε αυτό. Η τροποποίηση αυτή έγινε με παρέμβαση στον κώδικα.
  • Επιλογή τριών γλωσσών. Η αρχική σκέψη ήταν με χρήση μηχανισμού μετάφρασης. Λόγο πολυπλοκότητας αλλά και τεχνικών θεμάτων, επιλέχθηκε η μεμονωμένη μετάφραση επιλεγμένων σελίδων.