[ English version below ]

Τι είναι ένα block theme και πώς φτιάχνεται; Τι είναι το Full Site Editing (FSE) και τα block patterns; Πώς μπορώ να φτιάξω τα δικά μου custom blocks; Στα πλαίσια του Thessaloniki WordPress Meetup, διοργανώνονται μια σειρά από πρακτικά workshops, όπου θα απαντήσουμε αυτά τα ερωτήματα, θα γράψουμε κώδικα, θα συνεργαστούμε ως ομάδα χρησιμοποιώντας το Git, το Slack και άλλα εργαλεία, με απώτερο σκοπό να δημιουργηθεί ένα ολοκληρωμένο block theme!

Το block theme θα ζει και θα αναπτύσσεται σε αυτό το repository, το οποίο θα είναι ανοικτό για να συνεισφέρει όποιος το επιθυμεί.

Για να συνεισφέρετε στην ανάπτυξη του theme αλλά και για να δημιουργήσετε τα δικά σας block themes, custom blocks, patterns κ.λπ. θα χρειαστείτε κάποια εργαλεία.

Για να μπορέσετε να δημοσιεύσετε themes και plugins στους καταλόγους του WordPress, θα χρειαστεί να έχετε έναν λογαριασμό στο wordpress.org. Επίσης με έναν λογαριασμό wordpress.org, θα έχετε την δυνατότητα να συνεισφέρετε στο WordPress, να λαμβάνετε βοήθεια στα φόρουμ υποστήριξης, να αξιολογήσετε και να σχολιάζετε θέματα εμφάνισης και πρόσθετα.

Για να δημιουργήσετε έναν λογαριασμό στο wordpress.org πατήστε εδώ.

Το slack είναι μία πλατφόρμα επικοινωνίας. Παρέχει άμεση συζήτηση μέσω γραπτών μηνυμάτων ή online κλήσεων και πάρα πολλές επιπλέον δυνατότητες όπως διαμοιρασμό εικόνων, κώδικα κλπ. Με την εγγραφή σας στο Slack της Ελληνικής Κοινότητας WordPress, έχετε πρόσβαση σε όλες τις συζητήσεις σχετικά με το WordPress, τα τοπικά WordPress Meetups και WordCamps και άλλα θέματα.

Για την εγγραφή σας στο Slack, ακολουθήστε αυτό τον οδηγό.

Το Visual Studio Code, είναι ένα IDE, το οποίο ενσωματώνει διάφορα χρήσιμα εργαλεία για να διευκολύνει την ανάπτυξη και αποσφαλμάτωση κώδικα (π.χ. syntax highlighting, code autocompletion, εργαλεία debug κ.λπ.) και παρέχεται δωρέαν.

Για να κάνετε λήψη του VS Code πατήστε εδώ

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

Για να κάνετε λήψη του Git πατήστε εδώ. Μπορείτε να δείτε έναν σύντομο αλλά περιεκτικό οδηγό με εξήγηση βασικών ενοιών του Git αλλά και παραδείγματα χρήσης εδώ. Εδώ θα βρείτε ένα βασικό παράδειγμα χρήσης του GitHub.

Το Node.js είναι μια πλατφόρμα ανάπτυξης λογισμικού χτισμένη σε περιβάλλον Javascript.

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

Για να κάνετε λήψη του Node JS πατήστε εδώ (το npm συμπεριλαμβάνεται και θα εγκατασταθεί μαζί με το Node JS).

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

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

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

Το πλάνο για τα workshops είναι το ακόλουθο:

27o Thessaloniki WordPress Meetup - 05 Νοεμβρίου 2022

• Σύντομη παρουσίαση του project.
• Τι είναι ένα theme και ποιες οι διαφορές μεταξύ ενός κλασσικού και ενός block theme.
• Παρουσίαση και βοήθεια εγκατάστασης απαραίτητων εργαλείων.
• Δημιουργία βασικού σκελετού του block theme.

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

28ο Thessaloniki WordPress Online Meetup - 26 Νοεμβρίου 2022

• Βασικές λειτουργίες git (fork, clone, new branch, commit, pull request).
• Δημιουργία theme.json.
• Δημιουργία καινούριου template (κάθε συμμετέχοντας μπορεί να δημιουργήσει το δικό του) και προσθήκη περιεχομένου μέσω του block editor.
• Δημιουργία Pull Request σε αυτό το repository για να προσθέσουμε τα templates που φτιάξαμε.

Πρόκειται για ένα theme γενικού σκοπού, χωρίς κάποια στόχευση σε συγκεκριμένο τύπο χρηστών ή συγκεκριμένες λειτουργίες. Θα δημιουργηθεί με στόχο την εξερεύνηση και την πρακτική εξάσκηση με τα εργαλεία, τις τεχνολογίες και τις πρακτικές που χρειάζονται για την δημιουργία ενός custom block-based theme. Επίσης, αφού ολοκληρωθεί αυτό το theme, θα δημοσιευθεί στο theme directory του WordPress.

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

Σίγουρα ΝΑΙ! Κάποιες βασικές γνώσεις HTML, PHP και JavaScript σίγουρα θα βοηθήσουν, ωστόσο δεν απαιτούνται προηγούμενες γνώσεις σε κανένα τομέα. Επιπλέον, ακόμη και εάν δεν αισθάνεστε άνετα να συμμετάσχετε εξαρχής, μόνο και μόνο η παρακολούθηση των workshops πιστεύουμε ότι θα προσφέρει αρκετές γνώσεις και υλικό για περαιτέρω αναζήτηση 😉

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

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

Σίγουρα όχι. Ωστόσο εάν φέρετε ένα laptop, θα είναι πολύ πιο εύκολο να ακολουθήσετε την πορεία του workshop και να λύσουμε τυχόν απορίες επί τόπου.

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

Στοχεύουμε να γίνεται ένα workshop την τελευταία εβδομάδα κάθε μήνα. Κάθε workshop θα διαρκεί περίπου 3 ώρες.

What is a block theme, and how is it made? What is Full Site Editing (FSE) and block patterns? How can I make my own custom blocks? As part of the Thessaloniki WordPress Meetup, a series of practical workshops are organized, where we will answer these questions, write code, collaborate as a team using Git, Slack, and other tools, with the ultimate goal of creating a complete block theme!

The block theme will live, and be developed in this repository, which will be open for anyone to contribute.

To contribute to the development of the theme but also to create your own block themes, custom blocks, patterns, etc. you will need some tools.

To be able to publish themes and plugins to the WordPress directories, you will need to have a wordpress.org account. Also with a wordpress.org account, you will be able to contribute to WordPress, get help in the support forums, rate and comment on themes and plugins.

To create an account on wordpress.org click here.

Slack is a communication platform. It provides instant discussion via text messages or online calls, and many additional features such as sharing images, code, etc. By signing up to the Hellenic WordPress Community Slack, you will have access to all discussions about WordPress, local WordPress Meetups and WordCamps, and other topics.

To sign up for Slack follow this guide.

Visual Studio Code, is an IDE, which integrates various useful tools to facilitate code development, and debugging (e.g. syntax highlighting, code autocompletion , debug tools, etc.) and is provided for free.

To download VS Code click here

Git is a version control system. It allows us to know who, when, and what changes made to a file, while facilitating the collaboration of many people working on the same files.

To download Git click here. You can see a short but comprehensive guide with an explanation of basic Git concepts, and usage examples here. Here you will find a basic example of how to use GitHub.

Node.js is a software development platform built with Javascript.

npm is a package manager for the JavaScript programming language. A package manager is a collection of tools that automate the process of installing, upgrading, and removing computer programs.

To download Node JS click here (npm is included and will be installed with Node JS).

A local development environment is basically the installation of a web server on your computer, which you can use to easily create WordPress instances, and proceed with the development, execution, and testing of code.

Although there are many alternatives for creating a local development environment, we recommend using Laragon or Local.

⚠ On Windows, the user name need to be set in latin characters. If not, the installation of Local will fail.

The schedule for the workshops is as follows:

27th Thessaloniki WordPress Meetup - 05 November 2022

• Brief presentation of the project.
• What is a theme, and what are the differences between a classic and a block theme.
• Presentation, and assistance with installation of necessary tools.
• Creation of the basic framework of the block theme.

A recap is available in this video, and here you can watch a discussion about the installation and setup of necessary tools.

28th Thessaloniki WordPress Online Meetup - 26 November 2022

• Git basic operations (fork, clone, new branch, commit, pull request).
• Create theme.json.
• Create a new template (each attendant gets to create their own) and add content using the Block Editor.
• Create Pull Requests at this repository to include the templates that were created.

It is going to be a general purpose theme, without targeting any specific type of users, or functions. It will be created with the goal to explore and actually use the tools, the technologies and thepractices that are necessary to create a custom block-based theme. Also, once this theme will be complete, it will be published in the WordPress theme directory.

The final theme will be published in the WordPress theme directory, and will be distributed for free. There will be no financial benefits, or revenue from the development and publication of this theme.

Definitely yes! Some basic knowledge of HTML, PHP and JavaScript will definitely help, however no previous knowledge of any field is required. Furthermore even if you do not feel comfortable participating in the first place, we believe that just attending the workshops will provide enough knowledge and material for further exploration :)

Your participation in all workshops is not mandatory, however we will be very glad if you would join us every time.

Absolutely. After each workshop, a debriefing documentation will be provided containing notes, useful links, and any material which would be necessary so that anyone could follow the progress of the project, and be able to participate and contribute at any given time.

Definitely not. If you have your own laptop, however, it will be so much easier to follow along with the progress of the workshop, and we will be able to address possible questions on the spot.

You will have the opportunity to acquire new knowledge, and practice on a real project. If you already have the necessary knowledge, then you will have the opportunity to share it with other people, and help in the development of the theme.

Our goal is for a workshop to take place at the last week of every month. Each workshop shall take approximately 3 hours.