Πως να κατασκευάσεις μόνος σου μια ιστοσελίδα (με χαμηλό κόστος)

Πως να κατασκευάσεις μόνος σου μια ιστοσελίδα (με χαμηλό κόστος)

Είναι εφικτό;

Σαφώς….αλλααά..

Σίγουρα έχεις δει κάποιο βιντεάκι τύπου : πως να φτιάξετε την ιστοσελίδα σας σε 10 λεπτά…

Οφείλω να σε προειδοποιήσω ότι θα χρειαστεί να αφιερώσεις παραπάνω χρόνο-ειδικά αν θες ένα αισθητικά όμορφο και προσεγμένο αποτέλεσμα

Επίσης… θα γλυτώσεις αρκετά χρήματα αλλά η δημιουργία του ιστότοπου ή blog σου δεν θα είναι τελείως #free , κυρίως γιατί πρέπει να αγοράσεις ένα domain name, να φιλοξενήσεις το website σου σε ένα κάλο και γρήγορο server, και (ίσως) να αγοράσεις μερικά χρήσιμα εργαλιάκια που θα σου κάνουν τη ζωή εύκολη.

Οπότε minimal έξοδα και σωστές κινήσεις…….

‘Εχουμε και λέμε :

Κατασκευή website με wordpress Και ένα page builder (στην περίπτωση μας elementor)

Βήμα 1^ο

Domain Name

To όνομα της επιχείρησης

• Φρόντισε να είναι.. μικρό…απλό…εύκολο να το γράψεις….εύκολο να το διαβάσεις…
• Απόφυγε παύλες και αριθμούς @#%^&*
• Ιδιαίτερο-ξεχωριστό και διαθέσιμο

Μπορείς να μπεις στο papaki.gr για να δεις την διαθεσιμότητα του ονόματος που διάλεξες

• Εφόσον απευθύνεσαι σε ελληνικό κοινό το Domain Name, προτιμήστε και ελληνικό domain name

Βήμα 2^ο

Hosting service

1. Το wordpress σου προτείνει το blue host

Τα πακέτα του Blue Host σου προσφέρουν τα παρακάτω :

• 50 GB ή unlimited  SSD Storage
• Unmetered Bandwidth : O όγκος της πληροφορίας που μπορεί να μεταδοθεί μέσω ενός δικτύου σε δεδομένο χρόνο
• Spam Experts : το οποίο λείπει από το πιο φθηνό πακέτο
• Free SSL Certificate : Βεβαιώνει την ασφαλή σύνδεση μεταξύ server και browser. Συνήθως χρησιμοποιείται για να προστατεύσει δεδομένα συναλλαγών με πιστωτικές κάρτες, μεταφορές δεδομένων και Logins

2. Μπορείς να επιλέξεις ένα ελληνικό server ή να αφήσεις πάνω μας την φιλοξενία

Βήμα 3^ο

Τελειώσαμε με τα δυο πρώτα βασικά βήματα Συνδέσου με τον κωδικό σου στο WordPress – Γράψε το Domain Name και δίπλα wp-admin

ΚΑΤΕΒΑΣΤΕ ΤO ELEMENTOR

Βρίσκεσαι στην πλατφόρμα του wordpress. Πήγαινε στα Plugins και για αρχή εγκαταστήστε το Elementor. Αν θες πλήρη λειτουργικότητα αγόρασε το Εlementor Pro – έτσι θα μπορείς να επεξεργαστείς και το header/footer της ιστοσελίδας σου και θα έχεις όλα τα διαθέσιμα widget του elementor να παίξεις, με κόστος 49$ για ένα site

Αφού εγκαταστήσεις το Elementor, ήρθε η ώρα να διαλέξεις θέμα για το website σου .

Βήμα 4^ο

Αppearance -> Themes -> add new theme

Διάλεξε ένα θέμα που να είναι πλήρως συμβατό με elementor και να είναι responsive και Seo friendly

Μερικά από τα θέματα που προτείνει το Elementor

• Hello  
• Layers –
• Sydney
• GeneratePress. 
• OceanWP
• Astra Theme
• Neve
• Tesseract
• Page Builder Framework
• Zakra.
• Phlox

Εγκατέστησε το θέμα της επιλογής σου. Εμείς σου προτείνουμε το Astra. Ελαφρύ, γρήγορο και με πολλές επιλογές παραμετροποίησης, SEO friendly δηλαδή.

Θα σου προτείνει μερικά plugins όπως το Astra Starter Sites, οπού μπορείς να επιλέξεις ένα template που να ταιριάζει με το site που θέλεις να δομήσεις.

Appearance -> Astra Starter Sites

Και διαλέγεις ανάμεσα σε 100 διαφορετικά Template

Aλλιώς μπορείς να το χτίσεις από την αρχή με blank canvas. Το elementor έχει drug and drop λειτουργία, οπού προσθέτεις τα κομμάτια που επιθυμείς να έχει το site σου και δεν απαιτεί προγραμματιστικές γνώσεις

Βήμα 5^ο

ΦΤΙΑΞΤΕ ΤΟ MENU ΤΟΥ WEBSITE:

Πήγαινε Pages -> all pages

Διέγραψε όσες σελίδες δεν χρειάζεσαι και μετονόμασε τις υπόλοιπες στα ελληνικά και κατά προτίμηση κεφαλαία.

Τη σελίδα που λέγεται front page, ονόμασε τηνAρχική – και πάτησεEdit with elementor

Τώρα μπορείς να ξεκινήσεις το design της ιστοσελίδας σου

Αν σε καλύπτει πλήρως το Αstra Theme και το template που διάλεξες από το Αstra Sites ξεκίνα την επεξεργασία ( άλλαξε φωτογραφίες, κείμενα κ.τ.λ.π. )

 Άμα θες να δημιουργήσεις κάτι που δεν προυπάρχει στο template που επέλεξες

• Πάτα add section
• Διάλεξε τη μορφολογία
• Βάλε τα blocks που επιθυμείς π.χ. : αριστερά κείμενο – δεξια φωτογραφία

Το elementor σου παρέχει επίσης και μια βιβλιοθήκη με blocks και templates

Κάνε browse στα templates και άμα δεις κάποιο στοιχείο που σου αρέσει μπορείς να το βάλεις σε οποιοδήποτε section της σελίδας

Όποιο κομμάτι δεν ταιριάζει με το site σου από το καινούργιο template που έβαλες μπορείς φυσικά να το διαγράψεις..

Την ίδια διαδικασία θα εφαρμόσεις και στα υπόλοιπα κομμάτια του website

Με πειραματισμό και διάθεση να μάθεις το Elementor θα έχεις δημιουργήσει μια μοντέρνα ιστοσελίδα και θα το έχεις κάνει μόνος σου….

Αν πάλι θεωρείς ότι δεν είναι τελικά εφικτή λύση για σένα, μπορείς πάντα να αφήσεις την κατασκευή της ιστοσελίδας σου σε εμάς

Θα βγει όμορφη-σύγχρονη θα αρέσει στο χρήστη και στη Google

Tέλος :

Μερικά χρήσιμα plugins και tips :

Φρόντισε οι φωτογραφίες που ανεβάζεις να είναι “Optimized for web”

Μπορείς να το κάνεις με Photoshop, με διάφορα εργαλεία που υπάρχουν στο Ίντερνετ δωρεάν είτε με πληρωμή και τέλος με ένα Plugin στο wordpress όπως τα παρακάτω

• ImageOptim
• ShortPixel
• TinyJPG
• TinyPNG
• Compressor.io
• Kraken
• ImageOptimizer
• Crush Pics (Shopify App)
• Minifier (Shopify App)

 Χρήσιμα Plugins :

• Yoast SEO
• Wp-optimize
• UpdraftPlus
• Google Analytics for WordPress by MonsterInsights
• Duplicator
• Modula Gallery

Αν θες να μάθεις το elementor στην πληρότητα του, θα βρεις αμέτρητα tutorial στο Youtube 😊 καθώς και διάφορες κοινότητες στο Fb πρόθυμες να σε βοηθήσουν με τις δυσκολίες που ενδέχεται να συναντήσεις…

Το website με Elementor Pro και hosting στην Blue Host θα σου κοστίσει κάτω από 300$ για 3 χρόνια

Καλό design !!