Τελευταία ενημέρωση: 11 Μαρτίου 2020 από το περιοδικό WebsiteSetup.
Το 2020, ο καθένας μπορεί να δημιουργήσει και να σχεδιάσει έναν ιστότοπο χωρίς να γνωρίζει τίποτα για την ανάπτυξη, το σχεδιασμό ή την κωδικοποίηση ιστού.
Είτε θέλετε να δημιουργήσετε έναν ιστότοπο για τον εαυτό σας είτε για την επιχείρησή σας, μπορείτε εύκολα να το κάνετε χρησιμοποιώντας τα σωστά εργαλεία και πόρους.
Αυτός ο αναλυτικός οδηγός θα σας βοηθήσει να δημιουργήσετε έναν ιστότοπο από το μηδέν χωρίς να χρειαστεί να ξοδέψετε χρήματα για ελεύθερους επαγγελματίες, πρακτορεία ή δημιουργούς ιστότοπων.
Το μόνο που χρειάζεστε είναι 1-2 ώρες του ελεύθερου χρόνου σας για να ολοκληρώσετε τον οδηγό και να δημιουργήσετε έναν ιστότοπο.
Contents
- 1 Βήμα 1: Επιλέξτε ένα όνομα τομέα
- 2 Βήμα 2: Λήψη φιλοξενίας ιστοσελίδων και εγγραφή τομέα
- 3 Βήμα # 3: Ρύθμιση ιστότοπου WordPress (μέσω του Web Host)
- 4 Βήμα # 4: Προσαρμόστε το σχεδιασμό και τη δομή του ιστότοπού σας
- 4.1 1) Επιλέξτε ένα θέμα για τον ιστότοπό σας
- 4.2 2) Εγκαταστήστε το θέμα που σας αρέσει
- 4.3 3) Εισαγωγή σχεδίου (μόνο για χρήστες θεμάτων Neve)
- 4.4 4) Προσθέστε ένα λογότυπο
- 4.5 5) Αλλάξτε το συνδυασμό χρωμάτων και γραμματοσειρών ιστότοπου
- 4.6 6) Προσθέστε μια πλευρική γραμμή
- 4.7 7) Προσθήκη Widgets (δωρεάν πρόσθετα WordPress)
- 4.8 8) Πειραματιστείτε με το θέμα που δημιουργήσατε
- 5 Βήμα # 5: Προσθέστε περιεχόμενο / σελίδες στον ιστότοπό σας
- 6 Βήμα # 6: Ρύθμιση μενού πλοήγησης
- 7 Βήμα # 7: Προσθέστε ένα ηλεκτρονικό κατάστημα / ηλεκτρονικό εμπόριο
- 8 Συγχαρητήρια – Είστε έτοιμοι να ξεκινήσετε!
- 9 Τελευταίο αλλά όχι λιγότερο – Συνεχίστε να βελτιώνετε τον ιστότοπό σας!
Πράγματα που χρειάζεστε για να δημιουργήσετε έναν ιστότοπο
- Ονομα τομέα (η προσαρμοσμένη διεύθυνση ιστού σας, www.YourSite.com)
- Φιλοξενία ιστοσελίδων (υπηρεσία που φιλοξενεί τον ιστότοπό σας)
- WordPress (δωρεάν, συνήθως χρησιμοποιούμενη πλατφόρμα ιστότοπου)
Για να δημιουργήσετε έναν πλήρως λειτουργικό ιστότοπο, θα πρέπει να εξασφαλίσετε ένα όνομα τομέα (διεύθυνση ιστού) και έναν λογαριασμό φιλοξενίας ιστού. Αυτά τα δύο διασφαλίζουν ότι ο ιστότοπός σας είναι πλήρως προσβάσιμος σε άλλους. Χωρίς το ένα ή το άλλο, δεν θα μπορείτε να δημιουργήσετε έναν ιστότοπο.
Μόλις έχετε έναν τομέα και φιλοξενία, μπορείτε να δημιουργήσετε έναν ιστότοπο WordPress. Το WordPress είναι η πιο δημοφιλής πλατφόρμα δημιουργίας ιστότοπων που χρησιμοποιείται από 30% όλων των ιστότοπων στο Διαδίκτυο.
Η δημιουργία ενός ιστότοπου WordPress είναι συνήθως μια απλή διαδικασία με ένα κλικ μέσω της υπηρεσίας φιλοξενίας ιστού.
Μόλις ολοκληρώσετε τον οδηγό, θα έχετε έναν πλήρως λειτουργικό ιστότοπο στο διαδίκτυο, σε ένα προσαρμοσμένο όνομα τομέα και πλήρως προσβάσιμο από άλλους.
Ετοιμος? Ας αρχίσουμε…
- Επιλέξτε ένα όνομα τομέα
- Καταχωρήστε έναν τομέα και εγγραφείτε στο web hosting
- Δημιουργήστε έναν ιστότοπο χρησιμοποιώντας το WordPress (μέσω web host)
- Προσαρμόστε το σχεδιασμό και τη δομή του ιστότοπού σας
- Προσθέστε σημαντικές σελίδες και περιεχόμενο
- Ρυθμίστε ένα μενού πλοήγησης
- Προσθήκη διαδικτυακού καταστήματος (προαιρετικό)
Πλήρης αποκάλυψη: Αυτός ο οδηγός περιέχει συνδέσμους συνεργατών. Εάν αγοράσετε web hosting ή / και ένα domain name μέσω των συνδέσμων παραπομπής μας, κερδίζουμε προμήθεια – χωρίς επιπλέον κόστος για εσάς. Ευχαριστώ για την υποστήριξη.
Εάν κολλήσετε στη δημιουργία ενός ιστότοπου χρησιμοποιώντας αυτόν τον οδηγό, προσφέρουμε δωρεάν βοήθεια μέσω αυτής της σελίδας επαφών.
Βήμα 1: Επιλέξτε ένα όνομα τομέα
Για να δημιουργήσετε έναν ιστότοπο, το πρώτο πράγμα που θα χρειαστείτε είναι ένα όνομα τομέα.
Το όνομα τομέα είναι το όνομα και η διεύθυνση του ιστότοπού σας. Αυτή η διεύθυνση χρησιμοποιείται από τους επισκέπτες όταν προσπαθούν να βρουν τον ιστότοπό σας μέσω των προγραμμάτων περιήγησής τους.
Το όνομα τομέα αυτού του ιστότοπου είναι ιστοσελίδεςetup.org
. Η δική σας μπορεί να είναι οτιδήποτε.
Τα ονόματα τομέα μπορούν να κοστίζουν οπουδήποτε από 10 έως 50 $ ετησίως. Η συνήθης τιμή είναι περίπου 15 $.
Εάν δεν έχετε εγγραφεί ή επιλέξει ένα όνομα τομέα για τον ιστότοπό σας, ακολουθούν ορισμένες συμβουλές που θα σας βοηθήσουν:
- Εάν κάνετε ένα ιστότοπος για μια επιχείρηση, το όνομα τομέα σας πρέπει να ταιριάζει με το όνομα της εταιρείας σας. Για παράδειγμα:
YourCompanyName.com
- Εάν σκοπεύετε να δημιουργήσετε ένα προσωπικός ιστότοπος για τον εαυτό σου τότε
Το όνομά σας.com
μπορεί να είναι μια εξαιρετική επιλογή. - Χρησιμοποιήστε μια “γενική” επέκταση ονόματος τομέα όπως
.com
,.καθαρά
ή.οργ
εάν ο στόχος σας είναι διεθνείς επισκέπτες. Χρησιμοποιήστε μια “τοπική” επέκταση ονόματος τομέα όπως.ντε
,.πρ
, ή.ru
εάν ο στόχος σας είναι επισκέπτες με στόχευση χώρας.
Μην ανησυχείτε εάν το όνομα τομέα που προτιμάτε έχει ήδη ληφθεί. Υπάρχουν περισσότερα από 300 εκατομμύρια διαφορετικά ονόματα τομέα, αλλά υπάρχουν ένα δισεκατομμύριο άλλες δυνατότητες που εξακολουθούν να είναι διαθέσιμες.
Εάν δεν έχετε ακόμα όνομα τομέα, δεν χρειάζεται να εγγραφείτε.
Θα σας δείξω πώς να αποκτήσετε ένα όνομα τομέα δωρεάν για το πρώτο έτος (βήμα 2):
Βήμα 2: Λήψη φιλοξενίας ιστοσελίδων και εγγραφή τομέα
Εκτός από το να έχετε ένα όνομα τομέα, θα χρειαστείτε επίσης φιλοξενία ιστότοπων (φιλοξενία ιστοσελίδων).
Η φιλοξενία Ιστού είναι μια υπηρεσία που φιλοξενεί και αποθηκεύει τα αρχεία του ιστότοπού σας (περιεχόμενο) σε έναν ασφαλή διακομιστή που είναι πάντα σε λειτουργία. Χωρίς έναν οικοδεσπότη Ιστού, ο ιστότοπός σας δεν θα είναι προσβάσιμος από άλλους για ανάγνωση και περιήγηση.
Η προσιτή και αξιόπιστη φιλοξενία ιστοσελίδων για νέους ιστότοπους κοστίζει συνήθως μεταξύ 3 και 10 $ το μήνα. Λιγότερο από ένα φλιτζάνι καφέ, αλλά μια σημαντική επένδυση για την επιτυχία του ιστότοπού σας.
Όποια εταιρεία φιλοξενίας ιστοσελίδων και αν εγγραφείτε, βεβαιωθείτε ότι διαθέτει τις ακόλουθες δυνατότητες:
- ΔΩΡΕΑΝ όνομα τομέα με SSL (για ασφάλεια)
- Εγκατάσταση με ένα κλικ για WordPress (δωρεάν)
- Προσαρμοσμένοι λογαριασμοί email
- Απεριόριστο ή μη μετρημένο εύρος ζώνης (χωρίς περιορισμούς κυκλοφορίας)
- Υποστήριξη πελατών, κατά προτίμηση ζωντανή συνομιλία 24/7
Εάν βρείτε έναν ιστότοπο που φιλοξενεί όλα τα παραπάνω, πιθανότατα έχετε βρει έναν καλό πάροχο.
Σας συνιστούμε να χρησιμοποιήσετε το Bluehost.com για φιλοξενία ιστοσελίδων και τομείς. Προσφέρουν δωρεάν εγγραφή τομέα για το πρώτο έτος και η απόκτηση ονόματος domain και φιλοξενίας από την ίδια εταιρεία σας εξοικονομεί χρόνο και χρήμα.
Τα σχέδια φιλοξενίας Bluehost ξεκινούν από 3,95 $ / μήνα (2,75 $ / μήνα με τον σύνδεσμο έκπτωσης) και προσφέρει όλες τις βασικές δυνατότητες για τη δημιουργία ενός ιστότοπου.
1) Για να αποκτήσετε έναν λογαριασμό φιλοξενίας ιστοσελίδων, απλώς επισκεφθείτε το Bluehost και κάντε κλικ στο “Ξεκινήστε τώρα”.
2) Στη συνέχεια, επιλέξτε το πρόγραμμα φιλοξενίας ιστού σας (η επιλογή plus είναι εντελώς απεριόριστη, ενώ η βασική είναι καλύτερη για νέους ιστότοπους):
3) Στη συνέχεια, επιλέξτε και καταχωρίστε ένα όνομα τομέα (δωρεάν για το πρώτο έτος):
Λάβετε υπόψη ότι το Bluehost δεν προσφέρει καταλήξεις τομέα για συγκεκριμένες χώρες, όπως.ντε
, .πρ
, ή .ru
. Εάν τα χρειάζεστε, μπορείτε να τα αγοράσετε ξεχωριστά από το Domain.com ή το GoDaddy.com.
Εάν έχετε ήδη ένα όνομα τομέα που αγοράσατε κάπου αλλού, το Bluehost σάς επιτρέπει να το συνδέσετε με το νέο σας πρόγραμμα φιλοξενίας. Θα χρειαστούν ορισμένα επιπλέον βήματα εδώ – όπως η ενημέρωση του δικού σας διακομιστές ονομάτων. Εδώ είναι ένας οδηγός από την Bluehost για το πώς να το κάνετε αυτό.
4) Μόλις ολοκληρώσετε τη διαδικασία εγγραφής σας, θα χρειαστούν λίγα λεπτά για να αποκτήσετε άμεση πρόσβαση, ώστε να μπορείτε να ξεκινήσετε να δημιουργείτε τον ιστότοπό σας αμέσως.
Βήμα # 3: Ρύθμιση ιστότοπου WordPress (μέσω του Web Host)
Αφού έχετε έτοιμο το όνομα τομέα και την φιλοξενία ιστού, θα πρέπει να επιλέξετε και να εγκαταστήσετε μια πλατφόρμα δημιουργίας ιστότοπων (γνωστή και ως CMS).
Σας συνιστούμε να επιλέξετε το WordPress καθώς είναι εύκολο στη χρήση και διαθέτει χιλιάδες δωρεάν σχέδια και πρόσθετα που κάνουν τον ιστότοπό σας να φαίνεται επαγγελματικό και μοναδικό.
Η ρύθμιση του ιστότοπού σας στο WordPress είναι εύκολη και ο οικοδεσπότης ιστού σας το κάνει κυρίως για εσάς, οπότε δεν χρειάζεται πραγματικά να βγάλετε τα χέρια σας πολύ βρώμικα.
Εάν δεν χρησιμοποιείτε το Bluehost ως web hosting, μην ανησυχείτε. Πολλοί πάροχοι φιλοξενίας ιστοσελίδων έχουν τοποθετήσει «εγκατάσταση WordPress» κάπου στο cPanel φιλοξενίας. Εάν ασχολείστε με έναν οικοδεσπότη Ιστού που δεν παρέχει “εγκαταστάσεις με ένα κλικ“, Δοκιμάστε να ρυθμίσετε το WordPress χειροκίνητα.
1) Εγκατάσταση ιστότοπου WordPress στο Bluehost
- Συνδεθείτε στον λογαριασμό σας στο Bluehost
- Κάντε κλικ στο “Οι ιστότοποί μου” και στη συνέχεια στο “Δημιουργία ιστότοπου”
- Δώστε μερικές βασικές πληροφορίες σχετικά με τον ιστότοπό σας και θα ξεκινήσει η εγκατάσταση του WordPress. Όλα θα συμβούν στον αυτόματο πιλότο.
- Όταν ολοκληρωθεί η εγκατάσταση, το Bluehost θα σας δείξει τα στοιχεία εγκατάστασης και σύνδεσης. Φροντίστε να αποθηκεύσετε αυτές τις πληροφορίες κάπου ασφαλείς.
2) Δοκιμάστε τον ιστότοπό σας πληκτρολογώντας τη διεύθυνση τομέα σας
Με το WordPress εγκατεστημένο, αυτό που πρέπει να κάνετε στη συνέχεια είναι να ελέγξετε αν όλα λειτουργούν.
Ο ευκολότερος τρόπος για να γίνει αυτό είναι να πληκτρολογήσετε το όνομα τομέα σας στο πρόγραμμα περιήγησης ιστού.
Με το WordPress που έχει εγκατασταθεί σωστά, αυτό που θα δείτε είναι ένας πολύ βασικός ιστότοπος όπως αυτός:
Εάν αυτό δεν φαίνεται πολύ ελκυστικό, μην ανησυχείτε, σύντομα θα μάθετε πώς να αλλάζετε το σχέδιο σε κάτι πιο ελκυστικό.
3) Επαληθεύστε τις ρυθμίσεις SSL / HTTPS
Με λίγα λόγια, ένα πιστοποιητικό SSL διασφαλίζει ότι ο ιστότοπός σας παραδίδεται με ασφάλεια στους επισκέπτες σας.
Το Bluehost προσθέτει αυτόματα ένα SSL όταν δημιουργείτε έναν νέο ιστότοπο ή εγκαθιστάτε το WordPress. Για να ελέγξετε την κατάσταση SSL του ιστότοπού σας, κάντε τα εξής βήματα:
- Συνδεθείτε στην πύλη Bluehost
- Κάντε κλικ στο “Οι ιστότοποί μου”
- Βρείτε τον ιστότοπό σας και κάντε κλικ στο “Διαχείριση ιστότοπου”
- Μεταβείτε στην καρτέλα “Ασφάλεια”
- Στην ενότητα “Πιστοποιητικό ασφαλείας”, θα βρείτε την κατάσταση “Δωρεάν πιστοποιητικό SSL”
Εάν όλα πήγαν καλά, θα πρέπει να δείτε ένα κλειδαριά εικονίδιο δίπλα στο όνομα τομέα σας στο πρόγραμμα περιήγησης ιστού.
Μπορεί να χρειαστούν μερικές ώρες για να ολοκληρωθεί η εγκατάσταση του SSL, αλλά αυτό δεν θα σας εμποδίσει να συνεχίσετε να δημιουργείτε τον ιστότοπό σας.
Βήμα # 4: Προσαρμόστε το σχεδιασμό και τη δομή του ιστότοπού σας
Με τον γυμνό ιστότοπό σας ζωντανό και κλοτσιές, ήρθε η ώρα να το κάνετε να νιώσετε περισσότερο σαν τον δικό σας επιλέγοντας ένα ωραίο σχέδιο, προσαρμόζοντας τον και προσθέτοντας στοιχεία επωνυμίας.
Ξεκινώντας με:
1) Επιλέξτε ένα θέμα για τον ιστότοπό σας
Τα θέματα του WordPress είναι πακέτα σχεδιασμού που δεν αλλάζουν τον τρόπο εμφάνισης ολόκληρου του ιστότοπού σας. Τα θέματα WordPress είναι εναλλάξιμα – μπορείτε να αλλάξετε εύκολα από θέμα σε θέμα.
Το πιο σημαντικό, υπάρχουν χιλιάδες δωρεάν και επί πληρωμή θέματα WordPress στον Ιστό.
Αν θέλετε να αποκτήσετε ένα δωρεάν θέμα – που είναι το σημείο όπου θέλουν να ξεκινήσουν οι περισσότεροι – το καλύτερο μέρος για να επισκεφτείτε είναι ο επίσημος κατάλογος θεμάτων στο WordPress.org. Ιδιαίτερα, η ενότητα για τα περισσότερα δημοφιλή θέματα.
Όλα τα θέματα που βλέπετε έχουν αποδειχθεί άριστης ποιότητας και έχουν μεγάλες βάσεις χρηστών πίσω τους.
Είστε ελεύθεροι να περιηγηθείτε σε αυτήν τη λίστα και να επιλέξετε οποιοδήποτε θέμα θέλετε, αλλά για να επιταχύνετε τα πράγματα για εσάς σε αυτόν τον οδηγό, σας προτείνουμε Νέβ. Είναι ένα ευπροσάρμοστο θέμα που συνοδεύεται από λίγους ιστότοπους εκκίνησης (πακέτα σχεδιασμού για διαφορετικές θέσεις και τύπους ιστότοπων).
Θα χρησιμοποιήσουμε αυτό το θέμα σε αυτόν τον οδηγό.
2) Εγκαταστήστε το θέμα που σας αρέσει
Μεταβείτε στη διεπαφή διαχειριστή WordPress. Μπορείτε να το βρείτε στο ΣΑΣ ΙΣΤΟΣΕΛΙΔΑ.com/wp-admin
. Χρησιμοποιήστε το όνομα χρήστη και τον κωδικό πρόσβασης που λάβατε κατά την εγκατάσταση του WordPress.
- Από την πλευρική γραμμή, μεταβείτε στην ενότητα “Θέματα → Προσθήκη νέου”.
- Στο πλαίσιο αναζήτησης, πληκτρολογήστε “Neve” και κάντε κλικ στο κουμπί “Εγκατάσταση” δίπλα στο όνομα του θέματος:
- Αφού ολοκληρωθεί η εγκατάσταση, κάντε κλικ στο κουμπί “Ενεργοποίηση” που θα εμφανιστεί στη θέση του κουμπιού “Εγκατάσταση”.
- Θα δείτε ένα μήνυμα επιτυχίας, το οποίο σας ενημερώνει ότι η εγκατάσταση πήγε όπως αναμενόταν.
3) Εισαγωγή σχεδίου (μόνο για χρήστες θεμάτων Neve)
Αν και το θέμα είναι ενεργό σε αυτό το σημείο, υπάρχουν μερικά ακόμη πράγματα που πρέπει να κάνετε για να το κάνετε σωστό.
Θα δείτε αυτό το μήνυμα καλωσορίσματος:
Ένα από τα σπουδαία πράγματα για το Neve είναι ότι δεν έχετε μόνο ένα σχέδιο μαζί του, αλλά μια ολόκληρη σειρά διαφορετικών σχεδίων από τα οποία μπορείτε να επιλέξετε. Κάντε κλικ στο μεγάλο μπλε κουμπί για να τα δείτε.
Υπάρχουν περισσότερα από 20 σχέδια διαθέσιμα δωρεάν και καλύπτουν τις περισσότερες από τις δημοφιλείς θέσεις ιστότοπων, όπως επιχειρήσεις, εστιατόριο, γυμναστήριο, μουσική, φαγητό, γάμος, φωτογραφία, ηλεκτρονικό εμπόριο, χαρτοφυλάκιο και πολλά άλλα. Βασικά, ανεξάρτητα από το θέμα του ιστότοπού σας, θα βρείτε ένα πακέτο σχεδιασμού που ταιριάζει.
Για τους σκοπούς αυτού του οδηγού, θα επιλέξουμε το πρώτο στη λίστα – που ονομάζεται “Πρωτότυπο”.
Θα παρατηρήσετε ότι αυτή η διαδικασία εγκατάστασης φροντίζει για όλα τα στοιχεία που θα χρειαστείτε στον ιστότοπό σας – θα λάβετε τον ίδιο τον σχεδιασμό, όλα τα πρόσθετα που απαιτούνται για να λειτουργήσει, καθώς και περιεχόμενο επίδειξης που μπορείτε αργότερα να τροποποιήσετε.
Κάντε κλικ στο κουμπί “Εισαγωγή” για να ξεκινήσετε τα πάντα. Μετά από ένα λεπτό περίπου, θα δείτε το μήνυμα επιτυχίας.
Στη συνέχεια, μεταβείτε στο “Εμφάνιση → Επιλογές Neve” για να δείτε τι άλλο μπορείτε να κάνετε με το θέμα.
Θα εξετάσουμε μερικές από αυτές τις επιλογές παρακάτω:
4) Προσθέστε ένα λογότυπο
Το πρώτο πράγμα που οι περισσότεροι χρήστες θέλουν να κάνουν είναι να ανεβάσουν το λογότυπό τους και να το εμφανίσουν στην επάνω αριστερή γωνία του ιστότοπου. Ας το κάνουμε τώρα.
Υμπορείτε να κάνετε DIY ένα λογότυπο. Εδώ είναι μερικά από τα εργαλεία που μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε ένα λογότυπο μόνοι σας.
Μόλις έχετε έτοιμο ένα λογότυπο, μπορείτε να το προσθέσετε στον ιστότοπό σας. Μεταβείτε στην ενότητα «Εμφάνιση → Επιλογές Neve» και κάντε κλικ στον σύνδεσμο με την ένδειξη «Μεταφόρτωση λογότυπου».
Εδώ θα δείτε:
Αυτή η διεπαφή ονομάζεται Εργαλείο προσαρμογής WordPress, και σας επιτρέπει να επεξεργαστείτε διάφορες πτυχές της εμφάνισης του ιστότοπού σας. Για αρχάριους, μπορείτε να ανεβάσετε το λογότυπό σας. Για να το κάνετε αυτό, κάντε κλικ στο κουμπί “Επιλογή λογότυπου” που βρίσκεται κοντά στην επάνω αριστερή γωνία.
Το WordPress θα σας δώσει την επιλογή να περικόψετε το λογότυπο, αλλά μπορείτε να το παραλείψετε.
Θα δείτε σύντομα το λογότυπό σας στη γωνία της σελίδας.
Επιπλέον, μπορείτε να επιλέξετε εάν θέλετε να εμφανίσετε το όνομα και την ετικέτα του ιστότοπου δίπλα στο λογότυπο και να ορίσετε το μέγιστο πλάτος του λογότυπου. Πειραματιστείτε με αυτές τις ρυθμίσεις και επιλέξτε αυτό που λειτουργεί καλύτερα για εσάς.
Κάντε κλικ στο κουμπί “Δημοσίευση” όταν τελειώσετε (επάνω αριστερή γωνία) και, στη συνέχεια, κάντε κλικ στο κουμπί “X” για έξοδο από το Customizer.
5) Αλλάξτε το συνδυασμό χρωμάτων και γραμματοσειρών ιστότοπου
Ένα άλλο πράγμα με το οποίο μπορείτε να πειραματιστείτε είναι να αλλάξετε τους συνδυασμούς χρωμάτων και τις γραμματοσειρές που χρησιμοποιούνται στον ιστότοπο. Καθώς μαθαίνετε πώς να δημιουργήσετε έναν ιστότοπο, αυτή είναι μια εύκολη λύση για να κάνετε τον ιστότοπό σας πιο μοναδικό και πιο συντονισμένο με την ταυτότητα της επωνυμίας σας.
- Για να ξεκινήσετε, μεταβείτε ξανά στο «Εμφάνιση → Επιλογές Neve». Θα επικεντρωθούμε στις ακόλουθες δύο επιλογές:
- Αρχικά, κάντε κλικ στο “Ορισμός χρωμάτων”.
- Τα περισσότερα θέματα του WordPress καθορίζονται από το συνδυασμό χρωμάτων που χρησιμοποιούν για διάφορα στοιχεία του σχεδιασμού.
- Συνήθως, αυτά είναι τα χρώματα των συνδέσμων, των κειμένων στον ιστότοπο και των φόντων.
- Μπορείτε να αλλάξετε τις αντιστοιχίσεις χρωμάτων για το θέμα Neve μέσω του Customizer.
- Για εναλλαγή οποιουδήποτε χρώματος, απλώς κάντε κλικ πάνω του και επιλέξτε ένα νέο χρώμα.
- Όταν τελειώσετε, κάντε κλικ στο “Δημοσίευση” και “X”.
Η αλλαγή γραμματοσειρών λειτουργεί παρόμοια:
- Κάντε κλικ στο σύνδεσμο “Προσαρμογή γραμματοσειρών” στον πίνακα “Εμφάνιση → Επιλογές Neve”.
- Η Neve σάς επιτρέπει να διαλέξετε έναν ολόκληρο κατάλογο γραμματοσειρών συστήματος και γραμματοσειρών Google.
- Απλώς κάντε κλικ στο πλαίσιο “Οικογένεια γραμματοσειρών” και επιλέξτε τη γραμματοσειρά που σας αρέσει.
- Μετά από αυτό, μπορείτε να ρυθμίσετε τις μεμονωμένες γραμματοσειρές που χρησιμοποιούνται για τις επικεφαλίδες σας.
Πειραματιστείτε με αυτές τις ρυθμίσεις για να δείτε το αποτέλεσμα που έχουν στον ιστότοπό σας.
- Για να προσαρμόσετε τη γραμματοσειρά που χρησιμοποιείται για την ενότητα σώματος του ιστότοπού σας, κάντε κλικ στο κουμπί βέλους κοντά πάνω αριστερά.
- Κάντε κλικ στο “Γενικά”. Αυτό θα σας οδηγήσει σε ένα παρόμοιο πλαίσιο επιλογών, αλλά αυτή τη φορά προσαρμόζετε την κύρια γραμματοσειρά σώματος.
- Κάντε κλικ στο “Δημοσίευση” και “X” όταν τελειώσετε.
6) Προσθέστε μια πλευρική γραμμή
Ένα άλλο πράγμα που μπορείτε να κάνετε στον πίνακα “Εμφάνιση” Επιλογές Neve “είναι ο τρόπος με τον οποίο θέλετε να φαίνεται η πλευρική γραμμή. Κάντε κλικ στο “Περιεχόμενο / πλευρική γραμμή” για να ξεκινήσετε.
Έχετε τρεις κύριες επιλογές εδώ: χωρίς πλευρική γραμμή, πλευρική γραμμή προς τα αριστερά, ή πλευρική γραμμή προς τα δεξιά. Η πλευρική γραμμή προς τα δεξιά είναι η κλασική διάταξη για τους περισσότερους ιστότοπους. Μπορείτε επίσης να ορίσετε το πλάτος του περιεχομένου. Αφού κάνετε τις αλλαγές σας, κάντε κλικ στο “Δημοσίευση” και στο “X.”
7) Προσθήκη Widgets (δωρεάν πρόσθετα WordPress)
Τα γραφικά στοιχεία είναι αυτά τα μικρά μπλοκ περιεχομένου που εμφανίζονται συνήθως στις πλευρικές γραμμές ιστότοπων. Εφόσον μόλις ορίσαμε την πλευρική γραμμή στο προηγούμενο βήμα, ας το προσαρμόσουμε τώρα με widget.
Για να διαμορφώσετε widget, μεταβείτε στην ενότητα «Εμφάνιση → Widgets». Θα το δείτε αυτό:
Στα αριστερά, μπορείτε να δείτε όλα τα διαθέσιμα widget. και στα δεξιά, υπάρχουν όλες οι περιοχές widget που υποστηρίζονται από το τρέχον θέμα σας. Για να προσθέσετε ένα widget στην πλαϊνή γραμμή, το μόνο που χρειάζεται να κάνετε είναι να αρπάξετε το widget από τα αριστερά και να το σύρετε και να το αποθέσετε στην περιοχή της πλευρικής γραμμής.
Για παράδειγμα, εάν θέλετε να παραθέσετε όλες τις σελίδες σας στην πλευρική γραμμή, αρπάξτε το γραφικό στοιχείο “Σελίδες” και σύρετέ το στην ενότητα πλευρική γραμμή. Μπορείτε επίσης να διαμορφώσετε ορισμένες βασικές ρυθμίσεις του widget.
8) Πειραματιστείτε με το θέμα που δημιουργήσατε
Αυτό που καλύψαμε παραπάνω θα είναι αρκετό για να καταλάβετε πώς να δημιουργήσετε έναν ιστότοπο που ξεχωρίζει και φαίνεται πρωτότυπος, αλλά υπάρχουν πολλές άλλες διαθέσιμες επιλογές.
Για να τα δείτε όλα, μεταβείτε στην ενότητα «Εμφάνιση → Προσαρμογή». Αυτό θα ενεργοποιήσει την κύρια διεπαφή του Customizer με όλες τις ρυθμίσεις και τις προεπιλογές του.
Σας ενθαρρύνουμε να περιηγηθείτε σε ό, τι είναι διαθέσιμο εκεί και να παίξετε με μερικές από τις επιλογές. Πιθανότατα θα συναντήσετε ορισμένες προσαρμογές που δεν έχουμε συζητήσει εδώ.
Βήμα # 5: Προσθέστε περιεχόμενο / σελίδες στον ιστότοπό σας
Οι σελίδες είναι η ουσία του ιστότοπού σας. Είναι δύσκολο να φανταστεί κανείς έναν ιστότοπο χωρίς σελίδες, σωστά?
Από τεχνική άποψη, μια ιστοσελίδα είναι απλώς ένα έγγραφο στον Ιστό. Δεν διαφέρει πολύ από το παραδοσιακό έγγραφο του Word, εκτός από το ότι διαθέτει στοιχεία μαρκαρίσματος του ιστότοπού σας, όπως κεφαλίδα και υποσέλιδο.
Οι ιστοσελίδες δημιουργούνται εύκολα στο WordPress. Αλλά προτού ξεκινήσουμε το πώς να το κάνουμε, ας συζητήσουμε πρώτα ποιες σελίδες πρέπει να δημιουργήσετε.
Οι περισσότεροι ιστότοποι θεωρούν απαραίτητες τις ακόλουθες σελίδες:
- Αρχική σελίδα – είναι η πρώτη σελίδα που βλέπουν οι επισκέπτες σας όταν μεταβαίνουν στον ιστότοπό σας
- Σχετικά με σελίδα – μια σελίδα που εξηγεί τον ιστότοπό σας
- Επικοινωνία σελίδα – μια σελίδα που επιτρέπει στους επισκέπτες να επικοινωνήσουν μαζί σας
- Ιστολόγιο σελίδα – μια λίστα με τις πιο πρόσφατες αναρτήσεις ιστολογίου σας. εάν δεν σκοπεύετε να κάνετε blogging, μπορείτε να χρησιμοποιήσετε τη σελίδα ιστολογίου ως μέρος για τις ειδήσεις και τις ανακοινώσεις της εταιρείας σας
- Υπηρεσίες σελίδα – εάν ο ιστότοπος που δημιουργείτε προορίζεται για επιχείρηση, χρησιμοποιήστε αυτήν τη σελίδα για να παρουσιάσετε τις υπηρεσίες σας
- Κατάστημα σελίδα – για εταιρείες που θέλουν να ξεκινήσουν ένα κατάστημα ηλεκτρονικού εμπορίου
Πολλές από τις παραπάνω σελίδες θα έχουν πολύ παρόμοια δομή – η μόνη διαφορά είναι το περιεχόμενο στην πραγματική σελίδα. Βασικά, μόλις μάθετε πώς να δημιουργείτε μία σελίδα, θα ξέρετε πώς να τις δημιουργήσετε όλες. Με αυτό, υπάρχει κάποια απόχρωση εδώ, οπότε ας καλύψουμε τώρα πώς να δημιουργήσετε μερικούς βασικούς τύπους σελίδων:
1) Δημιουργία αρχικής σελίδας
Εάν χρησιμοποιείτε το Neve, η αρχική σας σελίδα μοιάζει με αυτό:
Μπορείτε να επεξεργαστείτε τη δομή αυτής της σελίδας καθώς και τα στοιχεία σε αυτήν (όλα τα κείμενα και τις εικόνες).
Για να το κάνετε αυτό, απλώς κάντε κλικ στο κουμπί “Επεξεργασία με Elementor” στην επάνω γραμμή.
Αυτό που θα δείτε είναι η διεπαφή του δημιουργού σελίδων Elementor.
Το Elementor είναι αυτό που ονομάζουμε δημιουργός οπτικών σελίδων. Αυτό σημαίνει ότι μπορείτε να κάνετε κλικ σε οποιοδήποτε στοιχείο που βλέπετε στη σελίδα και να το επεξεργαστείτε απευθείας. Για παράδειγμα, εάν θέλετε να αλλάξετε τον κύριο τίτλο, απλώς κάντε κλικ πάνω του και ξεκινήστε να πληκτρολογείτε.
Εάν ρίξετε μια ματιά στην αριστερή πλευρική γραμμή, υπάρχει ένας ολόκληρος πίνακας προσαρμογής εκεί. Μπορείτε να προσαρμόσετε τη δομή και το στυλ οποιουδήποτε μπλοκ περιεχομένου. Για παράδειγμα, εδώ μπορείτε να δείτε όταν εργάζεστε στον τίτλο:
Ένα άλλο ενδιαφέρον πράγμα είναι ότι μπορείτε να πιάσετε οποιοδήποτε στοιχείο της σελίδας και να το σύρετε και να το αφήσετε κάπου αλλού.
Για να προσθέσετε νέα στοιχεία, κάντε κλικ στο μικρό τετράγωνο εικονίδιο στην επάνω αριστερή γωνία.
Θα δείτε μια λίστα με όλα τα διαθέσιμα μπλοκ περιεχομένου.
Πιάστε οποιοδήποτε από τα μπλοκ και σύρετέ το στον καμβά της σελίδας.
Ο καλύτερος τρόπος για να εργαστείτε στην αρχική σας σελίδα είναι να μπλοκάρετε από μπλοκ και να επεξεργαστείτε το περιεχόμενο επίδειξης που υπάρχει στη σελίδα.
Πληκτρολογήστε νέο περιεχόμενο κειμένου, ευθυγραμμίστε ξανά ορισμένα μπλοκ, διαγράψτε αυτά που δεν χρειάζεστε και προσθέστε νέα ανάλογα.
Όλη αυτή η διεπαφή είναι αρκετά διαισθητική στη χρήση, οπότε αφιερώστε μια ώρα περίπου χρησιμοποιώντας το και πειραματιστείτε με διαφορετικά πράγματα.
2) Δημιουργία σελίδων όπως “Σχετικά”, “Υπηρεσίες”, “Επικοινωνία”
Η δημιουργία κλασικών ιστοσελίδων είναι ακόμη πιο εύκολη στο WordPress από το να δουλεύεις στην αρχική σου σελίδα. Μεταβείτε στις “Σελίδες → Προσθήκη νέου”. Θα δείτε αυτήν τη διεπαφή:
Κάθε σελίδα χρειάζεται έναν τίτλο, οπότε ξεκινήστε προσθέτοντας έναν που λέει “Προσθήκη τίτλου”. Για παράδειγμα, “Σχετικά με εμάς” ή “Επικοινωνία”.
Στη συνέχεια, επιλέξτε μια διάταξη σελίδας. Εάν δημιουργείτε μια τυπική σελίδα, μπορείτε να πάτε με την πρώτη σελίδα στη λίστα – “Single Row”. Αλλά για να επιταχύνετε τα πράγματα, μπορείτε να επιλέξετε από τη βιβλιοθήκη προτύπων. Για αυτό, κάντε κλικ στο μπλε κουμπί.
Θα δείτε ένα παράθυρο που σας επιτρέπει να διαλέξετε από μια σειρά από προκατασκευασμένες ενότητες σελίδων. Εάν εργάζεστε στο δικό σας σχετικά με Για παράδειγμα, μπορείτε να βρείτε γρήγορα και να χρησιμοποιήσετε τα ακόλουθα μπλοκ:
Απλώς κάντε κλικ στο κουμπί “Εισαγωγή” δίπλα στο μπλοκ που σας αρέσει και θα προστεθεί στη σελίδα. Από εκεί, μπορείτε να το προσαρμόσετε περαιτέρω, να αλλάξετε τα κείμενα ή να αντικαταστήσετε εικόνες.
Όταν τελειώσετε, κάντε κλικ στο κουμπί “Δημοσίευση” στην επάνω δεξιά γωνία της οθόνης.
Μπορείτε να ακολουθήσετε την ίδια διαδικασία όταν εργάζεστε στο Επικοινωνία σελίδα ή Υπηρεσίες σελίδα επίσης.
Απλώς επιλέξτε διαφορετικά τμήματα σελίδων από τη βιβλιοθήκη προτύπων. Για παράδειγμα, αυτά θα πρέπει να λειτουργούν υπέροχα σε ένα Υπηρεσίες σελίδα:
Αν θέλετε να προσθέσετε νέα στοιχεία σελίδας με το χέρι – αντί να χρησιμοποιήσετε τα πρότυπα – κάντε κλικ στο εικονίδιο “+” που βρίσκεται στην επάνω αριστερή γωνία της διεπαφής του προγράμματος επεξεργασίας.
Οποιοδήποτε μπλοκ επιλέγετε εκεί θα προστεθεί στο κάτω μέρος της σελίδας σας. Δείτε πώς φαίνεται ένα νέο τμήμα παραγράφων:
Όπως μπορείτε να δείτε, μπορείτε να το επεξεργαστείτε ελεύθερα, να αλλάξετε τις ιδιότητες του κειμένου, καθώς και στη δεξιά πλευρική γραμμή υπάρχουν ρυθμίσεις χρώματος.
Όπως πάντα, θυμηθείτε να κάνετε κλικ στο “Δημοσίευση” όταν τελειώσετε.
3) Δημιουργήστε μια σελίδα ιστολογίου
Η σελίδα ιστολογίου είναι όπου μπορείτε να βρείτε την λίστα των πιο πρόσφατων αναρτήσεων ιστολογίου σας.
Τα καλά νέα είναι ότι η σελίδα του ιστολογίου έχει ήδη δημιουργηθεί για εσάς. Αυτό συνέβη όταν εγκαταστήσατε το WordPress και το θέμα Neve. Μπορείτε να δείτε αυτήν τη σελίδα μεταβαίνοντας στις “Σελίδες”:
Κάντε κλικ στο σύνδεσμο “Προβολή” για να δείτε τη σελίδα του ιστολογίου σας σε δράση.
Προσθήκη νέων δημοσιεύσεων ιστολογίου:
Για να προσθέσετε νέες αναρτήσεις ιστολογίου, απλώς μεταβείτε στην ενότητα Μετάβαση στις «Αναρτήσεις → Προσθήκη νέου».
Σας θυμίζει αυτό το περιβάλλον; Ναι, αυτό είναι το ίδιο περιβάλλον επεξεργασίας που χρησιμοποιήσαμε κατά τη δημιουργία τυπικών σελίδων. Ανετα!
Βήμα # 6: Ρύθμιση μενού πλοήγησης
Με μια σειρά από όμορφες σελίδες που δημιουργήθηκαν, το επόμενο βήμα στην προσπάθειά μας να δημιουργήσουμε έναν ιστότοπο είναι να ρυθμίσετε την πλοήγησή σας (μενού ιστότοπου). Το μενού είναι αυτό που θα χρησιμοποιούν οι επισκέπτες σας για μετάβαση από σελίδα σε σελίδα στον ιστότοπό σας.
Μεταβείτε στο «Εμφάνιση → Μενού» και από εκεί, κάντε κλικ στο «δημιουργία νέου μενού».
Δείτε πώς μπορείτε να δημιουργήσετε το πρώτο σας μενού βήμα προς βήμα:
- Ξεκινήστε προσθέτοντας έναν τίτλο. Ο τίτλος του μενού δεν έχει σημασία, αλλά βοηθά στην αναγνώριση του μενού σας μεταξύ άλλων μενού (ναι, μπορείτε να έχετε περισσότερα από ένα).
- Επιλέξτε τις σελίδες που θα προστεθούν στο μενού σας. Μπορείτε επίσης να προσθέσετε άλλα στοιχεία στο μενού – όπως δημοσιεύσεις ή προσαρμοσμένους συνδέσμους.
- Κάντε κλικ στο κουμπί “Προσθήκη στο μενού” για να προσθέσετε τις επιλεγμένες σελίδες στο μενού σας.
- Μεταφορά και απόθεση στοιχείων μενού για να τακτοποιήσετε τους συνδέσμους κατά σειρά σπουδαιότητας.
- Επιλέξτε μια θέση εμφάνισης μενού. Αυτό διαφέρει από θέμα σε θέμα, σε αυτήν την περίπτωση, ορίστε το μενού σας στην “Κύρια” θέση θα εμφανίσει το μενού στην κεφαλίδα.
- Τέλος, αποθηκεύστε το μενού σας.
Σε αυτό το στάδιο, θα δείτε το μενού σας στην αρχική σελίδα με όλη της τη δόξα.
Βήμα # 7: Προσθέστε ένα ηλεκτρονικό κατάστημα / ηλεκτρονικό εμπόριο
Το τελευταίο πράγμα που θα κάνουμε σε αυτόν τον οδηγό είναι να δημιουργήσουμε ένα ηλεκτρονικό κατάστημα.
Εάν θέλετε να προσθέσετε ένα ηλεκτρονικό κατάστημα στον πρόσφατα δημιουργημένο ιστότοπό σας, ακολουθήστε αυτό το βήμα προς βήμα οδηγό εδώ.
Προφανώς δεν είναι κάτι που χρειάζονται όλοι οι ιστότοποι, οπότε μη διστάσετε να παραλείψετε αυτό το βήμα εάν το ηλεκτρονικό εμπόριο δεν είναι κάτι που θέλετε να μπείτε στον εαυτό σας.
Πώς λειτουργεί το ηλεκτρονικό εμπόριο του WordPress
Με το WordPress να είναι μια τόσο ευέλικτη πλατφόρμα ιστότοπου, δεν αποτελεί έκπληξη το γεγονός ότι σας επιτρέπει να δημιουργήσετε ένα πλήρως λειτουργικό ηλεκτρονικό κατάστημα ηλεκτρονικού εμπορίου. Από πλήρως λειτουργικό, εννοούμε ότι μπορείτε να παραθέσετε οποιονδήποτε αριθμό προϊόντων, να τα διαθέσετε προς πώληση και, στη συνέχεια, να συλλέξετε παραγγελίες από πελάτες και ακόμη και να χειριστείτε όλα τα στοιχεία που σχετίζονται με φόρους και αποστολές ολόκληρης της διαδικασίας.
Όλα αυτά γίνονται με ένα πρόσθετο που ονομάζεται WooCommerce.
Το WooCommerce είναι η πιο δημοφιλής, πιο λειτουργική και ειλικρινά η καλύτερη λύση ηλεκτρονικού εμπορίου για το WordPress.
Έχουμε έναν εντελώς ξεχωριστό οδηγό για το πώς να τρέχετε το WooCommerce στον ιστότοπό σας στο WordPress. Σας προσκαλούμε να μεταβείτε εκεί και να διαβάσετε μια λεπτομερή διαδικασία εγκατάστασης. Ακολουθήστε τα βήματα 3 και 4 και μετά επέστρεψε εδώ.
… Εντάξει, οπότε με το WooCommerce εγκατεστημένο στον ιστότοπό σας και τα προϊόντα που προστίθενται στον κατάλογό σας, θα παρατηρήσετε ότι, στη διαδικασία, δημιουργήθηκαν αυτόματα νέες σελίδες από το WooCommerce. Αυτές οι σελίδες είναι:
- “Καροτσάκι” – το καλάθι αγορών του καταστήματός σας
- “Ολοκλήρωση παραγγελίας” – τη σελίδα ολοκλήρωσης αγοράς όπου οι πελάτες μπορούν να ολοκληρώσουν τις αγορές τους
- “Ο λογαριασμός μου” – προφίλ κάθε πελάτη · διατηρεί προηγούμενες παραγγελίες, τρέχουσες λεπτομέρειες και άλλα προσωπικά στοιχεία. ο πελάτης μπορεί πάντα να επεξεργάζεται τις πληροφορίες του
- “Κατάστημα” / “Προϊόντα” – η κύρια σελίδα καταστήματος – αυτή όπου αναφέρονται τα προϊόντα σας
Κάθε μία από αυτές τις σελίδες εξυπηρετεί έναν συγκεκριμένο σκοπό για το κατάστημά σας και τη λειτουργικότητά του. Τα καλά νέα είναι ότι τα περισσότερα θέματα αυτές τις μέρες βελτιστοποιούνται για να κάνουν αυτές τις σελίδες να φαίνονται σωστές. Το θέμα Neve δεν διαφέρει. Εάν επισκεφθείτε οποιαδήποτε από αυτές τις νέες σελίδες, θα δείτε ότι η παρουσίαση είναι ξεκάθαρη και όλα είναι εύκολα κατανοητά. Ακολουθεί ένα παράδειγμα της σελίδας καλαθιού αγορών:
Εκτός από αυτό, όλες αυτές οι σελίδες λειτουργούν όπως οποιαδήποτε άλλη σελίδα στον ιστότοπό σας WordPress. Αυτό σημαίνει ότι μπορείτε να τα επεξεργαστείτε, να προσθέσετε τα δικά σας στοιχεία ή να αλλάξετε πράγματα όπως χρώματα, διατάξεις κ.λπ. Αλλά όταν το κάνετε αυτό, προσέξτε να μην διαγράψετε τους συντομεύσεις WooCommerce που υπάρχουν ήδη εκεί.
Θα παρατηρήσετε επίσης ένα νέο εικονίδιο καλαθιού στο κύριο μενού του ιστότοπού σας.
Σε αυτό το στάδιο, το κατάστημα ηλεκτρονικού εμπορίου σας λειτουργεί πλήρως. Αυτό σημαίνει ότι οι πελάτες σας μπορούν να μπουν και να κάνουν τις αγορές τους. Θα δείτε τις παραγγελίες τους στην περιοχή διαχειριστή του WordPress στην ενότητα “WooCommerce → Παραγγελίες”.
Συγχαρητήρια – Είστε έτοιμοι να ξεκινήσετε!
Για να συνοψίσετε γρήγορα τα βήματα που έχετε μάθει:
Πίνακας περιεχομένων
- Λήψη φιλοξενίας ιστού και εγγραφή τομέα:
Επιλέγοντας ένα όνομα τομέα
Επιλογή φιλοξενίας ιστοσελίδων - Ρυθμίστε τον ιστότοπό σας μέσω web host:
Εγκατάσταση του WordPress
- Σχεδιάζοντας τον ιστότοπό σας:
Εύρεση θέματος
Εγκατάσταση ενός θέματος
Προσαρμογή και Tweaks
- Ολοκληρώστε προσθέτοντας περιεχόμενο (σελίδες):
Προσθήκη και επεξεργασία σελίδων
Ρύθμιση μενού πλοήγησης
Τελευταίο αλλά όχι λιγότερο – Συνεχίστε να βελτιώνετε τον ιστότοπό σας!
Συγχαρητήρια, μόλις καταλάβατε πώς να δημιουργήσετε έναν ιστότοπο μόνοι σας!
Τα επόμενα δύο βήματα στην ατζέντα σας πρέπει να είναι:
- Αυξήστε την επισκεψιμότητα στον ιστότοπό σας… εδώ είναι μια λίστα με 50+ τρόπους αύξησης της επισκεψιμότητας ιστότοπων
- Δημιουργία εσόδων από τον ιστότοπό σας… εδώ είναι 33 τρόποι δημιουργίας εσόδων από έναν ιστότοπο
Εάν ολοκληρώσατε με επιτυχία τον οδηγό μας, σκεφτείτε να αφήσετε την μαρτυρία σας στο email μας – [email protected] Αυτό σημαίνει πολλά για εμάς!