Τρίτη, 19 Μαρτίου, 2024

Κατασκευή Ιστοσελίδων μέσω του WordPress (οδηγός 2022)

Share

Η κατασκευή ιστοσελίδων μέσω του WordPress είναι πλέον μια εύκολη και γρήγορη διαδικασία την οποία μπορεί να ακολουθήσει ο καθένας. Είτε θέλεις να δημιουργήσεις ένα blog, είτε ένα ηλεκτρονικό κατάστημα, είτε ακόμα και μια portfolio σελίδα για να παρουσιάζεις ή να αναδεικνύεις τη δουλειά ή τα προσωπικά σου projects, μπορείς να αποκτήσεις την πρώτη σου ιστοσελίδα σε λίγα λεπτά.

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

Ο συγκεκριμένος οδηγός θα καλύψει τη βασικότερη διαδικασία: Την αγορά ενός πακέτου φιλοξενίας (web hosting), την αγορά ενός ονόματος (domain name) και τη βασική ρύθμιση του WordPress με το που το εγκαταστήσεις για πρώτη φορά. Από εκεί και πέρα, θα είσαι σε θέση να χρησιμοποιήσεις είτε ένα έτοιμο πρότυπο για να δημιουργήσεις την πρώτη σου ιστοσελίδα, είτε ακόμα και να αγοράσεις ένα επαγγελματικό. Μπορείς επίσης να δημιουργήσεις έναν custom σχεδιασμό, αλλά εκεί απαιτούνται ειδικευμένες γνώσεις πάνω σε γλώσσες προγραμματισμού.

Συχνές Ερωτήσεις για την κατασκευή ιστοσελίδων μέσω του WordPress

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

Τι είναι το WordPress;

Το WordPress είναι ένα CMS (Content Management System) σύστημα το οποίο σου παρέχει ένα περιβάλλον χρήσης μέσα από το οποίο μπορείς να δημιουργείς και να διαχειρίζεσαι με ευκολία μια ιστοσελίδα και το περιεχόμενο της. Το WordPress είναι επίσης ανοιχτού-κώδικα και μπορείς να το κατεβάσεις και να το χρησιμοποιήσεις εντελώς δωρεάν, με τον κώδικα του να παρέχεται ελεύθερα προς όλους. Με την συγκεκριμένη πλατφόρμα μπορείς να δημιουργείς και να διαχειρίζεσαι από απλές ιστοσελίδες, έως και μεγάλα blogs, ηλεκτρονικά καταστήματα, portfolios, landing σελίδες, συστήματα διαχείρισης χρηστών, forum και οτιδήποτε άλλο μπορείς να φανταστείς.

Τι είναι τα domain names;

Το domain names είναι τα ονόματα των ιστοσελίδων. Για παράδειγμα, το domain name της ιστοσελίδας που διαβάζεις τώρα, είναι το Inkstory.gr. Ένα άλλο domain name είναι το Google.gr, το Bing.com, το LinkedIn.com κ.ο.κ. Οι καταλήξεις, είναι αυτές που μπαίνουν στο τέλος του ονόματος, όπως τα .gr, .com, .eu, .co, .org, .io και εκατοντάδες άλλες. Κάποιες καταλήξεις υποδηλώνουν τη χώρα, όπως το .gr για Ελλάδα, το .BG για Βουλγαρία, το .eu για Ευρώπη και πάει λέγοντας.

Άλλες καταλήξεις, όπως για παράδειγμα το .org, αφορά τους μη κερδοσκοπικούς οργανισμούς, τα ανοιχτού-κώδικα λογισμικά και, σε σπάνιες περιπτώσεις πλέον, Κυβερνητικές ιστοσελίδες. Το .shop αφορά τα ηλεκτρονικά καταστήματα, το .blog τα blogs, το .me τις προσωπικές ιστοσελίδες, ενώ θα βρεις εκατοντάδες άλλες διαθέσιμες καταλήξεις για κάθε θέμα.

Τι είναι το Web Hosting;

Τα Web Hosting πακέτα (αλλιώς γνωστά και ως πακέτα φιλοξενίας) σου παρέχουν ένα διακομιστή (server) και ένα περιβάλλον χρήσης απ’ το οποίο θα μπορείς να το διαχειρίζεσαι. Ένας server είναι απαραίτητος για να μπορεί μια ιστοσελίδα να φιλοξενηθεί και να είναι διαθέσιμη online προς όλους. Οι Web Hosting υπηρεσίες συχνά παρέχουν διάφορους τύπους πακέτων, μεταξύ και για WordPress Hosting, το οποίο σου παρέχει όλες τις δυνατότητες και τις λειτουργίες που θα χρειαστείς για να έχεις μια ιστοσελίδα που τρέχει πάνω στην CMS πλατφόρμα. Άλλες κάνουν και αυτόματη εγκατάσταση του WordPress με το που πάρεις ένα από τα WordPress Managed Hosting πακέτα τους. Υπάρχουν επίσης διαφορετικού τύπου hosting, όπως τα Shared Hosting πακέτα, οι VPS και Dedicated Servers, μεταξύ ορισμένων ακόμα.

Είναι εφικτή η κατασκευή ιστοσελίδων χωρίς προγραμματισμό;

Ναι, η κατασκευή ιστοσελίδων χωρίς γνώσεις προγραμματισμού είναι εφικτή. Πλατφόρμες όπως το WordPress απλοποιούν την διαδικασία αρκετά και σου επιτρέπουν να έχεις και να διαχειρίζεσαι τις δικές σου ιστοσελίδες μέσα από ένα περιβάλλον. Φυσικά, οι γνώσεις πάνω σε γλώσσες προγραμματισμού όπως η HTML, CSS, PHP και JavaScript θα πάνε το επίπεδο των ιστοσελίδων σου σε άλλο επίπεδο, αλλά αυτό δεν σημαίνει πως χωρίς δεν αυτές δεν μπορείς να έχεις ένα επαγγελματικό αποτέλεσμα.

Κατασκευή Ιστοσελίδων μέσω του WordPress

Κατασκευή Ιστοσελίδων μέσω του WordPress
Το Inkstory.gr το οποίο τρέχει πάνω στην πλατφόρμα του WordPress / Image Credits: Παναγιώτης Σακαλάκης

Στον οδηγό θα χρησιμοποιήσω την Hostinger για την αγορά του web hosting πακέτου αλλά και του domain name. Η συγκεκριμένη εταιρεία παρέχει οικονομικά και γρήγορα web hosting πακέτα, τα οποία μπορείς εύκολα να αναβαθμίσεις μελλοντικά καθώς μεγαλώνει η νέα σου ιστοσελίδα. Σου επιτρέπει επίσης να εγκαταστήσεις το WordPress με λίγα μόλις κλικ χωρίς να έχεις προηγούμενες γνώσεις, ενώ κάνει ορισμένες βασικές ρυθμίσεις και βελτιστοποιήσεις στην πλατφόρμα αυτόματα, έτσι ώστε να τα βρεις όλα έτοιμα.

Διάβασε επίσης: Hostinger: Όταν το WordPress Hosting γίνεται εύκολο

  1. Επέλεξε ένα web hosting πακέτο

    Hostinger - Κατασκευή Ιστοσελίδων μέσω του WordPress

    Το πρώτο πράγμα που θα χρειαστεί να κάνεις είναι να επισκεφτείς την Hostinger. Από το μενού τέρμα επάνω, πήγαινε στο Hosting και στη συνέχεια WordPress Hosting. Το “Απλό WordPress” πακέτο αν και ιδιαίτερα οικονομικό, δεν παρέχει domain name και περιορίζεται στις μόλις 10,000 επισκέψεις μηνιαίως. Ως εκ τούτου, θα προχωρήσουμε με το αμέσως επόμενο πακέτο, το “WordPress Starter“, το οποίο παρέχει και δωρεάν domain name και ο περιορισμός του βρίσκεται στις 25,000 επισκέψεις μηνιαίως. Κάνε κλικ στο “Προσθήκη στο καλάθι” για να συνεχίσεις στη σελίδα της πληρωμής.

    Σημείωση: Μπορείς φυσικά να επιλέξεις ένα μεγαλύτερο πακέτο αν πιστεύεις πως οι επισκέψεις δεν σε καλύπτουν ή θέλεις να μεταφέρεις ένα υπάρχον blog το οποίο έχει ήδη μεγαλύτερη κίνηση.

  2. Ολοκλήρωσε την αγορά του πακέτου

    Hostinger - Κατασκευή Ιστοσελίδων μέσω του WordPress

    Αν και η Hostinger παρέχει εξαιρετικές προσφορές στα πακέτα της, για όσους πιο πολλούς μήνες πληρώσεις, τόσο πιο οικονομικό θα είναι το τελικό κόστος. Για παράδειγμα, αν πληρώνεις κάθε μήνα, το ποσό θα ανέρχεται στα 11,99€ μηνιαίως, αλλά εάν πληρώσεις για 12 μήνες συνολικά, τότε το κόστος θα ανέρχεται στα 59,88€ ετησίως. Το ποσό που θα επιλέξεις να πληρώσεις βασίζεται καθαρά στον δικό σου προϋπολογισμό και δεν αλλάζει τίποτε άλλο.

    Κουπόνι με 7% έκπτωση: Βάλε τον κωδικό inkstory στο πεδίο του κουπονιού για να αποκτήσεις έκπτωση.

    Μόλις επιλέξεις του μήνες για τους οποίους θέλεις να έχεις το πακέτο, πρόσθεσε το αμέσως επόμενο πεδίο το email το οποίο θα χρησιμοποιηθεί για τη δημιουργία του νέου σου λογαριασμού. Μπορείς επίσης να δημιουργήσεις ένα λογαριασμό χρησιμοποιώντας το Google ή Facebook λογαριασμό σου.

    Τέλος, επέλεξε τη μέθοδο πληρωμής (χρεωστική/πιστωτική/προ-πληρωμένη κάρτα, PayPal, CoinGate για κρυπτονομίσματα ή ακόμα και μέσω του Google Pay) και ολοκλήρωσε την αγορά του νέου σου web hosting πακέτου. Η χρεωστική κάρτα από Revolut ή Wise γίνεται επίσης δεχτή.

  3. Επέλεξε ένα domain name

    Hostinger - Κατασκευή Ιστοσελίδων μέσω του WordPress

    Ορισμένα από τα web hosting πακέτα της Hostinger περιλαμβάνουν δώρο και ένα όνομα στις πιο γνωστές καταλήξεις, όπως σε .com, ενώ υποστηρίζονται επίσης και οι καταλήξεις σε .gr. Από την αρχική σελίδα “Home” της Hostinger, κάνε κλικ στο κουμπί “Claim Domain” για να ξεκινήσεις τη διαδικασία με την αγορά του ονόματος.

  4. Έλεγχος domain name και κατάληξης

    Hostinger - Κατασκευή Ιστοσελίδων μέσω του WordPress

    Από το αναδυόμενο παράθυρο που θα εμφανιστεί, πρόσθεσε την ονομασία που θέλεις να έχει η ιστοσελίδα σου, όπως για παράδειγμα Inkstory, όπως εμφανίζεται και στην παραδειγματική φωτογραφία παραπάνω. Από τα δεξιά, επέλεξε την κατάληξη την οποία θέλεις να έχει το domain name σου. Για παράδειγμα, αν θέλεις να είναι Inkstory.com, Inkstory.eu, Inkstory.tech κ.ο.κ.

    Δυστυχώς, η κατάληξη .gr δεν περιλαμβάνεται δωρεάν, οπότε επέλεξε μια από τις υπάρχουσες και διαθέσιμες καταλήξεις. Κάνε κλικ στο κουμπί “Check Availability” για να ελέγξει το σύστημα της Hostinger αν το όνομα είναι διαθέσιμο στην κατάληξη που έχεις επιλέξει. Αν θέλεις να χρησιμοποιήσεις την κατάληξη .gr, τότε παρέλειψε αυτό το βήμα ώστε να προχωρήσεις στη συνέχεια στην αγορά του.

  5. Απόκτησε εντελώς δωρεάν το όνομα

    Hostinger - Κατασκευή Ιστοσελίδων μέσω του WordPress

    Αν το όνομα που επέλεξες είναι διαθέσιμο στην επιθυμητή κατάληξη, κάνε κλικ στο κουμπί “Claim domain” για να το αποκτήσεις. Θα χρειαστούν από 3 έως 24 ώρες έως ότου το domain name επιβεβαιωθεί και ενεργοποιηθεί. Η Hostinger φημίζεται για την άψογη ταχύτητα της, οπότε δεν θα υπάρξει μεγαλύτερη καθυστέρηση με την ενεργοποίηση του καινούργιου σου ονόματος. Έως τότε, έλεγξε τα εισερχόμενα στο email σου για τυχόν email επιβεβαίωσης από την εταιρεία.

  6. Εγκατάσταση SSL Πιστοποιητικού

    Hostinger Εγκατάσταση SSL

    Αφότου περάσουν μερικές ώρες και το domain name ενεργοποιηθεί, στη συνέχεια θα χρειαστεί να εγκαταστήσεις και να ενεργοποιήσεις ένα SSL Πιστοποιητικό. Αυτό είναι καλό να γίνει πριν την εγκατάσταση του WordPress έτσι ώστε να αποφύγεις τυχόν σφάλματα ή επιπλέον βελτιστοποίηση αργότερα. Από το μενού τέρμα επάνω κάνε κλικ στην επιλογή SSL και στη συνέχεια κάνε κλικ στην επιλογή “Setup“.

    Αν έχεις πολλαπλά SSL Πιστοποιητικά, επέλεξε όποιο προτιμάς, καθώς είναι όλα το ίδιο, ενώ τα υπόλοιπα μπορείς να τα χρησιμοποιήσεις μελλοντικά για άλλα ονόματα. Μόλις πατήσεις στο setup, θα εμφανιστεί ένα αναδυόμενο παράθυρο, απ’ το οποίο απλά επέλεξε το domain name σου και κάνε κλικ στην επιλογή “Install“.

  7. Ρύθμιση του SSL για HTTPS

    Hostinger Ενεργοποίηση Force HTTPS και LiteSpeed

    Μόλις η εγκατάσταση του SSL Πιστοποιητικού ολοκληρωθεί, πήγαινε από το μενού τέρμα επάνω στο “Hosting“, κάνε κλικ στο κουμπί “Manage” δίπλα από το domain name σου και στη συνέχεια κάνε κλικ στην επιλογή Dashboard“. Από εκεί, σιγουρέψου πως οι επιλογές “Force HTTPS” και “LiteSpeed” είναι ενεργοποιημένες. Το “Force HTTPS” θα μεταφέρει αυτόματα τους χρήστες απ’ το HTTP στο HTTPS, ενώ το “LiteSpeed” θα ενεργοποιήσει τη τεχνολογία για ύψιστες επιδόσεις.

  8. Εγκατάσταση του WordPress

    Εγκατάσταση WordPress στην Hostinger

    Τώρα που το domain name και το SSL Πιστοποιητικό έχουν ενεργοποιηθεί, συνέχεια έχει να εγκαταστήσεις το WordPress στο WordPress Hosting πακέτο σου. Ευτυχώς, η Hostinger κάνει την διαδικασία υπόθεση δευτερολέπτων. Απ’ το μενού τέρμα επάνω, κάνε κλικ στην επιλογή “Hosting” και στη συνέχεια κάνε κλικ στην επιλογή “Add Website“. Μπορείς επίσης να βρεις την ίδια επιλογή πηγαίνοντας στο Hosting -> Dashboard -> Add Website.

    Μόλις εμφανιστεί το αναδυόμενο παράθυρο, πρόσθεσε αρχικά την ονομασία που θα έχει η ιστοσελίδα σου (μπορείς να την αλλάξεις αργότερα). Στη συνέχεια, πρόσθεσε το email, το username και τον κωδικό πρόσβασης με τα οποία θα συνδέεσαι στη καινούργια σου WordPress ιστοσελίδα. Τέλος, σιγουρέψου πως ο σύνδεσμος του domain name είναι σε HTTPS και κάνε κλικ στο “Next” για να ξεκινήσει η αυτόματη εγκατάσταση.

  9. Κάνε σύνδεση στη νέα σου WordPress ιστοσελίδα

    Σύνδεση στο WordPress

    Μόλις έχεις ολοκληρώσει την διαδικασία, απλά πρόσθεσε στη μπάρα διευθύνσεων του browser σου το domain name που αγόρασες και στο τέλος βάλε /wp-admin ή /wp-login.php ώστε να μεταφερθείς στη σελίδα σύνδεσης. Για παράδειγμα, αν αγόρασες το example.com, τότε για να συνδεθείς θα το βάλεις ως example.com/wp-admin. Εκεί, πρόσθεσε το username και τον κωδικό πρόσβασης που έβαλες προηγούμενος ώστε να συνδεθείς στον Πίνακα Ελέγχου του WordPress. Στην περίπτωση που δεν θυμάσαι τον κωδικό πρόσβασης, κάνε κλικ στην επιλογή “Επαναφορά κωδικού” από την σελίδα Σύνδεση.

Τα πρώτα βήματα για τη ρύθμιση του WordPress

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

1. Οι βασικές ρυθμίσεις του WordPress

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

Από το αριστερό πλαϊνό μενού, πήγαινε στην επιλογή Ρυθμίσεις -> Μόνιμοι Σύνδεσμοι. Από εκεί, επέλεξε ως επιλογή το “Όνομα άρθρου” και στη συνέχεια πάνε τέρμα κάτω και κάνε κλικ στο κουμπί “Αποθήκευση αλλαγών“.

Μόνιμοι σύνδεσμοι WordPress

Από το αριστερό πλαϊνό μενού, πήγαινε στην επιλογή Ρυθμίσεις -> Γενικά και επέλεξε τη γλώσσα ιστοτόπου, τη μορφή της ημερομηνίας και της ώρας – και τα δύο θα εμφανίζονται συνήθως στα άρθρα και τις σελίδες σου. Από την ίδια σελίδα μπορείς να προσθέσεις επίσης τον τίτλο και τον υπότιτλο της ιστοσελίδας σου.

Γενικές ρυθμίσεις του WordPress

Από το αριστερό πλαϊνό μενού, πήγαινε στην επιλογή Ρυθμίσεις -> Συζήτηση. Από εκεί, απενεργοποίησε τις επιλογές “Να γίνεται προσπάθεια ειδοποίησης ιστολογίων στα οποία γίνεται σύνδεση από το άρθρο” και “Να επιτρέπονται οι ειδοποιήσεις συνδέσμων από άλλα ιστολόγια (παραθέματα και παραπομπές) σε νέα άρθρα” για να αυξήσεις την ασφάλεια της ιστοσελίδας σου και να μειώσεις τις ανεπιθύμητες αναφορές από κακόβουλες ιστοσελίδες.

Σιγουρέψου επίσης πως η επιλογή “Το σχόλιο θα πρέπει να εγκριθεί χειροκίνητα” είναι ενεργοποιημένη. Με αυτό τον τρόπο, όταν κάποιος γράφει ένα σχόλιο σε ένα άρθρο σου, θα πρέπει να το εγκρίνεις χειροκίνητα και στη συνέχεια θα γίνεται ορατό. Αυτό είναι σημαντικό όχι μόνο για να αποφύγεις spam σχόλια, αλλά και ανθρώπους που κάνουν περισσότερο κακό παρά καλό με τα λόγια τους.

Ρύθμιση σχολίων στο WordPress

Από το αριστερό πλαϊνό μενού, πήγαινε στην επιλογή Άρθρα -> Όλα τα άρθρα και διέγραψε το “Hello World” άρθρο. Κάνε το ίδιο και για τις προεπιλεγμένες σελίδες που υπάρχουν στην επιλογή Σελίδες -> Όλες οι σελίδες.

Διαγραφή άρθρων στο WordPress

Υπέροχα, τώρα συνέχεια έχει να προσθέσεις υλικό στην ιστοσελίδα σου.

2. Δημιουργία βασικών σελίδων

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

Για να δημιουργήσεις αυτές τις σελίδες, το μόνο που έχεις να κάνεις είναι να πας από το αριστερό πλαϊνό μενού στην επιλογή Σελίδες -> Όλες οι σελίδες. Από εκεί θα βρεις όλες τις υπάρχουσες σελίδες, ενώ πατώντας στο “Προσθήκη” θα έχεις την δυνατότητα να δημιουργήσεις μια καινούργια.

Δημιουργία σελίδας στο WordPress

3. Δημιουργία κατηγοριών

Οι κατηγορίες είναι βασικές για κάθε blog, ενώ θα εμφανίζονται επίσης και στο κύριο μενού της ιστοσελίδας σου. Για να δημιουργήσεις κατηγορίες και υπό-κατηγορίες, πήγαινε από το αριστερό πλαϊνό μενού στα Άρθρα -> Κατηγορίες.

Δημιουργία κατηγοριών στο WordPress

Από εκεί, θα έχεις την δυνατότητα να προσθέτεις, διαγράφεις και να επεξεργάζεσαι όλες τις κατηγορίες του blog σου. Αν σκοπεύεις να δημιουργήσεις ένα ηλεκτρονικό κατάστημα, τότε αυτές θα είναι οι κατηγορίες που θα έχει το blog του ηλεκτρονικού σου καταστήματος και όχι των προϊόντων σου (τις οποίες θα δημιουργήσεις από αλλού).

4. Επιλογή και εγκατάσταση Theme

Τα WordPress Themes είναι έτοιμα προ-σχεδιασμένα πρότυπα τα οποία μπορείς να χρησιμοποιήσεις δωρεάν ή να τα αγοράσεις, και σου δίνουν την δυνατότητα να τα επεξεργαστείς και να τα μορφοποιήσεις σε έως ένα σημείο. Τα premium themes, τα οποία εννοούμε αυτά που θα βρεις επί πληρωμής σε γνωστά marketplaces όπως το ThemeForest και το Creative Market, παρέχουν περισσότερες επιλογές, λειτουργίες, δυνατότητες, καλύτερο SEO και καθαρογραμμένο κώδικα, πράγμα που τα κάνει ιδανικά.

Τα δωρεάν themes συχνά σε περιορίζουν αρκετά, αλλά μπορείς να επεκτείνεις τις δυνατότητες τους με τη χρήση κάποιου Page Builder πρόσθετου. Παρόλα αυτά, θα πρέπει να μάθεις να διαχειρίζεσαι πολύ καλά τον Page Builder και τις λειτουργίες ενός δωρεάν theme ώστε να μπορέσεις να το φέρεις στα “μέτρα” σου. Μπορείς να μάθεις ακόμη περισσότερα στο άρθρο με τίτλο “WordPress Themes: Πως να επιλέξεις το κατάλληλο θέμα“.

Τα premium themes παρέχουν επίσης και την δυνατότητα για να εισάγεις το demo περιεχόμενο τους, ώστε να τα βρεις όλα στημένα και έτοιμα, αλλάζοντας και διαγράφοντας ό,τι δεν σου αρέσει. Συχνά, αυτή η δυνατότητα βρίσκεται στο πλαϊνό αριστερό μενού ή στις ρυθμίσεις του theme και αναφέρεται ως “Import Demo Content“.

Μπορείς φυσικά να επιλέξεις ένα από τα διαθέσιμα δωρεάν themes που παρέχει το WordPress. Από το αριστερό πλαϊνό μενού, πήγαινε στην Εμφάνιση -> Θέματα. Από αυτή τη σελίδα μπορείς να δεις όλα τα ενεργά και ανενεργά θέματα που έχεις. Διέγραψε όσα δεν χρησιμοποιείς και κάνε κλικ στο κουμπί “Προσθήκη νέου” για να δεις τα διαθέσιμα themes που υπάρχουν.

Εγκατάσταση θεμάτων στο WordPress

Έλεγξε όλα τα διαθέσιμα themes που υπάρχουν. Μόλις βρεις ένα που σου αρέσει, κάνε κλικ στο κουμπί “Προεπισκόπηση” για να δεις πως θα φαίνεται (αν και θα φαίνεται διαλυμένο καθώς δεν υπάρχουν κείμενα και φωτογραφίες) και στη συνέχεια κάνε κλικ στο κουμπί “Εγκατάσταση” για να το εγκαταστήσεις. Μόλις η εγκατάσταση ολοκληρωθεί, κάνε κλικ στο ίδιο κουμπί που θα γράφει στη συνέχεια “Ενεργοποίηση“.

Εγκατάσταση θεμάτων στο WordPress 1

Για τον συγκεκριμένο οδηγό, θα επιλέξω το Astra theme και θα προχωρήσω με την ενεργοποίηση του. Παρόλα αυτά, σχεδόν όλα τα πρότυπα του WordPress λειτουργούν με τον ίδιο τρόπο (ή αρκετά παρόμοιο), αλλά παρέχουν συχνά περισσότερες ή λιγότερες επιλογές, ανάλογα το καθένα.

Astra Theme WordPress

Μιας και δεν υπάρχουν άρθρα, όπως μπορείς να δεις ο σχεδιασμός του προτύπου είναι ακόμα εντελώς κενός. Για να μπορέσουμε να το μορφοποιήσουμε όπως θέλουμε, θα πρέπει πρώτα να φτιάξουμε το μενού του (στο επόμενο βήμα) και στη συνέχεια να γράψουμε τα πρώτα μας άρθρα. Τα άρθρα και οι σελίδες είναι απαραίτητα ώστε να εμφανιστεί σωστά ο σχεδιασμός.

5. Δημιουργία μενού

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

Ένα από τα πολλά καλά του WordPress είναι η ευκολία που μας παρέχει με τη δημιουργία των μενού μας. Το μόνο που έχεις να κάνεις είναι να πας στην επιλογή Εμφάνιση -> Μενού από το αριστερό πλαϊνό μενού. Αν δεν υπάρχει κάποιο διαθέσιμο μενού, τότε μπορείς να κάνεις κλικ στην επιλογή “Δημιουργία μενού“, παρέχοντας μια ονομασία, όπως Main-Menu, ή Top-Menu ή οτιδήποτε θέλεις για να τα διαχωρίζεις.

Η λειτουργία της προσθαφαίρεσης είναι επίσης εύκολη, καθώς το μόνο που έχεις να κάνεις είναι να επιλέξεις τις κατηγορίες, τις ετικέτες, τα άρθρα ή τις σελίδες που θέλεις να προσθέσεις στο μενού σου, και να κάνεις κλικ στην επιλογή “Προσθήκη“. Μόλις προστεθούν, θα έχεις την δυνατότητα να τα σέρνεις σε όποιο σημείο επιθυμείς. Αν βάλεις μια κατηγορία κάτω από μια άλλη, αλλά λίγο πιο δεξιά, τότε θα εμφανιστεί από κάτω. Αν είναι ακριβώς από κάτω, θα εμφανιστεί από δίπλα στο μενού. Ένα παράδειγμα μπορείς να δεις και στο βίντεο παραπάνω, όπου δείχνω τα βήματα αναλυτικά.

6. Γράψε το πρώτο σου άρθρο

Τώρα που έχεις ρυθμίσει το WordPress, έχεις δημιουργήσει τις απαραίτητες σελίδες και τις κατηγορίες, έχεις δημιουργήσει και ενεργοποιήσει το μενού και έχεις επιλέξει ένα πρότυπο, συνέχεια έχει να γράψεις το πρώτο σου άρθρο. Πήγαινε από το μενού στα αριστερά στα Άρθρα -> Προσθήκη νέου.

Δημιουργία άρθρου στο WordPress

Το WordPress αποκαλεί τον κειμενογράφο του με την ονομασία Gutenberg. Ως εκ τούτου, όπου βλέπεις τη λέξη “Gutenberg”, αναφέρομαι στον κειμενογράφο της πλατφόρμας. Όταν πας να γράψεις ένα καινούργιο άρθρο, θα δεις την παρακάτω εικόνα. Το μόνο που έχεις να κάνεις είναι να ξεκινήσεις συμπληρώνοντας τον τίτλο που θα έχει το πρώτο σου άρθρο.

Στη συνέχεια, ακριβώς από κάτω, μπορείς να γράψεις το κείμενο που θα περιλαμβάνει. Αν κάνεις κλικ στο εικονίδιο με το + που βγαίνει κάθε φορά που πας τον κέρσορα από το ποντίκι πάνω στο Gutenberg, θα σου εμφανίσει όλες τις επιλογές (γνωστά ως blocks) για να εισάγεις φωτογραφίες, βίντεο, λίστες, πίνακες, γκαλερί φωτογραφιών, αποφθέγματα και πολλά πολλά ακόμα.

Δημιουργία άρθρου στο WordPress 1

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

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

Δημιουργία άρθρων στο WordPress 2

Μόλις γράψεις όλο το κείμενο, εισάγεις τις φωτογραφίες, τα βίντεο ή οτιδήποτε άλλο επιθυμείς, κάνε κλικ στο κουμπί “Προεπισκόπηση” τέρμα επάνω δεξιά για να δεις πως θα εμφανίζεται το άρθρο σου προτού δημοσιευθεί. Εναλλακτικά, μπορείς να κάνεις κλικ στο κουμπί “Δημοσίευση” για να δημοσιευθεί στο blog σου. Το τελικό άρθρο θα εμφανίζεται περίπου όπως στο παρακάτω παράδειγμα:

Δημιουργία άρθρων στο WordPress 3

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

Δημιουργία άρθρων στο WordPress 4

7. Μορφοποίησε το πρότυπο που επέλεξες

Από το αριστερό πλαϊνό μενού πήγαινε στην Εμφάνιση -> Προσαρμογή. Εναλλακτικά, από την αρχική σελίδα του blog σου, πήγαινε από το επάνω μενού στην επιλογή Προσαρμογή. Από εδώ θα μπορείς να κάνεις βασικές αλλαγές στον σχεδιασμό και τα χρώματα του προτύπου που χρησιμοποιείς. Ένα premium πρότυπο θα σου παρέχει αρκετές περισσότερες επιλογές και λειτουργίες, ενώ ένα δωρεάν μόλις τα βασικά.

Μορφοποίηση θεμάτων στο WordPress 1

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

Μορφοποίηση θεμάτων στο WordPress

Αν το πρότυπο που επέλεξες έχει και μια sidebar (πλευρική στήλη στα δεξιά ή στα αριστερά) τότε θα μπορείς να την μορφοποιήσεις και να αφαιρέσεις ή προσθέσεις νέα blocks από την καρτέλα “Μικροεφαρμογές“.

Μορφοποίηση θεμάτων στο WordPress 2

Μόλις είσαι έτοιμος/η με τις αλλαγές, απλά κάνε κλικ στο κουμπί “Δημοσίευση” για να πραγματοποιηθούν οι αλλαγές. Αν μετανιώσεις τελικά και δεν θέλεις να δημοσιευθούν οι αλλαγές, απλά κάνε κλικ στο “Χ” κουμπί τέρμα επάνω αριστερά.

8. Επέκτεινε τις λειτουργίες του WordPress με τη χρήση plugins

Τα plugins (πρόσθετα) είναι διάφορα εργαλεία, υπηρεσίες ή έξτρα λειτουργίες που μπορείς να εγκαταστήσεις στο WordPress ώστε να αυξήσεις τις δυνατότητες του. Πηγαίνοντας από το αριστερό πλαϊνό μενού στα Πρόσθετα -> Όλα τα πρόσθετα, θα βρεις όλα τα ενεργά και ανενεργά plugins που υπάρχουν.

WordPress Πρόσθετα plugins

Το WordPress από τη φύση του θα εγκαταστήσει το Akismet Anti-Spam και το Hello Dolly. Παρόλα αυτά, και τα δύο πρόσθετα θα είναι ανενεργά και μπορείς να τα διαγράψεις εντελώς. Το “Starter Templates” είναι ένα πρόσθετο που εγκαταστάθηκε μαζί με την εγκατάσταση του Astra theme που είδαμε προηγουμένως, καθώς κάποια themes απαιτούν να εγκαταστήσεις και ορισμένα πρόσθετα με τα οποία λειτουργούν.

Σημείωση: Όσα πιο πολλά πρόσθετα έχεις εγκατεστημένα, τόσο πιο πολύ χώρο καταναλώνεις από το Web Hosting πακέτο σου και τόσο πιο μεγάλη καθυστέρηση θα έχει το WordPress και η ιστοσελίδα σου, ανάλογα τον αριθμό και το κάθε plugin. Σιγουρέψου πως χρησιμοποιείς μόνο αυτά που είναι απαραίτητα.

Για να εγκαταστήσεις ένα καινούργιο πρόσθετο, κάνε κλικ στην επιλογή “Νέο πρόσθετο” και στη συνέχεια κάνε κλικ στο “Εγκατάσταση” και αμέσως μετά στο “Ενεργοποίηση” όποιου plugin θέλεις να χρησιμοποιήσεις – ακριβώς όπως έκανες και με τα πρότυπα.

WordPress Πρόσθετα plugins 3

Μερικά πολύ γνωστά WordPress plugins είναι το Rank Math SEO για να βελτιστοποιείς τα άρθρα και τις σελίδες σου για τις μηχανές αναζήτησης, το FlyingPress και FlyingCDN για να αυξήσεις την ταχύτητα της ιστοσελίδας σου, το UpdraftPlus για να κρατάς backups στο Google Drive λογαριασμό σου, μεταξύ αρκετών άλλων. Μπορείς επίσης να χρησιμοποιήσεις κάποιο social sharing plugin για να αυξήσεις τις πιθανότητες να μοιραστεί κάποιος το περιεχόμενο σου με τους φίλους του στο αγαπημένο του κοινωνικό δίκτυο.

Όπως και τα themes, έτσι και τα plugins λαμβάνουν ανά χρονικά διαστήματα νέες ενημερώσεις. Αυτές οι ενημερώσεις δεν διαφέρουν ιδιαίτερα απ’ τις ενημερώσεις που λαμβάνεις και για τις εγκατεστημένες εφαρμογές στον υπολογιστή ή το κινητό σου. Κάνοντας κλικ στην επιλογή “Αναβαθμίστε άμεσα” ξεκινάει η αυτόματη ενημέρωση κάθε πρόσθετου.

WordPress Πρόσθετα plugins 2

Οι ενημερώσεις συχνά είτε διορθώνουν σφάλματα και προβλήματα που μπορεί να εμφανίζει ένα πρόσθετο, είτε παρέχουν νέα χαρακτηριστικά και δυνατότητες, είτε επιλύουν σημαντικά ζητήματα ασφάλειας. Για να δεις τι καινούργιο περιλαμβάνει μια ενημέρωση, απλά κάνε κλικ στην επιλογή “Προβολή της έκδοσης …“.

Σε αυτό το σημείο, αν σκοπεύεις να στήσεις ένα ηλεκτρονικό κατάστημα, τότε μπορείς να χρησιμοποιήσεις το WooCommerce plugin. Το πρόσθετο θα σου δώσει όλες τις δυνατότητες για να δημιουργήσεις το δικό σου eshop, ενώ θα βρεις και plugins τρίτων που λειτουργούν αποκλειστικά μόνο με το WooCommerce, επεκτείνοντας ακόμα περισσότερο τις δυνατότητες του. Το WooCommerce διατηρείται από την Automattic, την ίδια εταιρεία που ανέπτυξε και συνεχίζει να διατηρεί το WordPress.

Σύνοψη για την κατασκευή ιστοσελίδων πάνω στο WordPress

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

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


Αν αντιμετωπίσεις κάποιο πρόβλημα ή “σκαλώσεις” σε κάποιο βήμα, μη διστάσεις να αφήσεις το σχόλιο σου στο τέλος του άρθρου και ευχαρίστως να σε βοηθήσω.

Παναγιώτης Σακαλάκης
Παναγιώτης Σακαλάκηςhttps://inkstory.gr
Ο Παναγιώτης Σακαλάκης, με βάση το Κιλκίς, είναι Web Designer & Blogger, ιδρυτής της Inkstory Ο.Ε., του TechGuides και του TechWise Insider, καθώς επίσης & Host στα «The Blogging Dispatch» & «TechGuides» Podcasts. Όποτε δεν γράφει, βρίσκεται σε κάποιο βουνό με το Hard-Trail ποδήλατο του.

2 ΣΧΟΛΙΑ

0 0 ψήφοι
Article Rating
Εγγραφή
Ειδοποίηση για
guest
2 Comments
Παλαιότερα
Νεότερα Top Σε Ψήφους
Ενσωματωμένα σχόλια
Δείτε όλα τα σχόλια

Διαβάστε Επίσης

Αναζητάς περισσότερα;