Άρθρα

Κατασκευή ιστοσελίδων wordpress

Κατασκευή ιστοσελίδων wordpress

Γιατί η πλατφόρμα wordpress είναι η δημοφιλέστερη πλατφόρμα κατασκευής ιστοσελίδων

Κατασκευη ιστοσελιδων wordpress : Μία από τις ερωτήσεις που συχνά μας κάνουν τόσο σαν εταιρεία κατασκευής ιστοσελίδων αλλά και ως συγγραφείς δυο βιβλίων για το wordpress  είναι:

Γιατί να χρησιμοποιήσω το WordPress;

Ο παλιός μου ιστότοπος δεν είναι αρκετά καλός;

Γιατί πρέπει να αλλάξω στο WordPress από άλλη πλατφόρμα;

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

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

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

Με WordPress έχει αναπτυχθεί το 35% των ιστοτόπων μέσα στο  2020, μια αύξηση της τάξης του 2% σε σύγκριση με τις αρχές του 2019 και  4% rise σε σχέση με την προηγούμενη χρονία .

Αν βέβαια όμως μετρήσουμε υπολογίζοντας μόνο τα websites που έχουν στηριχθεί σε μια πλατφόρμα ( CMS-built sites ) τότε περίπου το 60% από αυτά έχουν κατασκευαστεί με WordPress.

Πάνω από 400 εκ άνθρωποι  τον μήνα παγκοσμίως επισκέπτονται ιστοσελίδες που έχουν κατασκευαστεί με wordpress.

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

Σημείωση: Σε όλο αυτό το άρθρο, όταν λέμε το WordPress, μιλάμε για το WordPress.org που είναι επίσης γνωστό ως η εφαρμογή  WordPress που φιλοξενείται στον δικό σας server. Μην το συγχέετε με το WordPress.com, που είναι υπηρεσία φιλοξενίας blog.

Μία από τις πιο κοινές παρανοήσεις σχετικά με το WordPress είναι ότι είναι απλώς μια πλατφόρμα blogging.

Δεν είναι.

Ενώ το WordPress ξεκίνησε ως εργαλείο blogging, εξελίχθηκε όλα αυτά τα χρόνια σε ένα ισχυρό πρόγραμμα δημιουργίας ιστότοπων και διαχείρισης περιεχομένου (CMS).

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

Αυτός είναι ο κύριος λόγος για τον οποίο το WordPress έχει αυξηθεί τόσο πολύ σε δημοτικότητα. Σύμφωνα με μια πρόσφατη έρευνα, το WordPress τροφοδοτεί το 32,3% όλων των ιστότοπων στο Διαδίκτυο.

Λόγω των πλεονεκτημάτων του πολλές από τις κορυφαίες μάρκες χρησιμοποιούν το WordPress για να τροφοδοτούν τους ιστότοπούς τους, όπως το περιοδικό Time, το Facebook, το The New Yorker, η Sony, η Disney, το Target, οι New York Times και άλλοι.

Ας ρίξουμε μια ματιά στο γιατί πρέπει να χρησιμοποιήσετε το WordPress για να δημιουργήσετε τον ιστότοπό σας.

1. Το WordPress είναι εύκολο στην προσαρμογή με θέματα και πρόσθετα

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

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

Υπάρχει ένα τέλειο θέμα WordPress για σχεδόν κάθε είδους ιστότοπο (είτε πρόκειται για ιστολόγιο, επιχειρηματικό ιστότοπο ή ακόμα και  διαδικτυακό κατάστημα / eshop).

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

Μπορείτε επίσης να προσθέσετε προσαρμοσμένη λειτουργικότητα στον ιστότοπό σας WordPress χρησιμοποιώντας πρόσθετα.

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

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

2. Το WordPress είναι φιλικό προς τις μηχανές αναζήτησης

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

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

Σχετικά με το σχεδιασμό, το WordPress είναι πολύ φιλικό προς το SEO. Μπορείτε επίσης να χρησιμοποιήσετε SEO πρόσθετα για να βελτιστοποιήσετε περαιτέρω τον ιστότοπό σας.

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

3. Το WordPress είναι εύκολο στη διαχείριση

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

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

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

Μπορείτε επίσης να διαχειριστείτε τον ιστότοπό σας WordPress εν κινήσει με εφαρμογές για κινητά WordPress.

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

4. Το WordPress είναι ασφαλές

5. Το WordPress μπορεί να διαχειριστεί πολλά και διαφορετικά αρχεία πολυμέσων

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

Το WordPress υποστηρίζει ιστότοπους με δυνατότητα Embed, πράγμα που σημαίνει ότι μπορείτε να ενσωματώσετε βίντεο στο YouTube, φωτογραφίες Instagram, Tweets και ήχο Soundcloud απλώς επικολλώντας τη διεύθυνση URL στον επεξεργαστή αναρτήσεων του WordPress.

Ποιοι είναι οι τρόποι χρήσης του WordPress;

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

Παρότι το wordpress δεν είναι μια κλασική πλατφόρμα ηλεκτρονικού εμπορίου όπως το OpenCart, Magentο, CS-Cart και άλλα μέσω του woocommerce μπορεί να μεταβληθεί σε μια άριστη πλατφόρμα για το στήσιμο ενός eshop συνδυάζοντας παράλληλα τα πλεονεκτήματα που έχει σαν πλατφόρμα κατασκευής ιστοσελίδων.

Ακολουθούν μερικά παραδείγματα διαφορετικών ειδών ιστότοπων που μπορείτε να δημιουργήσετε με το WordPress. Μπορείτε να

Ξεκινήστε ένα ιστολόγιο
Δημιουργήστε έναν επιχειρηματικό ιστότοπο
Ξεκινήστε ένα ηλεκτρονικό κατάστημα
Δημιουργήστε μια ιστοσελίδα συνδρομών
Δημιουργήστε online μαθήματα

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

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

Ο καλύτερος τρόπος για να βιώσετε πραγματικά τη δύναμη του WordPress είναι να το χρησιμοποιήσετε. Μπορείτε να μας καλέσετε στο 210 74 84 84 5  ή να μας στείλετε email στο s at dreamweaver dot gr για να συζητήσουμε τις ιδιαίτερες ανάγκες σας

 

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

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

Κεφάλαιο 2 Εύρεση και εγκατάσταση ενός θέματος

Στα τελευταία μας posts ασχολούμαστε με το wordpress 5.0 συνθέτοντας σταδιακά την ύλη που πρόκειται να αποτελέσει την 2η έκδοση του βιβλίου μας για το wordpress που θα εκδοθεί και πάλι από τις εκδόσεις Φυλάτος ευχόμενοι να γίνει και αυτό best seller όπως η 1η έκδοση του βιβλίου μας στο Public και αλλού.

Σε αυτό το άρθρο θα μιλήσουμε για ένα σημαντικό βήμα στην κατασκευή μιας ιστοσελίδας με wordpress που δεν είναι άλλο από την επιλογή ενός θέματος – προτύπου (template) πάνω στο οποίο θα στηριχθεί η δημιουργία του ιστοτόπου σας .

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

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

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

Τα δωρεάν θέματα μπορείτε εύκολα να τα βρείτε στον κατάλογο θεμάτων του WordPress.

Για να επισκεφθείτε τον κατάλογο θεμάτων, ενώ βρίσκεστε στον Πίνακα Ελέγχου του WordPress, ακολουθήστε τα παρακάτω βήματα:

Τοποθετήστε τον κέρσορα πάνω από το Εμφάνιση και κάντε κλικ στο Θέματα. Θα δείτε μια λίστα με θέματα που έχετε εγκατεστημένα αυτή τη στιγμή. Κάνετε κλικ στο «Προσθήκη Νέου», στην κορυφή, για να βρεθείτε στον κατάλογο θεμάτων.


Εικόνα 3 1 Προσθήκη Νέου Θέματος

Όταν βρίσκεστε στον κατάλογο θεμάτων, μπορείτε να ταξινομήσετε – ή να βάλετε ένα φίλτρο – με βάση τα χρώματα, τη διάταξη, τα χαρακτηριστικά, και το θέμα.Για να δείτε πως μοιάζει εμφανισιακά ένα θέμα, απλά κάντε κλικ στην εικόνα ή κάντε κλικ στο κουμπί «Ζωντανή Προεπισκόπηση».

Μόλις βρείτε αυτό που σας αρέσει, πατήστε απλά στο κουμπί Εγκατάσταση. Μόλις ολοκληρωθεί η εγκατάσταση, κάντε κλικ στην επιλογή Ενεργοποίηση. Τώρα μπορείτε να πάτε στην ιστοσελίδα σας και να δείτε το νέο σας θέμα. Σημείωση: Για να ελέγχετε την πρόοδο των εργασιών σας, την εμφάνιση της σελίδας μετά την εγκατάσταση νέου θέματος, τυχόν αλλαγές σε αυτό αλλά και την εφαρμογή λειτουργιών από πρόσθετα που εγκαθιστάτε, χρειάζεται απλά να πληκτρολογήσετε το domain σας, π.χ. www.todomainmou.gr .

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

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

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

Ορισμένα θέματα θα έχουν επιλογές θέματος τις οποίες θα βρείτε στον Πίνακα Διαχείρισης, ή κάνοντας κλικ στο «Προσαρμογή» στην καρτέλα Εμφάνιση στον Πίνακα Ελέγχου.


Εικόνα 3 2 Προσαρμογή Θέματος

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

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

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

Η Προσαρμογή των Θεμάτων είναι μια ενότητα από μόνη της, γι’ αυτό θα εμβαθύνουμε σε επόμενα κεφάλαια.

Επί πληρωμή θέματα

Όπως συζητήσαμε, η δεύτερη διαδρομή που μπορούμε να ακολουθήσουμε στην επιλογή θέματος στο WordPress είναι τα «επί πληρωμή θέματα»».

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

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

Μία αξιόλογη εταιρεία για επί πληρωμή θέματα είναι η StudioPress . Η εταιρεία διαθέτει θέματα ποιότητας που είναι απλά, καθαρά και πολύ καλά κωδικοποιημένα. Ένα αξιοσημείωτο σημείο για να βρείτε συγκεντρωμένα πολλά επί πληρωμή WordPress θέματα είναι το Themeforest.net .

Μπορείτε να πλοηγηθείτε στο ThemeForest και το StudioPress ή να κάνετε αναζητήσεις στο Google για τα καλύτερα επί πληρωμή WordPress θέματα. Υπάρχει ποικιλία επί πληρωμής θεμάτων σήμερα στην αγορά, οπότε δεν θα δυσκολευτείτε να βρείτε μια αξιόλογη και ποιοτική λύση.

Ένα άλλο πλεονέκτημα που διαθέτουν κάποια θέματα είναι ότι διαθέτουν μια σωρεία μηχανισμών για να σας διευκολύνουν στις προωθητικές σας ενέργειες της ιστοσελίδας σας υποστηρίζοντας δημοφιλή seo εργαλεία όπως το Yoast και πολλά άλλα. Φυσικά το να έχετε ένα wordpress θέμα SEO Optimized and Compatible with Yoast SEO δεν είναι κάτι που δεν μπορείτε να κάνετε μόνοι σας και με ένα δωρεάν πρότυπο wordpress.  Το να κερδίζεις όμως χρόνο και να έχεις κάτι καλορυθμισμένο είναι ένα ακόμα σημαντικό πλεονέκτημα.

Πως να εγκαταστήσετε ένα επί πληρωμή θέμα WordPress

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

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

Πιο συγκεκριμένα, αφού κατεβάσετε το αρχείο στον υπολογιστή σας, επισκεφθείτε τον Πίνακα Ελέγχου του WordPress. Μετακινήστε τον κέρσορα πάνω στην επιλογή Εμφάνιση και κάντε κλικ στο Θέματα. Στη συνέχεια, κάντε κλικ στο Προσθήκη Νέου, στην κορυφή.

Μόλις είστε εκεί, κάντε κλικ στο κουμπί Μεταφόρτωση Θέματος στην κορυφή και στη συνέχεια κάντε κλικ στο κουμπί Choose File.

Βρείτε το συμπιεσμένο αρχείο από το θέμα σας και κάντε κλικ στο κουμπί Open, και στη συνέχεια κάντε κλικ στο κουμπί Εγακατάσταση Τώρα.

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

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

Τα «Premium» όπως αλλιώς λέγονται αυτά θέματα, συνήθως κοστίζουν κάπου μεταξύ των 20$ και 60$, και τα αξίζουν με το παραπάνω.
Απλά θυμηθείτε, τα δωρεάν θέματα είναι ωραία και μπορεί να φαίνονται σαν ένας καλός τρόπος για να ξεκινήσετε, αλλά συχνά σχεδιάζονται και κωδικοποιούνται με χαμηλότερες προδιαγραφές, δεν είναι ιδιαίτερα εντυπωσιακά, και έχουν υψηλότερο κίνδυνο να έχουν ή να προσβληθούν μελλοντικά από κακόβουλο κώδικα και spam συνδέσμους.

Ειδικά όταν αγοράζετε ένα wordpress θέμα με σκοπό την κατασκευή ενός eshop τα πλεονεκτήματα χρήσης ενός πρότυπου που να χρησιμοποιεί το woocommerce addon είναι πολλά. Συνήθως συνοδεύεται και από μια σειρά addons που στοχεύουν στην εξυπηρέτηση των αναγκών ενός ηλεκτρονικού καταστήματος / eshop όπως ενδεικτικά σελίδες πληρωμών με διάφορους παρόχων πιστωτικών και χρεωστικών καρτών, συστήματα υπολογισμού μεταφορικών , σύστημα υποστήριξης πελατών – επισκεπτών , συστήματα κριτικών καθώς και πρότυπα για ενημερωτικές σελίδες όπως όροι χρήσης και εμπιστευτικότητας, gdpr , πολιτική επιστροφών και πολλές άλλες  .

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

 

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

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

Στα προηγούμενα άρθρα μας είχαμε μιλήσει για την νέα έκδοση 5 του WordPress και τον  νέο επεξεργαστή κειμένου GutenBerg  και στο τελευταίο άρθρο μας είχαμε κάνει μια πρώτη εισαγωγή στα blocks που είναι ο νέος τρόπος επεξεργασίας περιεχομένου στο wordpress .

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

ΓΝΩΡΙΖΟΝΤΑΣ ΤΟ ΜΕΝΟΥ ΤΟΥ ΕΠΕΞΕΡΓΑΣΤΗ ΚΕΙΜΕΝΟΥ GUTENBERG

Ας εμβαθύνουμε στον Επεξεργαστή Κειμένου Gutenberg ξεκινόντας με την παρουσίαση των επιλογών του μενού στο πάνω μέρος (top menu).

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

ΟΙ 10 ΕΠΙΛΟΓΕΣ ΤΟΥ ΜΕΝΟΥ

  1. Προσθήκη μπλοκ

Η επιλογή για προσθήκη μπλοκ είναι το σημείο, στο οποίο θα βρείτε τη συλλογή από Μλοκ και Ενσωματώσεις του Gutenberg, για προσθήκη στα Άρθρα και τις Σελίδες. Μπορείτε να χρησιμοποιήσετε την μπάρα αναζήτησης, είτε να περιηγηθείτε στις διαθέσιμες επιλογές της οθόνης.

Οι επιλογές για τα «Περισσότερο χρησιμοποιούμενα» μπλοκ περιλαμβάνουν:

Παράγραφος, Επικεφαλίδα, Παράθεμα, Εικόνα, Συλλογή, Ήχος, Λίστα, Εξώφυλλο.

  1. Αναίρεση

Μπορείτε να αναιρέσετε την πιο πρόσφατη αλλαγή που κάνατε.

  1. Επανάληψη

Μπορείτε να επαναφέρετε την πιο πρόσφατη αλλαγή που αναιρέσατε.

  1. Δομή περιεχομένου

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

Μπορείτε επίσης να δείτε το περίγραμα του Εγγράφου, το οποίο είναι εξαιρετικά χρήσιμο στην περίπτωση που θέλετε να δείτε πώς είναι δομημένο με κεφαλίδες το Άρθρο ή η Σελίδα στο WordPress.

Οι κεφαλίδες (h1, h2, h3, h4, h5, h6) είναι ιδανικός τρόπος για να κατανομήσετε το περιεχόμενό σας σε ενότητες, προσφέροντας στους αναγνώστες έναν φιλικότερο τρόπο περιήγησης στην πληροφορία. Οι κεφαλίδες είναι επίσης σημαντικές και για την βελτιστοποίηση της κατάταξης στις μηχανές αναζήτησης (SEO).  Επίσης, οι μηχανές αναζήτησης χρησιμοποιούν τις κεφαλίδες για καλύτερη ταξινόμηση του περιεχομένου σας, οπότε να τις χρησιμοποιείτε συνετά.

  1. Πλοήγηση μπλοκ

Η επιλογή της πλοήγησης μπλοκ, σας επιτρέπει την γρήγορη εναλλαγή μεταξύ των μπλοκ του Gutenberg στο Άρθρο ή τη Σελίδα σας στο WordPress.

  1. Αποθήκευση

Ο σύνδεσμος της Αποθήκευσης, είναι ο τρόπος με τον οποίο μπορείτε να αποθηκεύσετε την τρέχουσα έκδοση του προσχεδίου σας. Να σημειωθεί ότι ο Επεξεργαστής Κειμένου Gutenberg του WordPress θα αποθηκεύει συνεχώς και αυτομάτως την πρόοδο της εργασίας σας, οπότε ενδέχεται να μην χρησιμοποιείτε τόσο συχνά το κουμπί της Αποθήκευσης.

  1. Προεπισκόπηση

Το κουμπί Προεπισκόπησης σας παρέχει μια εικόνα του πως θα μοιάζει η Σελίδα ή το Άρθρο σας όταν θα δημοσιευθεί.

  1. Δημοσίευση

Πατώντας το κουμπί της Δημοσίευσης, σας δίνεται η δυνατότητα να δημοσιεύσετε το Άρθρο ή τη Σελίδα σας στο κοινό.

  1. Ρυθμίσεις

Το σύμβολο του γραναζιού των Ρυθμίσεων (απ)ενεργοποιεί το μενού των ρυθμίσεων, το οποίο εντοπίζουμε στην δεξιά πλευρά της οθόνης.

  1. Εμφάνιση περισσότερων εργαλείων και επιλογών

Πατήστε στο εικονίδιο με τις τρεις κάθετες τελείες, για να εμφανιστεί το μενού των Περισσότερων εργαλείων και επιλογών.

Σε αυτό το μενού μπορείτε να βρείτε επιπρόσθετες επιλογές σχετικά με τον Επεξεργαστή Κειμένου Gutenberg, συμπεριλαμβανομένων της Προβολής, του Διορθωτή και των Εργαλείων.

Η Προβολή περιλαμβάνει την Επάνω Γραμμή Εργαλείων, την Κατάσταση Επισήμανσης και Λειτουργία πλήρους οθόνης.

  • Η Επάνω Γραμμή Εργαλείων σας επιτρέπει την πρόσβαση σε όλα τα μπλοκ και τα εργαλεία εγγράφου, συγκεντρώνοντας τα σε ένα κοινό σημείο.

 

  • Η Κατάσταση Επισήμανσης σας επιτρέπει να συγκεντρωθείτε σε ένα μπλοκ την φορά.

 

  • Η Λειτουργία πλήρους οθόνης σας επιτρέπει να εργάζεστε χωρίς περισπασμούς, αφαιρώντας τα λιγότερο απαραίτητα μενού.

 Μπορείτε επίσης να εναλλάσετε τον Επεξεργαστή WYSIWYG και τον Διορθωτή Κώδικα από την ενότητα του Διορθωτή.

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

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

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

ΡΥΘΜΙΣΕΙΣ ΕΓΓΡΑΦΟΥ

 Το WordPress 5.0 παρουσιάζει τις νέες Ρυθμίσεις Εγγράφου, οι οποίες προηγούμενα ήταν οργανωμένες στο σημείο όπου βρισκόταν το κουμπί της Δημοσίευσης στην οθόνη επεξεργασίας της Σελίδας ή του Άρθρου. Παρακάτω θα δείτε 9 διαφορετικές επιλογές μορφοποίησης του «Εγγράφου» σας, ή του περιεχομένου της Σελίδας ή του Άρθρου στο WordPress.

 

ΟΙ 9 ΡΥΘΜΙΣΕΙΣ ΕΓΓΡΑΦΟΥ

  1. Έγγραφο

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

  1. Πλαίσιο

Αλλάζει την καρτέλα στη δεξιά πλευρά της οθόνης, ώστε να εμφανίζει τις ρυθμίσεις Πλαισίου.

  1. Κατάσταση & ορατότητα

Η ενότητα Κατάσταση & ορατότητα παρέχει μια σφαιρική εικόνα της τρέχουσας κατάστασης της Σελίδας ή του Άρθρου.

Ορατότητα : Η επιλογή Ορατότητα άρθρου σας επιτρέπει να επιλέξετε ποιος μπορεί να δει ένα άρθρο ή μία σελίδα στο WordPress άπαξ και δημοσιευθεί. Μπορείτε να επιλέξετε ανάμεσα στα Δημόσιο, Απόρρητο και Έχει συνθηματικό.

Δημοσίευση : Μπορείτε να χρησιμοποιήσετε την επιλογή Δημοσίευση για να προγραμματίσετε την αυτοματοποιημένη δημοσίευση του άρθρου σας. Για να προγραμματίσετε ένα άρθρο, επιλέξτε την ημερομηνία και την ακριβή ώρα που επιθυμείτε να δημοσιευθεί το νέο άρθρο ή σελίδα σας.

Μορφή άρθρου : Ο σύνδεσμος Μορφή άρθρου σας επιτρέπει να επιλέξετε τη μορφοποίηση του άρθρου σας, συμπεριλαμβανομένων των Συλλογή, Σύνδεσμος, Εικόνα, Παράθεμα, Κανονικό, Βίντεο, Ήχος.

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

Για έλεγχο : Επιλέξτε Για έλεγχο και αποθηκεύστε το άρθρο σας, για να το θέσετε σε κατάσταση αναμονής.

  1. Κατηγορίες

Επιλέξτε μία από τις τρέχουσες Κατηγορίες ή δημιουργήστε μία νέα για το άρθρο σας.

  1. Ετικέτες

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

  1. Χαρακτηριστική εικόνα

Προσθέστε μία Χαρακτηριστική εικόνα στο άρθρο σας.

  1. Απόσπασμα

Δημιουργήστε προαιρετικά μία περίληψη ή σύντομη περιγραφή για το άρθρο σας με την επιλογή του WordPress Απόσπασμα.

  1. Συζήτηση

Μπορείτε να ελέγξετε το αν θα μπορούν να σχολιάζουν στο άρθρο ή την σελίδα σας στο WordPress οι εκάστοτε χρήστες. Μπορείτε επίσης να επιλέξετε εάν θα επιτρέπονται τα Pingbacks & Trackbacks.

Τα Pingbacks & Trackbacks είναι μέθοδοι που χρησιμοποιούνται για να ειδοποιούνται τα Blogs ότι έχετε διασυνδεθεί μαζί τους, όυτως ώστε να παρέχουν ένα τύπο «απομακρυσμένου» συστήματος σχολιασμού.

Ένα Pingback είναι τύπος σχολίου που δημιουργείται όταν διασυνδέεστε με ένα άλλο άρθρο σε Blog, όπου τα pingbacks είναι ενεργοποιημένα.

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

  1. Layout

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

ΕΠΙΛΟΓΕΣ BLOCK (ΠΛΑΙΣΙΟΥ) ΤΟΥ GUTENBERG

 Οι επιλογές Πλαισίου στη δεξιά πλευρά της οθόνης σας προσφέρουν διάφορες επιλογές για μορφοποίηση των μπλοκ που έχετε χρησιμοποιήσει. Πρώτα θα χρειαστεί να επιλέξετε το μπλοκ του Gutenberg που επιθυμείτε να μορφοποιήσετε. Οι Ρυθμίσεις Πλαισίου σας επιτρέπουν να προσαρμόσετε κάθε μπλοκ ανεξάρτητα από τα υπόλοιπα.

Καθώς επιλέγετε ένα μπλοκ του Gutenberg, οι επιλογές στο συγκεκριμένο πάνελ αλλάζουν. Η πλειοψηφία των επιλογών μπλοκ του Gutenberg σχετίζονται με την μορφοποίηση και το στυλ. Οι ρυθμίσεις των προσαρμογών που διατίθενται διαφέρουν ανά τύπο μπλοκ, ωστόσο μπορείτε να δείτε ότι υπάρχει πλειάδα επιλογών για να εφαρμόσεις τα διάφορα στυλ, καθώς και περαιτέρω ρυθμίσεις στο μπλοκ.

 

Προχωρημένες επιλογές Μπλοκ (Πλαισίου) στον Gutenberg

Οι προχωρημένες επιλογές σας επιτρέπουν να προσθέσετε ένα επιπλέον CSS class στο επιλεγμένο μπλοκ.

Αλλαγή τύπου Μπλοκ

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

Επεξεργασία του τρέχοντος Μπλοκ

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

Παίρνουμε μια πρώτη εικόνα μέχρι στιγμής από τις αυξημένες δυνατότητες που παρέχει στον σχεδιασμό ιστοσελίδων το wordpress μέσω της υιοθέτησης του GutenBerg. Σίγουρα όμως οι δυνατότητες που παρέχει σε ένα web designer δεν σταματούν εκεί.

ΠΕΡΙΣΣΟΤΕΡΕΣ ΕΠΙΛΟΓΕΣ ΤΟΥ GUTENBERG

Κάθε Μπλοκ του Gutenberg περιέχει επιπρόσθετες επιλογές, τις οποίες μπορείτε να ανακαλύψετε κλικάροντας το εικονίδιο στην πάνω δεξιά πλευρά του μενού του Μπλοκ.

Αυτές οι επιπλέον επιλογές περιλαμβάνουν:

  1. Εμφάνιση Ρυθμίσεων Μπλοκ

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

  1. Δημιουργία αντιγράφου

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

  1. Εισαγωγή πριν

Με αυτόν τον τρόπο μπορείτε να εισάγετε ένα νέο μπλοκ πάνω από το τρέχον επιλεγμένο μπλοκ.

  1. Εισαγωγή μετά

Με αυτόν τον τρόπο μπορείτε να εισάγετε ένα νέο μπλοκ κάτω από το τρέχον επιλεγμένο μπλοκ.

  1. Επεξεργασία ως HTML / Τροποποιήστε οπτικά

Αυτή η επιλογή σας επιτρέπει να εναλλάσετε τις όψεις επεξεργασίας, είτε επιλέγοντας το HTML είτε την Οπτική επεξεργασία. Το να επιλέξετε Επεξεργασία ως HTML μπορεί να σας φανεί ιδιαίτερα χρήσιμο, εάν επιθυμείτε να δείτε ή να τροποποιήσετε το προϊόν του HTML κώδικα, όπως τα div classes ή τα inline styles που έχουν εφαρμοστεί στο μπλοκ. Η επαναφορά της επιλογής Τροποποιήστε οπτικά θα σας οδηγήσει στην προεπιλεγμένη οθόνη επεξεργασίας.

  1. Προσθεστε στα Επαναχρησιμοποιήσιμα Μπλοκ

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

  1. Αφαιρέστε μπλοκ

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

ΣΥΝΤΟΜΕΥΣΕΙΣ ΠΛΗΚΤΡΟΛΟΓΙΟΥ ΓΙΑ ΤΟΝ GUTENBERG

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

 

Συντόμευση

 

MAC WINDOWS/LINUX
Εμφάνιση Συντόμευσης

 

Cmd+Option+H Shift+Alt+H
Εμφάνιση/ Απόκρυψη Ρυθμίσεων Sidebar

 

Shift+Cmd+, Shift+Cmd+,
Άνοιγμα του Μενού Πλοήγησης στο Μπλοκ

 

Ctrl+Option+O Shift+Alt+O
Πλοήγηση στην επόμενη Ενότητα  του Επεξεργαστή

 

Ctrl+` ή Shift+Options+N Ctrl+` ή  Shift+Alt+N
Πλοήγηση στην προηγούμενη Ενότητα  του Επεξεργαστή

 

Ctrl+Shift+` ή Shift+Option+P Ctrl+Shift+` ή Shift+Option+P
Πλοήγηση στην πλησιέστερη μπάρα Εργαλείων

 

Option+F10 Alt+F10
Εναλλαγή μεταξύ του Οπτικού Επεξεργαστή και του Επεξεργαστή Κώδικα

 

Cmd+Shift+Option+M Ctrl+Shift+Alt+M

Φυσικά και ο τομέας της κατασκευής eshop δεν μπορούσε να μείνει ανεπηρέαστος από την έλευση του GutenBerg και την νέα έκδοση του WordPress. Η Ecwid και η E-Commerce  λύση της για παράδειγμα λειτουργεί άψοφα με τον Gutenberg και σας επιτρέπει να δημιουργήσετε ένα ηλεκτρονικό κατάστημα χωρίς να έχετε την ανάγκη να γνωρίζετε κώδικα προκειμένου να το στήσετε.

Από την ομάδα της Ελληνικής Ένωσης για την Αξιοποίησης Τεχνολογιών Διαδικτύου – Html.Gr

Βίκτορας Γασπαράκης – Μαρία Ταβουλάρη