Κατασκευή ιστοσελίδας με WordPress για αρχάριους

Κατασκευή ιστοσελίδας με Wordpress για αρχάριους

Tο πιστεύετε ή όχι, η τεχνογνωσία για την κατασκευή ιστοσελίδας με WordPress από το μηδέν, είναι μια δεξιότητα που πρέπει να αποκτήσετε σαν ιδιοκτήτης μιας μικρής επιχείρησης.

Οι λόγοι είναι απλοί:

  • Αν γνωρίζετε πως να κατασκευάσετε το δικό σας website, θα εξοικονομήσετε πολλά χρήματα που διαφορετικά θα δίνατε σε web developers και designers.
  • Θα μπορούσατε να ακολουθήσετε με ευκολία τις τάσεις της αγοράς και να προσαρμόζετε το website σας χωρίς τη βοήθεια προγραμματιστή.
  • Θα είστε πάντα μπροστά από τον ανταγωνισμό που αναγκαστικά θα επιβραδύνει για να πάρει συμβουλές από τους σχεδιαστές ιστοσελίδων.

Είναι εύκολα κατανοητό πως είναι πολύ σημαντικό να μπορείτε να κατασκευάσετε έναν ιστότοπο με WordPress και να έχετε τη δυνατότητα να δημιουργήσετε κάτι πολύ καλό για την επιχείρησή σας.

Η προσέγγιση για την κατασκευή ιστοσελίδας με WordPress που παρουσιάζουμε παρακάτω, δεν χρειάζεται ικανότητες προγραμματισμού (web development) και είναι απόλυτα οικονομική. Η πραγματικότητα είναι πως μπορείτε να κατασκευάσετε και να διαχειριστείτε μόνοι σας την ιστοσελίδα σας, ξοδεύοντας λιγότερα από 70€-80€ το χρόνο.

Ας ξεκινήσουμε την κατασκευή ιστοσελίδας με WordPress βήμα-βήμα … Όταν ολοκληρώσετε την ανάγνωση αυτού του οδηγού, θα είστε σε θέση να κατασκευάσετε έναν όμορφο και λειτουργικό ιστότοπο.

  1. Βρείτε ένα όνομα για την ιστοσελίδα, ένα domain name.
  2. Νοικιάστε server σε μια υπηρεσία web hosting
  3. Εγκαταστείτε το WordPress από το control panel
  4. Επιλέξτε ένα δωρεάν WordPress theme
  5. Εγκαταστείστε μερικά plugin που πρέπει να έχετε για να βοηθήσετε το site να αναπτυχθεί
  6. Ξεκινήστε να δημιουργείτε τις σελίδες και τα άρθρα

Όταν είστε έτοιμοι να δημιουργήσετε ένα λογαρισμό hosting, χρησιμοποιήστε έναν από τους συνδέσμους που θα βρείτε σε αυτή τη σελίδα.

Κατασκευή ιστοσελίδας με WordPress

Ακολουθεί το σχέδιο που θα ακολουθήσουμε στα επόμενα βήματα μας για να καταλήξουμε στην κατασκευή ιστοσελίδας με wordpress. Μιας όμορφης και λειτουργικής ιστοσελίδας με ελάχιστο κόστος κατασκευής!

Βήμα 1ο: Επιλέξτε το WordPress για την κατασκευή της ιστοσελίδας σας

Κατασκευή ιστοσελίδας με WordPress: Γιατί να επιλέξετε το WordPress!

Είναι γεγονός πως υπάρχουν πολλές (δεκάδες) πλατφόρμες που μπορείτε να χρησιμοποιήσετε για την κατασκευή ιστοσελίδας. Είναι τα αποκαλούμενα συστήματα διαχείρισης περιεχομένου (CMS – Content Management Systems).

Πίσω από την δημιουργία των CMS, κρύβεται η ανάγκη ύπαρξης εργαλείων που μας δίνουν την δυνατότητα επεξεργασίας των περιεχομένων ενός website χωρίς γνώσεις προγραμματισμού.

Ως επί το πλήστον, τα CMS μοιάζουν με πολλές γνωστές πλατφόρμες όπως πχ. το Facebook ή τα έγγραφα Google. Δημιουργείτε νέες σελίδες ή έγγραφα και τα δημοσιεύετε στον ιστό.

Όπως ήδη ανάφερα, υπάρχουν δεκάδες συστήματα διαχείρισης περιεχομένου, περισσότερα από 100 σύμφωνα με τη λίστα του Wikipedia.

Ευτυχώς όμως για εμάς, δεν είναι καθόλου δύσκολο να επιλέξουμε το καλύτερο! Το WordPress είναι το κορυφαίο CMS!

Το WordPress χρησιμοποιείται από το 39% των ιστοσελίδων (website ή eshops) (το λέει το w3techs) του παγκόσμιου διαδικτύου. Επαναλαμβάνω … του παγκόσμιου internet!

Για να το δούμε διαφορετικά, τουλάχιστον ένα στα τρία website που θα επισκεφτούμε είναι κατασκευασμένο με WordPress.

Αυτά είναι τα βασικά χαρακτηριστικά του WordPress:

  • Είναι ανοιχτού κώδικα (open source)
  • Είναι δωρεάν
  • Είναι το καλύτερο CMS κατασκευής ιστοσελίδων
  • Είναι ευέλικτο – μπορεί να χρησιμοποιηθεί για την κατασκευή κάθε είδους ιστοσελίδας
  • Είναι γρήγορο, βελτιστοποιημένο και ασφαλές
  • Είναι SEO-ready – κάνει το marketing πολύ ευκολότερο

Το “WordPress”, το λογισμικό WordPress, θα το βρείτε στο website WordPress.org, όχι στο wordpress.com. Για τη διαφορά τους θα μιλήσουμε σε άλλο άρθρο.

Θέλεις να κατασκευάσεις website ή eshop; Χρησιμοποίησε WordPress!!
Θέλεις να κατασκευάσεις website ή eshop; Χρησιμοποίησε WordPress!!

Προς το παρόν, ας σημειώσουμε πως αυτό που θέλουμε βρίσκεται στο wordpress.org, καθώς είναι φθηνότερη και πιο ευέλικτη έκδοση της πλατφόρμας.

  • Σημείωση: Σε αυτό το σημείο δε χρειάζεται να κάνετε τίποτα. Το 1ο βήμα είναι για να εξοικειωθείτε με το εργαλείο που θα χρησιμοποιήσετε στα επόμενα βήματα για την κατασκευή ιστοσελίδας με Worpress.

Βήμα 2ο: Επιλέξτε όνομα για το website, αγοράστε domain & hosting

Κατασκευή ιστοσελίδας με WordPress: domain name και hosting

Πριν ξεκινήσετε την κατασκευή ιστοσελίδας με WordPress είναι αναγκαία η επιλογή του ονόματος της ιστοσελίδας. Κατά την επιλογή του domain name έχετε απόλυτη ελευθερία. Μπορείτε να διαλέξετε οποιοδήποτε όνομα χώρου για το website ή eshop σας.

Ωστόσο υπάρχουν κάποιοι κανόνες που πρέπει να κατανοήσετε για να ετοιμαστείτε με επιτυχία για τη συνέχεια.

Πρώτα απ’όλα, υπάρχουν κοντά 1.9 δισεκατομμύρια ιστότοποι (κατά τη στιγμή της σύνταξης) στο διαδίκτυο. Το γεγονός αυτό από μόνο του καθιστά την εύρεση ενός καλού domain αρκετά δύσκολη.

Μια πολύ καλή αρχή και η προφανής προσέγγιση είναι να δημιουργήσετε το όνομα του ιστότοπου βάση του ονόματος της επιχείρησης σας ή με λέξεις που παρουσιάζουν τη δραστηριότητά σας.

Εν συντομία ένα καλό όνομα τόπου (domain name) πρέπει να:

  • Να μπορεί να γίνει επωνυμία (brand name)
  • Να είναι μοναδικό και να μη μοιάζει με κανένα άλλο
  • Να μπορεί εύκολα να το απομνημονεύσει κάποιος
  • Σύντομο – άλλωστε τα σύντομα ονόματα είναι εύκολο να τα θυμηθούμε
  • Εύκολο στη γραφή και δύσκολο στο να κάνεις ορθογραφικό λάθος
  • Να περιλαμβάνει κάποια σχετική λέξη κλειδί – δεν είναι αναγκαίο ωστόσο αν πχ. πουλάτε pizza καλό θα ήταν κάπου μέσα στο domain να υπάρχει ο όρος pizza. Η τεχνική μπορεί να χρησιμοποιηθεί σε κάθε περίπτωση και όχι μόνο της πίτσας.

Ακολουθούν δύο εργαλεία που θα σας βοηθήσουν να επιλέξετε το domain name:

Χρησιμοποιήστε το εργαλείο μας για τον ελέγχο της διαθεσιμότητας του domain name που έχετε στο μυαλό σας.

Αν το όνομα τόπου που θέλετε δεν είναι διαθέσιμο, τότε μεταβείτε αμέσως στο Νο1 εργαλείο δημιουργίας ονομάτων χώρου, το Domain Weel και δείτε πως μπορεί να σας βοηθήσει.

Ξεκινήστε συμπληρώνοντας τη βασική λέξη-κλειδί του domain που θέλετε για το website ή το eshop σας.

Domain Weel
To Domain Weel θα σας βοηθήσει να βρείτε το ιδανικό domain name

Το Domain Weel θα επιστρέψει μια λίστα με σχετικά ονόματα χώρου. Συνεχίστε ώσπου να βρείτε το ιδανικό domain name.

Μόλις βρείτε το domain name που θέλετε προχωρήστε στο επόμενο βήμα που είναι η καταχώρησή του και αμέσως μετά στην αγορά ενός πακέτου φιλοξενίας (web hosting).

α) Αγορά domain name και hosting

  • Σημείωση: Ενέργεια, όπως η αγορά ενός πακέτου web hosting μπορεί να σας φαίνεται αρκετά δύσκολη. Δεν υπάρχει λόγος ανησυχίας, καθώς η διαδικασία που παρουσιάζουμε παρακάτω είναι εντελώς απλοποιημένη και δεν απαιτεί από εσάς ιδικές τεχνικές γνώσεις.

Με απλά λόγια, φιλοξενία ιστού ή διακομιστής ιστού (web hosting ή web server), είναι κάτι που χωρίς αυτό δε μπορεί να λειτουργήσει κανένα website ή eshop. Είναι το μέρος στο οποίο βρίσκεται ο ιστότοπος και περιμένει τους επισκέπτες.

Είναι υπολογιστές, μόνιμα συνδεδεμένοι στο διαδίκτυο που εξυπηρετούν τους επισκέπτες των ιστοσελίδων και ηλεκτρονικών καταστημάτων.

Για να υπάρχει κάποιο website ή eshop online, πρέπει να νοικιάσετε χώρο σε μια εταιρία φιλοξενίας ιστοσελίδων.

Αυτό είναι πολύ πιο απλό από όσο ακούγεται και θα σας το εξηγήσω σε ένα λεπτό.

Ίσως υπάρχουν χιλιάδες εταιρίες για να κατοχυρώσετε ένα domain name και άλλες τόσες υπάρχουν για να νοικιάσετε web hosting.

Για να μην κάνουμε τα πράγματα περίπλοκα θα σας προτείνω να αγοράσετε web hosting από τo Papaki.gr

Η επιλογή ενοικίασης υπηρεσίας hosting από τo papaki.gr σας εξασφαλίζει:

  • Αξιόπιστο hosting, ειδικά σχεδιασμένο για wordpress ώστε το website να λειτουργεί απρόσκοπτα
  • Είναι φθηνό (από 3.95€ / μήνα)
  • Είναι εύκολο στη χρήση και φιλικό για αρχάριους
  • Αποκτάτε ένα domain name δωρεάν σε κάποια από τις καταλήξεις: .gr, .ελ, .com, .eu, .net και επιπλέον ένα domain σε κατάληξη .site, .website ή .online. Τα δωρεάν domain names έχουν διάρκεια 1 έτος εκτός από τα .gr που έχουν διάρκεια 2 έτη.

Τώρα πρέπει να κάνουμε τα ακόλουθα:

  • Θα πάμε στο Papaki και θα επιλέξουμε ένα πακέτο φιλοξενίας για τον ιστότοπό μας.
  • Θα καταχωρήσουμε ένα domain name με το στη Bluehost (το domain name είναι δωρεάν).
  • Θα ζητήσουμε από την Bluehost να εγκαταστήσει το wordpress στο πακέτο φιλοξενίας που θα αγοράσουμε.
  • Μόλις αποκτήσαμε ένα λειτουργικό ιστότοπο με εγκατεστημένο wordpress

Ας ξεκινήσουμε λοιπόν την κατασκευή ιστοσελίδας με WordPress!

Αρχικά, πιέστε εδώ για να μεταβείτε στην υπηρεσία shared hosting. Στη σελίδα που θα μεταβείτε πιέστε το κουμπί “ΞΕΚΙΝΑ ΤΩΡΑ” (φωτο 1) και θα μεταβείτε στα διαθέσιμα πακέτα φιλοξενίας.

Φωτο 1

Στις περισσότερες περιπτώσεις, εάν ξεκινάτε έναν νέο ιστότοπο, το φθηνότερο πακέτο – που ονομάζεται Small- είναι αρκετό. Κοστίζει μόνο 3.95€/μήνα και είναι ιδανικό για να ξεκινήσετε την κατασκευή ιστοσελίδας με wordpress..

Πιέστε στο παραγγελία (φωτο 2) και θα μεταβείτε στο καλάθι αγορών.

Φωτο 2

Αμέσως θα μεταβείτε στο καλάθι αγορών όπου

  1. Επιλέξτε διάρκεια πακέτου φιλοξενίας τα 2 έτη (φωτο 3). Αυτό το κάνουμε για να πάρουμε δωρεάν .gr ή .ελ domain. Αν δεν θέλετε domain name σε κατάληξη .gr γιατί επιλέξατε κάποιο .com, .eu ή .net μπορείτε να κρατήσετε την αρχική επιλογή διάρκειας 1 έτους.
  2. Πιέστε για συνέχιση της παραγγελίας σας.

Σε αυτό το βήμα δεν χρειάζεται να δηλώσετε το domain name που έχετε επιλέξει. Αυτό θα το κάνετε αργότερα. Συνεχίστε με την ολοκλήρωση της αγοράς του πακέτου φιλοξενίας.

Φωτο 3

Αφού ολοκληρώσετε την αγορά του πακέτου φιλοξενίας επικοινωνήστε με το support πιέζοντας εδώ (φωτο 4) και ζητήστε να σας δοθεί δωρεάν το domain που έχετε επιλέξει καθώς και να εγκαταστήσουν το wordpress στον λογαριασμό σας hosting.

Το website σας είναι έτοιμο και μπορειτε να ξεκινήσετε την κατασκευή ιστοσελίδας με wordpress!!!

Ζητήστε από το support το δωρεάν domain name που έχετε επιλέξει
Φωτο 4

Έχετε πλέον τον ιστότοπο σας έτοιμο για την κατασκευή ιστοσελίδας με wordpress. Στο email σας θα σας σταλούν τα στοιχεία εισόδου στο wordpress.

Βήμα 3ο: Εξοικειωθείτε με το περιβάλλον του Wordpres UI

Κατασκευή ιστοσελίδας με WordPress: Το περιβάλλον διαχείρισης του WordPress

Η ολοκλήρωση της εγκατάστασης σημαίνει πως η κατασκευή ιστοσελίδας με WordPress ολοκληρώθηκε. Τώρα μπορείτε να αρχίσετε την επεξεργασία του ιστότοπου σας. Μπορείτε να εισέλθετε στο περιβάλλον διαχείρισης του WordPress πηγαίνοντας στη διεύθυνση
www.TODOMAINSAS.com/wp-admin/

Στην οθόνη σας θα εμφανιστεί:

Η οθόνη εισόδου στο WordPress
Η οθόνη εισόδου στο WordPress

Χρησιμοποιήστε τα στοιχεία εισόδου που σας έχουν σταλεί από το support στο προηγούμενο βήμα μας.

Μετά την είσοδό σας θα δείτε την κεντρική οθόνη του περιβάλλοντος διαχείρισης του WordPress:

Η οθόνη της κεντρικής διαχείρισης του WordPress
Η οθόνη της κεντρικής διαχείρισης του WordPress
  • (1) Μήνυμα καλωσορίσματος – Πολύ σημαντική περιοχή του κέντρου διαχείρισης του wordpress. Εδω θα βρείτε συνήθως συνδέσμους για τον τρόπο δημιουργίας της ιστοσελίδας σας
  • (2) Η τρέχουσα κατάσταση της ιστοσελίδας.
  • (3) Άρθρα – Εδώ μπορείτε να δημιουργήσετε και να δημοσιεύσετε τα άρθρα σας
  • (4) Πολυμέσα – Η βιβλιοθήκη πολυμέσων. Εδώ μπορείτε να ανεβάσετε και να διαχειριστείτε φωτογραφίες κ.α multimedia αρχεία.
  • (5) Σελίδες – Εδώ μπορείτε να δημιουργήσετε σελίδες
  • (6) Σχόλια – Εδώ μπορείτε να ελέγξετε τα σχόλια που γίνονται στα άρθρα σας
  • (7) Εμφάνιση  – Εδώ μπορείτε να αλλάξετε το σχεδιασμό του ιστότοπου ή και να αλλάξετε το τρόπο και τη διάταξη στην τρέχουσα εμφάνιση
  • (8) Πρόσθετα – Εγκαταστήστε νέα πρόσθετα εδώ
  • (9) Χρήστες – Επεξεργαστείτε τα στοιχεία των χρηστών, καθορίστε ποιοί μπορούν να έχουν πρόσβαση στο περιβάλλον διαχείρισης
  • (10) Εργαλεία – Διάφορα εργαλεία του wordpress 
  • (11) Ρυθμίσεις – Οι κεντρικές ρυθμίσεις

Σε αυτό το σημείο καλό είναι να κάνετε μερικές ρυθμίσεις που θα βελτιώσουν την εμπειρία σας με το wordpress.

(α) Μόνιμοι σύνδεσμοι

Οι μόνιμοι σύνδεσμοι καθορίζουν τη δομή των μεμονωμένων διευθύνσεων των σελίδων -γνωστές και ως διευθύνσεις URL’s- του ιστότοπού σας. Η καλύτερη δομή είναι να υπάρχει ο τίτλος του άρθρου ή της σελίδας στο URL. Πχ. η σελίδα “Σχετικά με εμάς” θα βρίσκεται στη διεύθυνση http://towebsitesas.gr/σχετικα-με-εμας . Αυτό θα το καταφέρετε με τη σωστή ρύθμιση των μόνιμων συνδέσμων (ή permalinks).

Για να ρυθμίσετε τους μόνιμους συνδέσμους μεταβείτε από την αριστερή στήλη πλοήγησης στην επιλογή Ρυθμίσεις –> Μόνιμοι σύνδεσμοι και επιλέξτε στο κοινές ρυθμίσεις την επιλογή “Όνομα άρθρου”.

Ρύθμιση μόνιμων συνδέσμων του WordPress
Ρύθμιση μόνιμων συνδέσμων του WordPress

(β) Αφήστε τις μηχανές αναζήτησης να βρούν τον ιστότοπό σας

Αν θέλετε η Google και οι άλλες μηχανές αναζήτησης να βρούν τον ιστότοπό σας σιγουρευτείτε πως στις Ρυθμίσεις –> Ανάγνωση η επιλογή “Εμφάνιση σε μηχανές αναζήτησης” δεν είναι τσεκαρισμένη.

Επιτρέψτε στη Google και τις μηχανές αναζήτησης να βρούν τον ιστότοπό σας
Επιτρέψτε στη Google και τις μηχανές αναζήτησης να βρούν τον ιστότοπό σας

(γ) Ρυθμίστε τον τίτλο και τον υπότιτλο

Μεταβείτε στο Ρυθμίσεις –> Γενικά και συμπληρώστε τον τίτλο και τον υπότιτλο του website. Ο τίτλος και ο υπότιτλος μπορεί να εμφανίζονται σε διάφορες θέσεις μέσα στο wordpress website. Κάποια wordpress themes χρησιμοποιούν αυτές τις πληροφορίες στην κεντρική σελίδα και την SEO περιγραφή του ιστότοπου – την οποία χρησιμοποιεί η Google για να κατατάξει το website ή το eshop σας στις σελίδες αποτελεσμάτων αναζήτησης.Ο υπότιτλος δεν είναι υποχρεωτικό να συμπληρωθεί και μπορείτε να αφήσετε κενό το πεδίο.

(δ) Επιτρέψτε ή απαγορεύστε τη δημοσίευση σχολίων 

Το να επιτρέψετε στους επισκέπτες σας να αφήνουν σχόλια στα άρθρα και τις σελίδες μπορεί να έχει και θετικά αλλά και αρνητικά αποτελέσματα. Από τη μία επιτρέποντας τα σχόλια μπορεί να δημιουργηθεί μια κοινότητα γύρω από το website σας. Υπάρχει όμως και ο κίνδυνος να γίνει μια χρονοβόρα διαδικασία καθώς θα πρέπει να ξεχωρίσετε τα spam και τα trols.

Η απόφαση είναι δική σας. Οι ρυθμίσεις των σχολίων βρίσκονται στο Ρυθμίσεις –> Συζήτηση.

Ενεργοποιήστε ή απενεργοποιήστε τα σχόλια του wordpress
Ενεργοποιήστε ή απενεργοποιήστε τα σχόλια του wordpress

(ε) Ρυθμίστε τη ζώνη ώρας

Ρυθμίζοντας τη ζώνη ώρας οι αναγνώστες σας θα γνωρίζουν πότε έγινε η δημοσίευση ενός άρθρου. Γενικά, η ρύθμιση ώρας καλό θα είναι να γίνεται βάση της ώρας στην οποία λειτουργεί το κοινό σας.


Βήμα 4ο: Επιλέξτε ένα theme – το σχέδιο του website 

Κατασκευή ιστοσελίδας με WordPress: Τα σχεδιαστικά πρότυπα – γνωστά ως themes

Ένα από τα πολύ καλά χαρακτηριστικά που θα βοηθήσει σημαντικά την κατασκευή ιστοσελίδας με wordpress, είναι πως το WordPress λειτουργεί με έτοιμα σχέδια ιστοσελίδας (design) που εναλλάσσονται. Αυτά τα σχέδια ιστοσελίδων που χρησιμοποιεί το WordPress ονομάζονται themes.

Αυτή η εύκολη εναλλαγή σημαίνει πως μπορείτε να αλλάξετε την εμφάνιση του ιστότοπου σας με ένα κλικ!!! Για παράδειγμα το wordpress αμέσως μετά την εγκατάσταση μπορεί να δείχνει έτσι:

Η εμφάνιση μιας WordPress ιστοσελίδας με το default Twenty Seventeen theme. Τα themes βοηθούν σημαντικά στην κατασκευή ιστοσελίδας με wordpress.
Η εμφάνιση μιας WordPress ιστοσελίδας με το default Twenty Seventeen theme.

(α) Επιλέξτε το theme που σας αρέσει

Όπως προανέφερα, τα theme’s είναι έτοιμα σχέδια για το wordpress που καθορίζουν τον τρόπο εμφάνισης του ιστότοπου. Η εγκατάσταση γίνεται με ένα κλικ και στο μέλλον αν θέλετε μπορείτε να τα τροποποιήσετε χωρίς πρόβλημα.

Καθιστούν λοιπόν την κατασκευή ιστοσελίδας με WordPress εύκολη υπόθεση. Το σημαντικότερο όλων είναι πως τα themes δεν επηρεάζουν το περιεχόμενο του website αλλά μόνο την εμφάνισή του.

Υπάρχει πλήθος θεμάτων (theme’s) για να χρησιμοποιήσετε στην κατασκευή ιστοσελίδας με WordPress. Αρκεί να κοιτάξετε στην επίσημη βιβλιοθήκη του WordPress όπου θα βρείτε χιλιάδες.

Βέβαια δεν είναι μόνο αυτά. Υπάρχουν πολλά περισσότερα WP Themes που μπορείτε να επιλέξετε για την κατασκευή ιστοσελίδας με WordPress. Θα τα βρείτε στις ιστοσελίδες κατασκευαστών όπως η aThemes αλλά και σε μεγάλα online καταστήματα σαν το ThemeForest . Εκεί μπορείτε να διαλέξετε ανάμεσα σε χιλιάδες επί πληρωμή σχέδια για την κατασκευή ιστοσελίδας με WordPress.

Το γεγονός πως υπάρχουν χιλιάδες επί πληρωμή themes για την κατασκευή ιστοσελίδας με WordPress, ωστόσο πολλοί χρήστες επιλέγουν τα δωρεάν wp themes. Η επιλογή δεν είναι τυχαία καθώς υπάρχουν αρκετά δωρεάν σχεδιαστικά πρότυπα για να χρησιμοποιήσετε στην κατασκευή ιστοσελίδας με WordPress που έχουν εξαιρετικά χαρακτηριστικά και δυνατότητες.

Η επιλογή ενός theme που να ταιριάζει θα τη συζητήσουμε σε άλλο άρθρο, γιατί τώρα θα ασχοληθούμε με τις βασικές λειτουργίες ενός theme, ώστε να κατανοήσετε τα πρώτα βήματα για την κατασκευή ιστοσελίδας με WordPress.

(β) Εγκατάσταση WordPress theme

Κατασκευή ιστοσελίδας με WordPress: Εγκατάσταση theme

Αν το theme που επιλέξατε για την κατασκευή ιστοσελίδας με WordPress βρίσκεται στην επίσημη βιβλιοθήκη του WordPress, τότε το μόνο που σας χρειάζεται για την εγκατάσταση του theme είναι το όνομά του.

Με τον ακόλουθο τρόπο θα εγκαταστήσετε ένα theme από τη βιβλιοθήκη του WordPressQ

Μεταβείτε στο Εμφάνιση –> Θέματα και πιέστε το “Προσθήκη νέου”.

Προσθέστε νέο theme από τη βιβλιοθήκη του WordPress
Προσθέστε νέο theme από τη βιβλιοθήκη του WordPress

Στη νέα οθόνη αναζητήστε το theme που θέλετε με το όνομά του:

Αναζητήστε theme για το WordPress
Αναζητήστε theme για το WordPress

To theme που επιλέξατε για την κατασκευή ιστοσελίδας με WordPress θα εμφανιστεί στα αποτελέσματα της αναζήτησης που κάνατε. Το μόνο που χρειάζεται να κάνετε είναι να πιέσετε στο “Εγκατάσταση”

Εγκατάσταση WordPress theme
Πιέστε “Εγκατάσταση”

Μέτα από λίγα δευτερόλεπτα το theme θα έχει εγκατασταθεί. Για να δουλέψει το WordPress με το επιλεγμένο theme, πιέστε “Ενεργοποίηση”.

Το “Astra” είναι ένα από αυτά τα δωρεάν WordPress Theme’s που έχουν πολύ καλά χαρακτηριστικά. Για να δείτε τις δυνατότητές του πιέστε στο “Ξεκινήστε”

Εξερευνήστε τις δυνατότητες ενός δωρεάν WordPress theme
Πιέστε στο “Ξεκινήστε”

Θα μεταβείτε στην κεντρική οθόνη του theme όπου θα χρειαστεί να επιλέξετε editor. Επιλέξτε τον Gutemberg. Μετά την επιλογή θα μεταφερθείτε στη σελίδα με τα έτοιμα πρότυπα του Astra.

Επιλέξτε ένα έτοιμο πρότυπο
Επιλέξτε ένα έτοιμο πρότυπο

Αμέσως θα μεταβείτε σε άλλη οθόνη όπου μπορείτε να δείτε μια προεπισκόπηση του σχεδιαστικού προτύπου και να αποφασίσετε αν ταιριάζει στις ανάγκες σας. Η κατασκευή ιστοσελίδας με Wordperss δεν ήταν ποτέ ευκολότερη υπόθεση καθώς το σχεδιαστικό πρότυπο σας δίνει την δυνατότητα να εισάγετε ολόκληρο το site ή μόνο την κεντρική του σελίδα.

Για να αποφασίσετε αν το πρότυπο ταιριάζει στις απαιτήσεις σας καλό θα ήταν να έχετε σχεδιάσει πρώτα τον ιστότοπό σας.

Ο σχεδιασμός ιστοσελίδας έχει μια διαδικασία που όμως είναι αναγκαία για την σωστή κατασκευή ιστοσελίδας με WordPress και όχι μόνο.

Προεπισκόπηση - Εισαγωγή προτύπου
Προεπισκόπηση – Εισαγωγή προτύπου

Το συγκεκριμενο πρότυπο περιλαμβάνει 4 σελίδες: Την κεντρική σελίδα, σελίδα about (σχετικά), σελίδα με τις υπηρεσίες (services) και σελίδα επικοινωνίας. Από την επιθεώρηση της προεπισκόπησης έχουμε αποφασίσει πως το website εξυπηρετεί τις ανάγκες μας και πιέζουμε “import” για να εισάγουμε όλο το έτοιμο περιεχόμενο.

Εισαγωγή του έτοιμου template
Εισαγωγή του έτοιμου template

Η κατασκευή ιστοσελίδας με WordPress πέρασε στον τελευταίο στάδιο καθώς με την εισαγωγή δημιουργούνται οι απαραίτητες σελίδες, εγκαθίστανται τα αναγκαία πρόσθετα (plugins), οι μικροεφαρμογές, και το κεντρικό μενού.

Σε αυτό το σημείο το website είναι έτοιμο και μπορείτε να το επισκεφτείτε στο www.TODOMAINSAS.com. Η κατασκευή ιστοσελίδας με WordPress έχει σχεδόν ολοκληρωθεί. Μένει μόνο η προσαρμογή της στις ανάγκες σας.

(γ) Επεξεργασία του theme

Κατασκευή ιστοσελίδας με WordPress: Ρυθμίσεις στο theme

Αν η ιστοσελίδα που κατασκευάσαμε δείχνει αρκετά όμορφη, θα δούμε πως θα κάνουμε κάποιες βασικές αλλαγές. Για να ξεκινήσετε μεταβείτε στο Εμφάνιση –> Προσαρμογή. Θα μεταβείτε στο περιβάλλον επεξεργασίας.

Το περιβάλλον επεξεργασίας του WordPress theme
Το περιβάλλον επεξεργασίας του WordPress theme

Από αυτό το περιβάλλον, κατά την κατασκευή ιστοσελίδας με wordpress αλλά και όταν θέλετε να αλλάξετε κάποια στοιχεία, μπορείτε να επεξεργαστείτε πολλές ρυθμίσεις.

Οι επιλογές είναι:

  1. Γενικά
    Εδώ θα επεξεργαστείτε τις γραμματοσειρές και τα χρώματα που επηρεάζουν το website, τις επικεφαλίδες και τα κουμπιά.
  2. Κεφαλίδα
    Επεξεργαστείτε το λογότυπο, τον τίτλο, τον υπότιτλο
  3. Πλευρική στήλη
  4. Υποσέλιδο
  5. Μικροεφαρμογές
  6. Ρυθμίσεις αρχικής σελίδας
  7. Πρόσθετη CSS

Γενικά

Εδώ θα επεξεργαστείτε τις γραμματοσειρές και τα χρώματα που επηρεάζουν το website, τις επικεφαλίδες και τα κουμπιά.

Κεφαλίδα

Επεξεργαστείτε το λογότυπο, τον τίτλο, τον υπότιτλο

Πλευρική στήλη (sidebar)

Υποσέλιδο

Μικροεφαρμογές

Ρυθμίσεις αρχικής σελίδας

Εδώ μπορείτε να ρυθμίσετε την κεντρική σελίδα και τη σελίδα του blog.

Για την κεντρική σελίδα οι επιλογές είναι δύο. Τα τελευταία άρθρα ή μια στατική σελίδα. Το theme που εγκαταστήσαμε έχει ρυθμίσμένη μια στατική σελίδα.

Αν θέλετε και σελίδα blog, πιέστε στο “Προσθήκης νέας σελίδας” κάτω από τη “Σελίδα άρθρων” για να δημιουργήσετε νεα σελίδα για τη σελίδα του blog. Ονομάστε τη σελίδα: Blog.

Επεξεργασία κεντρικής σελίδας
Επεξεργασία κεντρικής σελίδας

Πρόσθετη CSS


Βήμα 5ο: Βρείτε πρόσθετα που θα επεκτείνουν τις δυνατότητες του ιστότοπου σας

Κατασκευή ιστοσελίδας με WordPress: Τα πρόσθετα – γνωστά ως plugins

Τα πρόσθετα (plugins) επεκτείνουν τις δυνατότητες του ιστότοπού σας προσθέτοντας επιπλέον απαραίτητες δυνατότητες. Τα plugins προσφέρουν σημαντική βοήθεια στην κατασκευή ιστοσελίδας με WordPress γιατί προσθέτουν σημαντικές δυνατότητες χωρίς να γνωρίζουμε ούτε τη σημαίνει κώδικας.

Παρακάτω είναι μια λίστα με δωρεάν πρόσθετα που προτείνω να εγκαταστήσετε:

  • Yoast SEO – Θα σας βοηθήσει σημαντικά με την βελτιστοποίηση για τις μηχανές αναζήτησης (SEO) κάνοντας τον ιστότοπο πιο φιλικό στις search engines.
  • Google Analytics for WordPress – To πρόσθετο να σας βοηθήσει να συνδέσετε το website με τη δημοφιλέστερη πλατφόρμα στατιστικών το Google Analytics.
  • Wordfence Security – Θα βελτιώσει την ασφάλεια της ιστοσελίδας

Η εγκατασταση ενός plugin είναι ευκολη. Αν έχετε να εγκαταστήσετε ένα δωρεάν πρόσθετο τότε χρειάζεστε μόνο το όνομά του.

Από το μενού διαχείρισης μεταβείτε στο “Πρόσθετα –> Εγκατάσταση νέου“. Στη σελίδα που θα μεταφερθείτε δώστε στο πεδίο αναζήτησης που βρίσκεται επάνω δεξιά το όνομα του προσθέτου. Μόλις το βρείτε πιέστε “Εγκατάσταση” και στη συνέχεια “Ενεργοποίηση”

Βήμα 6ο: Δημιουργήστε τις βασικές σελίδες

Κατασκευή ιστοσελίδας με WordPress: Κατασκευή σελίδας

Όπως έχουμε δεί το σχεδιαστικό πρότυπο που εισάγαμε στο theme μας δημιούργησε τις βασικές σελίδες του website μας. Μεταβαίνοντας στο “Σελίδες –> Όλες οι σελίδες” θα δούμε λίστα με όλες τις σελίδες που υπάρχουν στον ιστότοπο μας. Περνόντας τον κέρσορα του πονικιού μας πάνω από τον τίτλο μιας σελίδας θα εμφανηστεί ένα μενού με συνδέσμους για: Επεξεργασία, Ταχυεπεξεργασία, Διαγραφή και Προβολή.

Εμάς μας ενδιαφέρει η δημιουργία νέας σελίδας οπότε μεταβαίνουμε από το μενού στο “Σελίδες –> Προσθήκη νέας“. Θα δείτε την παρακάτω οθόνη:

Δημιουργία σελίδας στο WordPress
Δημιουργία σελίδας στο WordPress
  1. Στο πεδίο γράφετε τον τίτλο της σελίδας
  2. Η περιοχή είναι για το κεντρικό περιεχόμενο της σελίδας. Ο εύχρηστος επεξεργαστής κειμένου διαθέτει όλες τις βασικές λειτουργίες.
  3. Μπορείτε να προσθέσετε φωτογραφίες πιέζοντας στο κουμπί.
  4. Εναλλαγή ανάμεσα σε επεξεργαστές κειμένου: Οπτικός και Κείμενο. Κρατήστε τον οπτικό γιατί στο Κείμενο πρέπει να γνωρίζετε κώδικα html.
  5. Επιλέξτε ανάλογα αν θα επιτρέψετε στους επισκέπτες να αφήνουν σχόλια. Την επιλογή για ¨παραπομπές και παραθέματα” μην την επιλέξετε.
  6. Η Χαρακτηριστική εικόνα ρυθμίζεται στα περισσότερα WordPress themes. Η φωτογραφία εμφανίζεται σε επιλεγμένες περιοχές της ιστοσελίδας.
  7. Στην περιοχή Δημοσίευση βρίσκεται το κουμπί που θα δημοσιεύσει τη σελίδα που μόλις δημιουργήσατε στο WordPress

Βήμα 7ο: Δημιουργήστε ένα blog

Κατασκευή ιστοσελίδας με WordPress: Δημιουργία blog

Η δημιουργία ενός blog στο website ή το eshop είναι μια σημαντική εργασία. Θα σας χρησιμεύσει πάρα πολύ αν θέλετε να αποδώσει το website. Εδώ θα προσθέσετε άρθρα σχετικά με τη δραστηριότητά σας, θα δημιουργήσετε εσωτερικούς και εξωτερικούς συνδέσμους. Αν το άρθρο σας είναι καλό θα κερδίσετε και εισερχόμενους συνδέσμους όπως και shares.

Η ύπαρξη blog και η συγγραφή ποιοτικών άρθρων είναι υποχρεωτική κατά τη βελτιστοποίηση SEO του ιστότοπου ώστε να κατακτήσει καλές θέσεις στις μηχανές αναζήτησης. Κάθε εταιρεία SEO πρέπει να δημιουργεί blog για τους πελάτες της.

Νωρίτερα δημιουργήσαμε στο theme μας την κεντρική σελίδα του blog και τώρα μένει να αρχίσουμε να δημιουργούμε και να δημοσιεύουμε άρθρα.

Για τη δημιουργία ενός νέου άρθρου, μεταβείτε από το μενού στο περιβάλλον διαχείρισης του WordPress στο Άρθρα –> Προσθήκη νέου.

Το περιβάλλον είναι σχεδόν ίδιο με αυτό που συναντήσαμε κατά τη δημιουργία σελίδας.


Βήμα 8ο: Προσαρμόστε την πλοήγηση (menus)

Κατασκευή ιστοσελίδας με WordPress: Η κεντρική πλοήγηση και οι μικροεφαρμογές

Καθώς η κατασκευή του site προχωρεί έφτασε η στιγμή να δούμε πως μπορούμε να επέμβουμε στην κεντρική πλοήγηση της ιστοσελίδας καθώς και τις μικροεφαρμογές που βρίσκονται συνήθως σε κάποια στήλη της ιστοσελίδας.

Και τα δύο είναι πολύ σημαντικοί παράγοντες – αν θέλετε σωστή κατασκευή ιστοσελίδας με WordPress.

(α) Η κεντρική πλοήγηση

Κατασκευή ιστοσελίδας με WordPress: Ρύθμιση κεντρικής πλοήγησης

Η κεντρική πλοήγηση είναι ο “οδηγός” των επισκεπτών του ιστότοπου που αναλαμβάνει τον σημαντικότατο ρόλο της καθοδήγησης τους.

Για να μεταβείτε στις ρυθμίσεις της πλοήγησης πιέστε Εμφάνιση –> Μενού. Θα δείτε την παρακάτω οθόνη:

Η κεντρική πλοήγηση του WordPress
Η κεντρική πλοήγηση του WordPress

Στην αριστερή στήλη βλέπετε όλες τις δημοσιευμένες σελίδες της ιστοσελίδας μας. Επιλέγοντας και πιέζοντας στο Προσθήκη στο μενού θα μεταφερθούν στην δεξιά στήλη. Στη δεξιά στήλη βλέπετε τα ονόματα των σελίδων και την σειρά με την οποία εμφανίζονται τώρα στο κεντρικό μενού.

Μόλις το μενού πλοήγησης είναι έτοιμο, φροντίστε να είναι επιλεγμένο στις ρυθμίσεις μενού το “Πρωταρχικό μενού”. Το πρωταρχικό μενού είναι αυτό που εμφανίζεται στην κορυφή της ιστοσελίδας μας.

  • Σημείωση: Μπορείτε να δημιουργήσετε περισσότερα από ένα μενού πλοήγησης. Για να προσθέσετε νέο μενού πιέστε στο σύνδεσμο “δημιουργήστε ένα νέο μενού” που θα βρείτε στην κορυφή της σελίδας. Να θυμάστε όμως πως κάθε μενού πλοήγησης μπορεί να τοποθετηθεί σε μια συγκεκριμένη θέση. Για το νέο μενού επιλέξτε τοποθεσία εμφάνισης στο υποσέλιδο.

(β) Οι μικροεφαρμογές (widgets)

Κατασκευή ιστοσελίδας με WordPress: Ρυθμιση μικροεφαρμογών

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

Οι συνηθέστερες τοποθεσίες εμφάνισης των μικροεφαρμογών είναι οι πλευρικές στήλες και το footer της ιστοσελίδας. Κάθε WordPress theme μπορεί να έχει περισσότερες διαθέσιμες τοποθεσίες για την εμφάνιση μικροεφαρμογών.

Για να δούμε τις διαθέσιμες περιοχές στο theme που χρησιμοποιούμε και να ρυθμίσουμε τις μικροεφαρμογές θα μεταβούμε από το περιβάλλον διαχείρισης του WordPress στο Εμφάνιση –> Μικροεφαρμογές. Η οθόνη των μικροεφαρμογών δείχνει έτσι:

Το περιβάλλον διαχείρισης των μικροεφαρμογών (widgets)
Το περιβάλλον διαχείρισης των μικροεφαρμογών (widgets)

Εδώ θα βρείτε τις διαθέσιμες μικροεφαρμογές αλλά και τις τοποθεσίες στο website που αυτές μπορούν να εμφανιστούν. Για να προσθέσετε μια μικροεφαρμογή σε κάποια περιοχή εμφάνισης σείρτε τη και τοποθετήστε τη (drag & drop) στην περιοχή που θέλετε.

Μόλις τελειώσετε με την κεντρική πλοήγηση και τις μικροεφαρμογές ο ιστότοπός σας είναι έτοιμος. Γνωρίζετε πλέον σχεδόν τα πάντα για την κατασκευή ιστοσελίδας με WordPress και μπορείτε να αρχίσετε να προωθείτε το website σας.

Γραφτείτε  στο newsletter για να μαθαίνετε άμεσα τα νέα και τις προσφορές μας.

ΓΙΝΕ ΜΕΛΟΣ ΤΟΥ CLUB

όχι, ευχαριστώ!

WELCOME,

Enjoy luxury, exclusivity and discretion

NOW TREAT YOURSELF!

Get 25% Off & Free Shipping On Your First Order. Enter Code WELL25SPE

Scroll to Top