Μπλοκ Gutenberg

Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.


Επικεφαλίδα ένα

Επικεφαλίδα δύο

Επικεφαλίδα τρία

Επικεφαλίδα τέσσερα

Επικεφαλίδα πέντε
Επικεφαλίδα έξι

Προδιαμορφωμένο μπλοκ

Ο δρόμος που δεν ακολουθήθηκε, από τον Robert Frost

Δύο δρόμοι διασταυρώθηκαν σε ένα κίτρινο δάσος,
Και λυπάμαι που δεν μπόρεσα να ταξιδέψω και τα δύο
Και να είσαι ένας ταξιδιώτης, για πολύ καιρό στάθηκα
Και κοίταξα κάτω ένα όσο πιο μακριά μπορούσα
Μέχρι εκεί που έσκυψε μέσα στη βλάστηση,
Στη συνέχεια πήρε το άλλο, ως εξίσου δίκαιο,
Και έχοντας ίσως την καλύτερη διεκδίκηση,
Επειδή ήταν χορταριασμένο και ήθελε φθορά,
Αν και όσον αφορά αυτό το πέρασμα εκεί
Τους είχε φορέσει πραγματικά περίπου το ίδιο,
Και οι δύο εκείνο το πρωί ήταν εξίσου
Στα φύλλα κανένα βήμα δεν είχε πατήσει μαύρο.
Ω, κράτησα το πρώτο για μια άλλη μέρα!
Ωστόσο, γνωρίζοντας πώς ο δρόμος οδηγεί στο δρόμο,
Αμφέβαλλα αν θα επέστρεφα ποτέ.
Θα το πω αυτό με έναν αναστεναγμό
Κάπου αιώνες και αιώνες μετά:
Δύο δρόμοι διασταυρώθηκαν σε ένα δάσος, και εγώ...
Πήρα το δρόμο που δεν είναι τόσο μακρύς,
Και αυτό έκανε όλη τη διαφορά.

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

Λίστα με σειρά

  1. Nullam id dolor id nibh ultricies vehicula ut id elit.
  2. Donec ullamcorper nulla non metus auctor fringilla.
    1. Condimentum euismod aenean.
    2. Purus commodo ridiculus.
    3. Nibh commodo vestibulum.
  3. Cras justo odio, dapibus ac facilisis in.

Μη διατεταγμένη λίστα

  • Nullam id dolor id nibh ultricies vehicula ut id elit.
  • Donec ullamcorper nulla non metus auctor fringilla.
    • Nibh commodo vestibulum.
    • Aenean eu leo quam.
    • Pellentesque ornare sem lacinia.
  • Cras justo odio, dapibus ac facilisis in.

Στίχος

Αυτό είναι ένα παράδειγμα του βασικού μπλοκ στίχων του Gutenberg.

Ένα μπλοκ για χαϊκού; 
Γιατί όχι;
Μπλοκ για όλα τα πράγματα!

Διαχωριστής

Ακολουθούν παραδείγματα των τριών στυλ διαχωριστικών του βασικού μπλοκ διαχωριστικών του Gutenberg.




Πίνακας

Ακολουθεί ένα παράδειγμα του βασικού μπλοκ πίνακα του Gutenberg. 

ΕργαζόμενοςΜισθόςΘέση
Jane Doe
$100kΔΙΕΥΘΎΝΩΝ ΣΎΜΒΟΥΛΟΣ
John Doe$100kCTO
Jane Bloggs$100kΜηχανική
Fred Bloggs$100kΜάρκετινγκ

Τελευταίες αναρτήσεις, Προβολή λίστας

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 

Τελευταίες αναρτήσεις, προβολή πλέγματος

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


Blockquote

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.

Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.

Rich Tabor

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.


Εναλλακτική Blockquote

Το εναλλακτικό στυλ παραθέματος μπλοκ μπορεί να ταραταριστεί χρησιμοποιώντας την εντολή .wp-block-quote.is-large. Επιλογέας CSS. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Rich Tabor

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.


Ήχος

Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Ευθυγραμμισμένο στο κέντρο:

Παράδειγμα λεζάντας μπλοκ ήχου

Curabitur blandit tempus porttitor. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.


Κουμπιά

Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Ευθυγραμμισμένο στο κέντρο

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. 

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.


Κατηγορίες


Αρχεία


Στήλες

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.


Τραβήξτε Αποσπάσματα

Ακολουθεί ένα παράδειγμα του κεντρικού μπλοκ παραθέματος pull quote, που έχει ρυθμιστεί να εμφανίζεται κεντραρισμένο. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.

Rich Tabor, ThemeBeans.com

Ευθυγραμμισμένο σε μεγάλο εύρος

Ακολουθεί ένα παράδειγμα του βασικού μπλοκ παραθέματος, ρυθμισμένο να εμφανίζεται με το χαρακτηριστικό ευθυγράμμισης, αν το θέμα το επιτρέπει. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Εδώ έχουμε ένα αριστερόστροφο pullquote.

Rich Tabor

Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.

Εδώ έχουμε μια δεξιά στοίχιση pullquote.

Rich Tabor

Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.


Μπλοκ εικόνας

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.

Στρωμένο επεξεργάσιμο κείμενο πρότυπο εφέ διάνυσμα 3d τυπογραφία

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Αριστερά ευθυγραμμισμένο: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Nullam quis risus.

Μπλοκ βίντεο

Ας ελέγξουμε την τοποθέτηση και το στυλ του μπλοκ του πυρήνα βίντεο. Θα ελέγξουμε επίσης την ευθυγράμμιση wide και full.

Μπλοκ εικόνας εξωφύλλου

Ελέγξτε την τοποθέτηση και το στυλ του κεντρικού μπλοκ της εικόνας εξωφύλλου. Θα ελέγξουμε την ευθυγράμμιση wide και full, καθώς και την ευθυγράμμιση αριστερά/δεξιά.

Παράδειγμα λεζάντας

Αριστερά ευθυγραμμισμένο: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.


Παράδειγμα λεζάντας

Δεξιά ευθυγραμμισμένη: scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.Ευθυγραμμισμένο στο κέντρο:

Παράδειγμα κινούμενης επιφάνειας


Μπλοκ γκαλερί

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

Γκαλερί δύο στηλών

Παρακάτω έχουμε ένα Gallery Block με δύο στήλες και δύο εικόνες.

Τρεις στήλες

Παρακάτω έχουμε εισάγει ένα μπλοκ Gallery με τρεις στήλες και τρεις εικόνες.

Τέσσερις στήλες

Παρακάτω έχουμε εισάγει ένα μπλοκ Gallery με τέσσερις στήλες και τέσσερις εικόνες.

Πέντε στήλες

Παρακάτω έχουμε εισάγει ένα μπλοκ Gallery με πέντε στήλες και πέντε εικόνες.

Τέσσερις στήλες, πέντε εικόνες

Ας αλλάξουμε λίγο τα πράγματα. Τώρα έχουμε εισάγει ένα μπλοκ Γκαλερί με τέσσερις στήλες και πέντε εικόνες.

Τρεις στήλες, πέντε εικόνες

Τώρα έχουμε εισάγει ένα Gallery Block με τρεις στήλες και πέντε εικόνες.

Παρακάτω θα βρείτε ένα Gallery Block με δύο στήλες και πέντε εικόνες.

Δύο στήλες, πέντε εικόνες

Τρεις στήλες, τέσσερις εικόνες

Παρακάτω θα βρείτε ένα Gallery Block με τρεις στήλες και τέσσερις εικόνες.