DreamWeaver.Gr

Δεν βιοπορίζουμε απλά από το διαδίκτυο. Πιστεύουμε σε αυτό

Κατασκευή ιστοσελίδας wordpress January 29, 2019

Κατασκευή ιστοσελίδας wordpress Στα προηγούμενα άρθρα μας είχαμε μιλήσει για την νέα έκδοση 5 του Wo...

περισσότερα...
WordPress εγχειρίδιο χρήσης. January 22, 2019

WordPress εγχειρίδιο χρήσης. Στο προηγούμενο άρθρο μας είχαμε μιλήσει για την νέα έκδοση 5 του WordP...

περισσότερα...

Blog

January 22, 2019

WordPress εγχειρίδιο χρήσης.

WordPress εγχειρίδιο χρήσης.

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

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

ΕΙΣΑΓΩΓΗ ΣΤΑ BLOCKS: ΕΝΑΣ ΝΕΟΣ ΤΡΟΠΟΣ ΕΠΕΞΕΡΓΑΣΙΑΣ ΣΤΟ WORDPRESS

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

ΠΟΙΑ BLOCKS ΠΕΡΙΛΑΜΒΑΝΟΝΤΑΙ;

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

Απλά Blocks

Τα Απλά Blocks βρίσκονται στην κορυφή της λίστας του Επεξεργαστή Κειμένου Gutenberg. Εάν χρησιμοποιούσες ήδη το WordPress, αυτά τα Blocks θα σας είναι οικεία:

Παράγραφος: Προσθέτει βασικό κείμενο παραγράφου
Λίστα: Προσθέτει μια αριθμημένη ή με κουκίδες λίστα
Εικόνα: Εισάγει μια εικόνα, ώστε να δημιουργηθεί μία οπτική δήλωση
Επικεφαλίδα: Προσθέτει τίτλους (h2,h3,h4,h5,h6) για να παρουσιάσει νέες ενότητες και οργανώνει το περιεχόμενο, ούτως ώστε να βοηθήσει τους επισκέπτες (και τις Μηχανές Αναζήτησης) να κατανοήσουν τη δομή του.
Παράθεμα: Δίνει οπτική έμφαση σε κείμενα παραθεμάτων.
Εξώφυλλο: Προσθέτει μία εικόνα ή ένα video με μία λεζάντα κειμένου – ιδανικό για κεφαλίδες.
Συλλογή: Παραθέτει πολλαπλές εικόνες σε μορφή συλλογής.
Ήχος: Ενσωματώνει έναν απλό Audio Player.
Αρχείο: Προσθέτει έναν σύνδεσμο για λήψη αρχείου.
Video: Ενσωματώνει είτε ένα video από τη Βιβλιοθήκη Πολυμέσων, είτε ένα νέο video.

Blocks Μορφοποίησης

Τα Blocks Μορφοποίησης παρέχουν στοιχεία σχετικά με την μορφοποίηση του άρθρου ή της σελίδας:

Κλασικό: Χρησιμοποιήστε τον κλασσικό επεξεργαστή κειμένου του WordPress.
Εξώστηλο: Δώστε ειδική οπτική έμφαση σε ένα παράθεμα από το κείμενό σας.
Πίνακας: Εισάγετε έναν πίνακα. Ιδανικό για διαμοιρασμό γραφημάτων και δεδομένων.
Στίχος: Εισάγετε ποίηση! Χρησιμοποιείστε ειδικές μορφοποιήσεις διακένων. Ή παραθέστε στίχους τραγουδιών.
Κώδικας: Εμφανίστε αποσπάσματα από κώδικα, διατηρώντας την δομή και τα κενά που έχετε ορίσει.
Προσαρμοσμένη HTML: Προσθέστε δικό σας κώδικα HTML και παρακολουθήστε το αποτέλεσμα ενώ τον επεξεργάζεστε.
Προμορφοποίηση: Προσθέστε κείμενο που διατηρεί τα κενά και διαστήματα, αλλά ταυτόχρονα επιτρέπει αλλαγές στο στυλ κειμένου.

Blocks Διάταξης Στυλων

Τα Blocks διάταξης στυλων σας επιτρέπουν να έχετε περισσότερο έλεγχο στο περιεχόμενό σας.

Στήλες: Προσθέστε ένα Block που θα εμφανίζει περιεχόμενο σε πολλαπλές στήλες και στη συνέχεια προσθέστε ό,τι Block περιεχομένου επιθυμείτε.
Κουμπί: Παροτρύνετε τους επισκέπτες της σελίδας να κάνουν μια αλληλεπίδραση, με ένα προσαρμοσμένο κουμπί.
Πολυμέσα & Κείμενα: Για μια πιο πλούσια δομή, ορίστε πολυμέσα και λέξεις το ένα δίπλα στο άλλο.
Περισσότερα: Θέλετε να δείξετε μόνο ένα απόσπασμα από ένα Άρθρο στην αρχική σας σελίδα; Χρησιμοποιήστε αυτό το Block, για να ορίσετε σε ποιο σημείο επιθυμείτε τον διαχωρισμό.
Αλλαγή σελίδας: Διαχωρίστε το περιεχόμενό σας για μια πολυσέλιδη εμπειρία χρήστη.
Διαχωριστικό: «Σπάστε» τις ιδέες και τους τομείς της σελίδας χρησιμοποιώντας μια οριζόντια γραμμή διαχωρισμού.
Κενός Διαχωριστής: Προσθέστε κενό μεταξύ των Blocks και προσαρμόστε το ύψος του.

Ένα δυνατό σημείο του wordpress ήταν πάντα η ευκολία πρόσθεσης περιεχομένου είτε με την μορφή σελίδων είτε με την μορφή posts / δημοσιεύσεων. O Gutenberg editor έρχεται να δώσει περισσότερες επιλογές και δυνατότητες κατά τον σχεδιασμό των ιστοσελίδων σας

Blocks Μικροεφαρμογών

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

Shortcode: Εισάγετε επιπλέον προσαρμοσμένα στοιχεία με ένα Shortcode του WordPress.
Αρχείο: Προβάλετε ένα μηνιαίο αρχείο των Άρθρων σας.
Κατηγορίες: Προβάλετε μια λίστα με όλες τις κατηγορίες.
Τελευταία σχόλια: Προβάλετε μια λίστα με τα πιο πρόσφατα σχόλια.
Πρόσφατα άρθρα: Προβάλετε μια λίστα με τα πιο πρόσφατα Άρθρα.

Blocks Ενσωματώσεων

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

Πιο συγκεκριμένα περιλαμβάνει Twitter, YouTube, Facebook, Instagram, WordPress, SoundCloud, Spotify, Flickr, Vimeo, Animoto, Cloudup, CollegeHumor, Imgur, Issuu, Kickstarter, Meetup.com, Mixcloud, Photobucket, Polldaddy, Reddit, ReverbNation, Screencast, Scribd, Slideshare, SmugMug, Speaker Deck, TED, Tumblr, VideoPress, WordPress.tv .

Επιπλέον Blocks από Πρόσθετα

Αναλόγως των Προσθέτων που έχετε εγκατεστημένα στην ιστοσελίδα σας, μπορεί να παρατηρήσετε επιπρόσθετες επιλογές πρόσθετων στον Gutenberg.Παραδείγματος χάριν, εάν χρησιμοποιείτε το Πρόσθετο Yoast SEO, θα παρατηρήσετε την επιλογή για Yoast Structure Data, όπου εκτός των άλλων θα βρίσκονται τα Blocks How-to και FAQ. Μια πολύ σημαντική προσθήκη όσο αφορά τις seo ενέργειες σας για την προώθηση των ιστοσελίδων σας στις μηχανές αναζήτησης

Blocks για προγραμματιστές

Το WordPress δημιούργησε το Block API, ώστε να επιτρέπει σε προγραμματιστές να δημιουργούν τα δικά τους Blocks. Όσο διαδίδεται η υιοθέτηση της έκδοσης 5.0 του WordPress, θα παρατηρείτε όλο και περισσότερες επιλογές για Blocks.

Εμείς θα είμαστε εδώ σε επόμενα άρθρα μας για να σας παρουσιάσουμε αναλυτικά όλες τις δυνατότητες του gutenberg editor και του wordpress 5.

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

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

 

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