Ιστολόγιο

Τι στο καλό είναι τα Shortcodes, τελικά;

Αν έχετε παρατηρήσει, ένας από τους βασικούς κανόνες του WordPress είναι να κάνει πάντα, μα πάντα τα πράγματα λίγο πιο εύκολα για όλους – τόσο για τους αρχάριους όσο και για τους έμπειρους προγραμματιστές. Ένας από τους τρόπους με τους οποίους επιτυγχάνεται αυτός ο στόχος είναι μέσω της χρήσης των shortcodes.

Η σελίδα υποστήριξης του WordPress.com τα ορίζει ως εξής:

Ακούγεται αρκετά απλό. Τώρα, αν δεν έχετε ακούσει για τα shortcodes πριν από αυτό το άρθρο και δεν ξέρετε πώς μοιάζουν, είναι αυτά τα κείμενα που μοιάζουν με αρχαϊκό κώδικα και περικλείονται σε αγκύλες.

Σε σύγκριση με τον κανονικό κώδικα, ο οποίος συνήθως μοιάζει κάπως έτσι:

(Εεε. Τι;)

shortcodes γενικά μοιάζουν κάπως έτσι:

(Πανεύκολο.)

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

Τώρα ας επιστρέψουμε σε αυτό το συγκεκριμένο shortcode, το ίδιο με παραπάνω:

Αυτό το συγκεκριμένο ονομάζεται embed shortcode και είναι ενσωματωμένο από προεπιλογή στο WordPress. Ενσωματώνει το βίντεο από το URL στο περιεχόμενό σας. Αν βρίσκεστε στο WordPress αυτή τη στιγμή, μπορείτε να αντιγράψετε και να επικολλήσετε το παραπάνω shortcode στον ιστότοπό σας αν θέλετε να το δοκιμάσετε.

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

Προς το παρόν όμως, μη διστάσετε να πειραματιστείτε με τα shortcodes και να δείτε τι μπορούν να κάνουν για εσάς.

Καλή δημιουργία ιστοσελίδων!

2 Οκτωβρίου, 2026
Χαρτογράφηση Shortcode: Πώς το PBS θα υποστηρίζει 800+ πρόσθετα & 2.000+ Shortcodes
When I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

Τις τελευταίες εβδομάδες, η ομάδα του PBS πρόσθεσε ένα στοιχείο χάρτη, καθώς και ένα στοιχείο καρτελών (tabs).

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

But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

Well, the simple answer is yes. Yes it is.

And we’ve managed to achieve this feat through shortcode mapping.

What is Shortcode Mapping?

Shortcode mapping makes building shortcodes more friendly.

Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

Τα οφέλη ενός τέτοιου συστήματος είναι αρκετά σημαντικά:

1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

5.) Overall faster page building time!

Η αντιστοίχιση shortcode δεν είναι κάτι καινούργιο, και αρκετοί κατασκευαστές σελίδων (page builders) την διαθέτουν ήδη. Τι είναι αυτό όμως που κάνει το δικό μας να διαφέρει;

Πώς λειτουργεί η αντιστοίχιση Shortcode σε άλλους Page Builders

Each person/site does their own shortcode mapping.

Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

Σε αυτό το σενάριο, το βάρος της αντιστοίχισης των shortcodes αφήνεται σε εσάς, τον χρήστη. Εάν θέλετε όλα τα shortcodes σας να αντιστοιχιστούν πλήρως με όλα τα χαρακτηριστικά (και με τα όμορφα εργαλεία επιλογής χρώματος και άλλα στοιχεία), θα πρέπει να βεβαιωθείτε ότι εισάγετε κάθε λεπτομέρεια για κάθε shortcode ξεχωριστά.

What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

Πώς λειτουργεί η αντιστοίχιση Shortcode στο Page Builder Sandwich

Shortcode mappings are shared across all users.

Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

Αυτό μας προσφέρει πολλά εξαιρετικά οφέλη:
1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!
In case you’re interested in reading into how we made all of this possible, we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

Εγγραφείτε στο Newsletter μας!

You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!
2 Οκτωβρίου, 2026
5 απλές συμβουλές για να κάνετε την ιστοσελίδα σας να φαίνεται όμορφη

In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

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

Add high-quality images

oars.com

whitetablecatering.com

You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

Επιλέξτε τα σωστά χρώματα

Lawrence Boone Selections uses black to add a sense of luxury and value to their website

Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

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

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

Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

Χρησιμοποιήστε γραμματοσειρές που κάνουν αντίθεση

There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

Ο συνδυασμός δύο γραμματοσειρών μπορεί να είναι δύσκολος ακόμη και για σχεδιαστές. Θα μπορούσατε να το διατηρήσετε απλό πειραματιζόμενοι με δύο διαφορετικά βάρη/στυλ από μία γραμματοσειρά. Εάν είναι απαραίτητη μια δεύτερη γραμματοσειρά, επιλέξτε κάτι που δημιουργεί καλή αντίθεση με την πρώτη σας γραμματοσειρά. Κανονικά, ο συνδυασμός μιας γραμματοσειράς serif και μίας sans-serif λειτουργεί καλά. Μια άλλη σημαντική συμβουλή είναι να επιλέξετε γραμματοσειρές που ταιριάζουν με το στυλ της εταιρείας σας. Θα μπορούσατε να έχετε την πιο όμορφη γραμματοσειρά στον κόσμο, αλλά όταν χρησιμοποιείται σε λάθος πλαίσιο, θα μπορούσε και πάλι να φαίνεται απαίσια.

Διατηρήστε το καθαρό χρησιμοποιώντας κενό χώρο

Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

Κάντε το φιλικό προς κινητά

People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

Επιπλέον συμβουλή: Η χρήση του Page Builder Sandwich στον ιστότοπό σας θα ενεργοποιήσει αυτόματα την προβολή για κινητά και θα τον προσαρμόσει στο μέγεθος οθόνης κινητού.

Συμπέρασμα

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

2 Οκτωβρίου, 2026
Το ανείπωτο πρόβλημα των shortcodes

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

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

Το συγκεκριμένο ονομάζεται embed shortcode και είναι ενσωματωμένο από προεπιλογή στο WordPress. Αυτό συγκεκριμένα ενσωματώνει το βίντεο από το URL στο περιεχόμενό σας. Απλώς αντιγράψτε και επικολλήστε το παραπάνω shortcode στον ιστότοπό σας αν θέλετε να το δοκιμάσετε.

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

shortcode εντοπίζεται, το WordPress παίρνει το URL από το shortcode και το ελέγχει σε σχέση με έναν αριθμό παρόχων περιεχομένου που διαθέτει. Όταν βρει κάποιον, λαμβάνει τον κατάλληλο κώδικα ενσωμάτωσης iframe και εμφανίζει αυτόν στη θέση του.

Ποιο είναι λοιπόν το πρόβλημα εδώ; Ακούγεται αρκετά απλό: απλώς εισάγετε ένα σύντομο κείμενο με αγκύλες και τελειώσατε.

Και κάπου εδώ μπαίνει το Shortcode API..

Shortcodes εν αφθονία

Το Shortcode API ανοίγει τη δυνατότητα δημιουργίας shortcodes στους προγραμματιστές. Χάρη σε αυτό, οι προγραμματιστές μπορούν να προσθέτουν τα δικά τους shortcodes μέσα στα πρόσθετά τους.

Αυτό είναι εξαιρετικό: τώρα, με ένα απλό σύντομο απόσπασμα που μοιάζει με κώδικα (εξ ου και το όνομα «shortcode»), τόσο οι αρχάριοι όσο και οι προχωρημένοι χρήστες μπορούν να τοποθετήσουν σχεδόν οποιοδήποτε είδος περιεχομένου επιθυμούν οπουδήποτε.

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

Το πρόβλημα είναι ότι δεν υπάρχει κανένας κεντρικός χώρος στον οποίο να μπορείτε να βρείτε όλα τα διαθέσιμα shortcodes στον ιστότοπό σας και πώς να τα χρησιμοποιήσετε.

Κάποιοι προσπαθούν να λύσουν το πρόβλημα

Ορισμένα πρόσθετα προσπαθούν να λύσουν αυτό το πρόβλημα παρουσιάζοντας όλα τα δικά τους shortcodes σε ένα εύκολα προσβάσιμο αναπτυσσόμενο μενού. Στη συνέχεια, κάνοντας κλικ σε ένα από αυτά, το shortcode εισάγεται, πλήρες με όλες τις πιθανές παραμέτρους του. Δεν χρειάζεται πλέον να το απομνημονεύετε, κάτι που είναι θετικό.

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

Αυτή η λύση λειτουργεί κατά κάποιο τρόπο. Ωστόσο, κάθε πρόσθετο απαριθμεί μόνο τα δικά του shortcodes. Επομένως, εάν κάθε πρόσθετο δημιουργεί τη δική του μορφή επιλογέα shortcode, είναι βέβαιο ότι θα βρεθείτε σε περιπτώσεις όπου έχετε πολλαπλούς επιλογείς shortcode στην οθόνη σας (Αυτό έχει συμβεί και σε μένα στο παρελθόν).

Με άλλα λόγια, κάθε πρόσθετο κάνει το δικό του και εφαρμόζει τη δική του λύση για τα δικά του shortcodes. Ορισμένα πρόσθετα προσθέτουν είτε ένα νέο κουμπί δίπλα στο κουμπί «Προσθήκη πολυμέσων» είτε ένα νέο μέσα στο TinyMCE.

Ίσως λοιπόν τώρα να σκέφτεστε: «Γιατί να μην συγκεντρώσουμε επίσης τα shortcodes των άλλων πρόσθετων και να τα συμπεριλάβουμε και αυτά στο αναπτυσσόμενο μενού / επιλογέα shortcode;» Λοιπόν, ακριβώς αυτό σκέφτηκα κι εγώ. Αλλά αυτό είναι πιο εύκολο να το λες παρά να το κάνεις. Θα εξηγήσω το γιατί σε λίγο, αλλά πρώτα ας δούμε πώς θα έμοιαζε μια ιδανική λύση.

Η ιδανική λύση

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

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

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

Το κώλυμα

Δυστυχώς, είναι αρκετά δύσκολο να γίνει κάτι τέτοιο αυτή τη στιγμή. Δεν υπάρχει σίγουρος τρόπος για να γνωρίζει κανείς όλες τις λεπτομέρειες ενός shortcode. Μπορείτε να πάρετε μια λίστα με όλα τα shortcodes, αλλά μόνο τις πραγματικές ετικέτες/ονόματά τους· δεν μπορείτε να λάβετε πρόσθετες λεπτομέρειες σχετικά με αυτά, όπως μια λίστα παραμέτρων, τι κάνουν και τους τύπους τους – όπως μια συμβολοσειρά, ένα χρώμα ή έναν αριθμό. Ούτε μπορείτε να έχετε έστω και μια υποτυπώδη περιγραφή για κάθε παράμετρο.

Σημείωση προς τους προγραμματιστές εκεί έξω: ναι, υπάρχει ένα πρόσφατα προστεθέν τρίτο όρισμα για τη συνάρτηση shortcode_atts, αλλά δεν είναι υποχρεωτικό όρισμα. Επομένως, εκτός εάν κάθε προγραμματιστής πρόσθετων στον κόσμο το εφαρμόσει, δεν θα έχουμε ακόμα έναν σίγουρο τρόπο για να προσδιορίσουμε όλες τις παραμέτρους ενός shortcode.

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

Συμπέρασμα

Αυτή τη στιγμή, το έργο της οργάνωσης των shortcodes επαφίεται στον κάθε προγραμματιστή. Εκτός εάν αναπτυχθεί μια κεντρική μέθοδος εντός του WordPress, να περιμένετε ότι θα συνεχίσετε να βλέπετε πολλαπλά κουμπιά «Add Shortcode» στον πίνακα διαχείρισης. Το κατά πόσον κάτι τέτοιο θα πρέπει να προστεθεί στον πυρήνα του WordPress ή όχι είναι από μόνο του μια άλλη τεράστια συζήτηση.

Μια εναλλακτική

Υπάρχουν πρόσθετα page builder που αντιμετωπίζουν αυτό το ζήτημα διαφορετικά. Αντί να ανιχνεύουν προγραμματιστικά τα shortcodes, διαθέτουν εργαλεία αντιστοίχισης shortcodes όπου οι χρήστες μπορούν να εισάγουν χειροκίνητα κάθε λεπτομέρεια ενός shortcode. Μόλις γίνει αυτό, γίνεται διαθέσιμο μέσα στον page builder. Παρόλο που αυτό λειτουργεί, αυτά είναι διαθέσιμα μόνο στον δικό σας ιστότοπο.

Εμείς εδώ στο Page Builder Sandwich δημιουργούμε κάτι που ελπίζουμε ότι μπορεί να λύσει αυτό το αίνιγμα των shortcodes. Εγγραφείτε στο ενημερωτικό δελτίο μας παρακάτω για να λαμβάνετε ειδοποιήσεις σχετικά με την πρόοδό μας.

2 Οκτωβρίου, 2026
Η προσθήκη κομψών χαρτών στη σελίδα σας είναι μια διαδραστική εμπειρία
Τώρα μπορείτε να τοποθετείτε χάρτες στα σχέδια των σελίδων σας χρησιμοποιώντας το Page Builder Sandwich!

Είναι παράξενο να ενθουσιάζεται κανείς με τους χάρτες. Παίρνετε το URL του Google Map και μετά το ενσωματώνετε. Ή ίσως παίρνετε ένα πρόσθετο χάρτη online και βάζετε ένα shortcode. Ή ίσως ο άλλος σας page builder έχει ήδη έναν και μπορείτε να προσθέσετε έναν όποτε θέλετε. Αλλά ο λόγος για τον οποίο είμαστε ενθουσιασμένοι είναι ότι έχουμε φέρει την προσθήκη χαρτών σε ένα εντελώς νέο επίπεδο.

Ορίστε μια προεπισκόπηση:

Ο παλιός, βαρετός τρόπος προσθήκης ενός χάρτη

Δείτε πώς προσθέτετε έναν χάρτη με τον τυπικό σας page builder:
1. Σύρετε ένα νέο στοιχείο χάρτη,
2. Εισάγετε το γεωγραφικό πλάτος και μήκος στα πεδία,
3. Εισάγετε άλλες τιμές στα πεδία, όπως ύψος χάρτη, πλάτος χάρτη, επιλέγετε το πλαίσιο ελέγχου στυλ δρόμου κ.λπ.,
4. Πατάτε προεπισκόπηση και ελέγχετε πώς φαίνεται και αποφασίζετε ότι πρέπει να αλλάξετε κάτι για να φαίνεται πιο εντυπωσιακό,
5. Επιστρέφετε στον page builder και αλλάζετε τις τιμές, και μετά επαναλαμβάνετε το βήμα 4 παραπάνω.
Ο τρόπος προσθήκης χάρτη του Page Builder Sandwich

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

Δείτε πώς προσθέτετε έναν χάρτη με το Page Builder Sandwich:
1. Προσθέτετε ένα στοιχείο χάρτη,
2. Πληκτρολογείτε το γεωγραφικό πλάτος και μήκος ή τη διεύθυνση στην οποία θέλετε να κεντραριστεί ο χάρτης,
3. Μετακινείτε τον χάρτη και μεγεθύνετε ή σμικρύνετε για να αποκτήσετε την επιθυμητή εμφάνιση,
4. Προσθέστε μερικά ωραία χρώματα στους χάρτες σας για να ταιριάζουν με το στυλ σας,
5. Πατάτε αποθήκευση.
Ο τρόπος μας είναι πολύ πιο διασκεδαστικός και διαισθητικός. Ουσιαστικά αλληλεπιδράτε με τον χάρτη όπως θα κάνατε με έναν κανονικό Google Map.

Έγχρωμοι χάρτες ή διαμόρφωση στυλ με το SnazzyMaps

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

Ορίστε ένας που έχουμε χρωματίσει σε ροζ απόχρωση:

Το Page Builder Sandwich υποστηρίζει επίσης πιο περίτεχνους συνδυασμούς χρωμάτων μέσω του SnazzyMaps. Διαθέτουν μια τεράστια λίστα συνδυασμών χρωμάτων που συνεισέφεραν χρήστες και σας επιτρέπουν να δημιουργήσετε τους δικούς σας εάν θέλετε περισσότερο έλεγχο στα χρώματα.

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

Ορίστε ένας υπέροχος συνδυασμός χρωμάτων που ονομάζεται papuportal dark από το SnazzyMaps:

Τοποθετήστε χάρτες όπου θέλετε

Υπάρχουν πολλά ακόμη ωραία πράγματα που μπορείτε να κάνετε με τους χάρτες – όπως να τους προσθέσετε σε γραμμές πλήρους πλάτους για ένα πιο εντυπωσιακό αποτέλεσμα. Μπορείτε επίσης να τους προσθέσετε μέσα σε ένα carousel αν θέλετε, ή μέσα σε καρτέλες (μια επερχόμενη λειτουργία).

Αν δεν έχετε ακόμη το Page Builder Sandwich, μπορείτε να δοκιμάσετε την έκδοση premium κάνοντας κλικ στον σύνδεσμο «Live Demo» παραπάνω.
2 Οκτωβρίου, 2026
5 Λόγοι για τους Οποίους ο Κενός Χώρος Έχει Σημασία

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

Αν και το όνομα «λευκός χώρος» υποδηλώνει ότι ο χώρος είναι λευκός, δεν χρειάζεται πάντα να είναι κυριολεκτικά λευκός. Ο κενός χώρος μπορεί στην πραγματικότητα να είναι οποιουδήποτε χρώματος—Μπορεί ακόμη και να έχει ένα διακριτικό μοτίβο ή υφή. Είναι μια περιοχή στην οποία δεν θέλετε να εστιάσει το μάτι. Εναλλακτικά, ονομάζεται αρνητικός χώρος (negative space).

Γιατί λοιπόν έχει σημασία ο κενός χώρος;

Πηγή εικόνας: News Feed

Λόγος #1: Βελτιώνει την αναγνωσιμότητα

Ο κενός χώρος ανάμεσα στις γραμμές βάσης και τις παραγράφους βοηθά ουσιαστικά τους ανθρώπους να διαβάζουν άνετα όλο το περιεχόμενο του ιστότοπου. Η προσαρμογή μικρών λεπτομερειών του ιστοτόπου σας (όπως το διάστιχο/line-spacing ή το διάκενο γραμμάτων) θα μπορούσε να κάνει τεράστια διαφορά στη διευκόλυνση της ανάγνωσης.

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

Πηγή εικόνας: HP Magic Words

Λόγος #2: Επιταχύνει την αλληλεπίδραση

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

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

Πηγή εικόνας: Google

Λόγος #3: Στρέφει την προσοχή στα σωστά στοιχεία

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

Θυμηθείτε, αν τα πάντα ξεχωρίζουν, τίποτα δεν ξεχωρίζει.

Πηγή εικόνας: Pocket Penguins

Λόγος #4: Οι πρώτες εντυπώσεις μετράνε

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

Συμβουλή: Ορίστε μια ιδέα για το πώς να κάνετε τον σχεδιασμό του ιστοτόπου σας απλό και οικείο.

Πηγή εικόνας: Flock Knitwear

Λόγος #5: Βοηθά στη δημιουργία χώρου αναπνοής και ισορροπίας

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

Συμπέρασμα

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

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

Ο τελικός στόχος κάθε ιστοτόπου είναι η επικοινωνία. Η οπτική ελκυστικότητα συμβαδίζει με την επιτυχία του ιστοτόπου σας.

2 Οκτωβρίου, 2026

WordPress.com ΕΝΑΝΤΙΟΝ WordPress.org

Αν είστε σχετικά νέοι στη δημιουργία ιστοσελίδων, το πιθανότερο είναι να μην είστε εξοικειωμένοι με τη μεγάλη διαμάχη WordPress.com εναντίον WordPress.org. Ίσως μάλιστα να μην γνωρίζατε καν ότι υπάρχει το ένα ή το άλλο, καθώς και τα διάφορα πλεονεκτήματα και μειονεκτήματα του καθενός. Ποια είναι λοιπόν, πείτε μου, αυτή η μεγάλη διαμάχη μεταξύ της χρήσης του WordPress.com και του WordPress.org; Μήπως το ένα είναι απλώς μια φτηνή απομίμηση που περιμένει να δεχτεί μήνυση;

Λοιπόν, όχι.

Η συζήτηση, με λίγα λόγια, αφορά το ποια από αυτές τις δύο υπηρεσίες WordPress ταιριάζει καλύτερα στον ιστότοπο που προσπαθείτε να φτιάξετε. Καμία δεν είναι απομίμηση της άλλης και οι δύο ιστότοποι ανήκουν στο WordPress· απλώς το ένα (.com) είναι μια έκδοση πιο φιλική προς μη προγραμματιστές σε σχέση με το άλλο, και το .org έχει πολύ λιγότερους περιορισμούς όσον αφορά την κατασκευή ιστοσελίδων, σε σύγκριση με το .com.

«Πώς μπορώ να ξέρω ποιο χρειάζομαι, όμως;»

Η απάντηση σε αυτό το ερώτημα εξαρτάται αποκλειστικά από τις ανάγκες του μελλοντικού σας ιστοτόπου. Δεν υπάρχει μία οντότητα WordPress που να είναι αντικειμενικά η «καλύτερη» ή έστω η «βέλτιστη» έκδοση προς χρήση. Οι δύο τους έχουν τα δικά τους μοναδικά χαρακτηριστικά και εξίσου πολλά πλεονεκτήματα και μειονεκτήματα.

WordPress.com: Γιατί και πότε πρέπει να το επιλέξω;

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

Λάβετε υπόψη, ωστόσο, ότι το WordPress.com έχει επίσης τους δικούς του περιορισμούς. Ενώ μπορεί να μην χρειάζεται να ανησυχείτε τόσο για τη συντήρηση της εσωτερικής λειτουργίας του ιστοτόπου σας, ίσως πρέπει να έχετε κατά νου ότι πιθανότατα δεν θα έχετε τόση ελευθερία με αυτόν όση θα θέλατε. Ενώ η προσαρμογή της διεπαφής του ιστοτόπου σας μπορεί να μην αποτελεί πρόβλημα (το WordPress.com διαθέτει έναν τεράστιο αριθμό θεμάτων, για παράδειγμα), η προσθήκη ορισμένων δυνατοτήτων και στοιχείων με τη μορφή προσθέτων (plugins) μπορεί να γίνει πρόβλημα, ειδικά εάν ο ιστότοπός σας χρειάζεται συγκεκριμένες λειτουργίες που δεν είναι διαθέσιμες στο WordPress.com.

Ο τρόπος συντήρησης ενός ιστοτόπου είναι μια εντελώς διαφορετική ιστορία. Εξαρτάται σε μεγάλο βαθμό από το εάν: 1.) δεν είστε προγραμματιστής WordPress 2.) δεν έχετε καμία πρόθεση να μάθετε κώδικα, ή 3.) έχετε λίγο ή καθόλου χρόνο για αυτό.

WordPress.org: Πότε είναι η ώρα να το εξετάσετε;

Ένας γενικός κανόνας όσον αφορά την εξέταση του WordPress.org είναι όταν είστε τουλάχιστον λίγο εξοικειωμένοι με τη λειτουργία του κώδικα ή είστε πρόθυμοι να επενδύσετε λίγο χρόνο για να μάθετε. Δεδομένου ότι το WordPress.org είναι μια αυτόνομα φιλοξενούμενη (self-hosted) έκδοση του WordPress, μπορείτε να λερώσετε τα χέρια σας όσο θέλετε. Επιπλέον, έχετε την ελευθερία να πειραματιστείτε με αυτό όσο πολύ ή όσο λίγο επιθυμείτε. Εσείς θα είστε υπεύθυνοι για την εύρεση του δικού σας παρόχου φιλοξενίας, για τη ρύθμιση των δικών σας αντιγράφων ασφαλείας, και γενικά θα συντηρείτε τον ιστότοπο μόνοι σας – και το πιο σημαντικό, με τους δικούς σας όρους.

«Μα περιμένετε, γιατί να το θέλω αυτό; Δεν είναι ο σκοπός του WordPress να κάνει τη δημιουργία ιστοσελίδων ευκολότερη;»

…Όχι ακριβώς. Σκεφτείτε το ως εξής: Το The Daily Post κάνει μια εξαιρετική αναλογία μεταξύ του WordPress.org και του WordPress.com, με τρόπο που ακόμη και οι πιο αρχάριοι από τους αρχάριους (όπως εγώ) καταλαβαίνουν το νόημα αμέσως.

Σύμφωνα με αυτούς, πρέπει να σκέφτεστε το WordPress.com ως κάτι στο οποίο δεν έχετε πλήρη κυριότητα. Πάρτε για παράδειγμα τον 15χρονο εαυτό σας, που εξακολουθεί να μένει με τους γονείς του. Αν θέλατε να βάψετε την κρεβατοκάμαρά σας, θα έπρεπε πρώτα να ζητήσετε την άδεια των γονιών σας (οι οποίοι φυσικά έχουν την πλήρη ιδιοκτησία του σπιτιού, συμπεριλαμβανομένου του δωματίου σας). Τεχνικά, το δωμάτιο είναι δικό σας, αλλά στο τέλος της ημέρας, ε… κατά κάποιο τρόπο δεν είναι.

Επομένως, εάν χρειάζεται ή θέλετε να κάνετε δραστικές αλλαγές (όπως να βάψετε τους τοίχους σας ή να επεκτείνετε το δωμάτιο), θα πρέπει να το συζητήσετε και/ή να κάνετε έναν συμβιβασμό με τους πραγματικούς ιδιοκτήτες του σπιτιού, δηλαδή τη μαμά και τον μπαμπά. Ένα θετικό σε αυτό, ωστόσο, είναι ότι όταν πέφτει η ασφάλεια στο υπόγειο ή το κλιματιστικό σταματά να λειτουργεί, οι γονείς σας το αναλαμβάνουν και δεν χρειάζεται να ανησυχείτε για τίποτα.

Το WordPress.org, από την άλλη πλευρά, είναι κάτι που μπορείτε να προσαρμόσετε ελεύθερα και να επεξεργαστείτε με τη δική σας βούληση. Αυτό μπορεί να συγκριθεί με τη στιγμή που τελικά μετακομίζετε στα 18 σας και αποκτάτε ένα δικό σας διαμέρισμα. Εφόσον έχετε την πλήρη κυριότητα της κατοικίας σας, δεν χρειάζεται να κάνετε συμβιβασμούς με κανέναν για να βάψετε τους τοίχους σας σε εκείνο το χρώμα που η μαμά σας πάντα απεχθανόταν· έχετε την ελευθερία να πάρετε την απόφαση ή/και να προσλάβετε κάποιον που ανταποκρίνεται στα πρότυπά σας για να το κάνει για εσάς. Επιπλέον, έχετε επίσης την ελευθερία να επιλέξετε ακριβώς ποια μονάδα κλιματιστικού θέλετε για το σαλόνι σας. Απλώς, αν τυχόν χαλάσει, θα πρέπει να προσλάβετε έναν τεχνικό για να το φτιάξει ή να καταλάβετε τι πάει στραβά και πώς να το επισκευάσετε μόνοι σας (κάτι που δεν είναι και τόσο κακό, γιατί, ελάτε τώρα, πήρατε ένα μάθημα, και η μάθηση είναι καλό πράγμα).

Μέχρι τώρα, ελπίζουμε να έχετε αποκτήσει μια πιο ξεκάθαρη εικόνα για το ποιες ακριβώς είναι οι έντονες διαφορές μεταξύ του WordPress.com και του WordPress.org. Αλλά με λίγα λόγια:

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

Ο έλεγχος περιεχομένου είναι περιορισμένος·

WordPress.com	WordPress.org
Πλήρως φιλοξενούμενο από το WordPress· όλα τα βασικά καλύπτονται.	Αυτόνομη φιλοξενία (Self-hosted)· επιλέξτε τα δικά σας βασικά στοιχεία ή επιλέξτε καλύτερα.
Οι δυνατότητες περιορίζονται σε όσα προσφέρει το WordPress.com	Χιλιάδες δυνατότητες με τη μορφή προσθέτων (plugins)·

Αυτές είναι μερικές από τις συγκρίσεις που προκύπτουν όταν σταθμίζονται οι διαφορές μεταξύ των δύο. Η επιλογή μεταξύ των δύο καταλήγει τελικά στο μέγεθος της ελευθερίας που θέλετε κατά τη δημιουργία του ιστοτόπου σας και στο πόσους πόρους (χρόνο, κόπο, χρήματα κ.λπ.) είστε διατεθειμένοι να διαθέσετε για αυτό. Θυμηθείτε ότι και οι δύο είναι πολύ κρίσιμες επιλογές που πρέπει να σταθμίσετε προτού αποφασίσετε ποια πλατφόρμα WordPress σας ταιριάζει καλύτερα. Επομένως, μην βιαστείτε να πάρετε την απόφαση!

Καλή δημιουργία ιστοσελίδων!

2 Οκτωβρίου, 2026

Γιατί WordPress;

Κάτι σημαντικό που πρέπει να λάβετε υπόψη όταν δημιουργείτε τον πρώτο σας ιστότοπο –είτε είστε επιχείρηση, ελεύθερος επαγγελματίας είτε οτιδήποτε και οποιοσδήποτε άλλος– είναι ότι δεν είναι όλοι εξοικειωμένοι με τη γλώσσα του κώδικα και την ανάπτυξη λογισμικού. Μπορεί, για παράδειγμα, να είστε ένας σεφ που θέλει να δημοσιεύσει τις συνταγές του στο διαδίκτυο. Μπορεί επίσης να είστε φοιτητής Καλών Τεχνών που χρειάζεται ένα επαγγελματικό χαρτοφυλάκιο ή μια νεοσύστατη επιχείρηση που χρειάζεται τον δικό της ιστότοπο. Όποια κι αν είναι η περίπτωσή σας, το γεγονός παραμένει ότι, ενώ ορισμένοι από εμάς μπορεί να γνωρίζουν τα βασικά του κώδικα, δεν είμαστε όλοι προγραμματιστές πλήρους απασχόλησης και δεν ξέρει ο καθένας πώς να φτιάξει έναν ιστότοπο από το μηδέν. Εδώ ακριβώς μπορεί να σας φανεί χρήσιμο το WordPress. Και προκύπτει το ερώτημα: «Γιατί WordPress;»

ΛΟΓΟΣ #1

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

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

Σε σύγκριση με τη δημιουργία ενός ιστοτόπου από το μηδέν, η οποία συνήθως ξεκινά κάπως έτσι:

Με ένα σύστημα διαχείρισης περιεχομένου ξεκινάτε με κάτι τέτοιο:

Η διαχειριστική διεπαφή του WordPress. Η διαχείριση και η δημιουργία ιστότοπων γίνονται ευκολότερες με ένα CMS.

Ίσως όμως αναρωτηθείτε: «Το WordPress φαίνεται εξαιρετικό, αλλά τι γίνεται αν δεν έχει τις λειτουργίες που θέλω για τον ιστότοπό μου;» ή «τι γίνεται αν θέλω έναν χάρτη, ένα πρόγραμμα αναπαραγωγής μουσικής, έναν μηχανισμό προσωρινής αποθήκευσης ή ένα πιο αξιόπιστο σύστημα ασφαλείας;»

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

ΛΟΓΟΣ #2

Πρόσθετα: Το κερασάκι στην τούρτα του WordPress

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

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

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

ΛΟΓΟΣ #3

Ανοιχτός κώδικας: Η κοινότητα του WordPress

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

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

ΛΟΓΟΣ #4

Το WordPress είναι αξιόπιστο και αναγνωρισμένο.

Το CNN, το επίσημο ιστολόγιο του Star Wars, το περιοδικό Time, ακόμα και (ναι!) η Beyonce διαθέτουν ιστότοπους που λειτουργούν με WordPress, ανάμεσα σε πολλούς άλλους. Αυτά τα μεγάλα ονόματα δεν είναι το μόνο στοιχείο που υποστηρίζει την εγκυρότητα του WordPress – σύμφωνα με το Treehouse.com, περίπου το 25% όλων των ιστότοπων στο διαδίκτυο λειτουργεί με WordPress. Αναλογιζόμενοι πόσα εκατομμύρια ιστότοποι υπάρχουν… το 25% είναι ένας πραγματικά τεράστιος αριθμός.

ΛΟΓΟΣ #5

Προσαρμογές σε αφθονία!

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

ΛΟΓΟΣ #6:

Είναι δωρεάν.

Ναι, σωστά διαβάσατε. Μέσω της τοπικής ανάπτυξης, το WordPress είναι εντελώς δωρεάν και μπορείτε να το εγκαταστήσετε στον υπολογιστή σας με το πάτημα ενός κουμπιού. Ομοίως, αντί να προσλάβετε έναν προγραμματιστή, μπορείτε να αξιοποιήσετε όποιες γνώσεις κώδικα διαθέτετε για να μάθετε περισσότερα για το πώς λειτουργεί το WordPress (και άλλωστε, η μάθηση είναι πάντα κάτι καλό).

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

Να θυμάστε ότι οι δυνατότητες με το WordPress είναι αμέτρητες και δεν χρειάζεται να είστε διάνοια για να καταλάβετε πώς λειτουργούν όλα!

Η χρήση του WordPress μπορεί να σας γλιτώσει πολύ χρόνο, χρήμα και κόπο. Και σε περιόδους όπου αυτοί οι πόροι σπανίζουν, να έχετε υπόψη ότι οι ιστότοποι WordPress, τα πρόσθετά τους (όπως το PBS!), τα θέματά τους και ιδιαίτερα η κοινότητά του, μπορούν να σας βοηθήσουν ουσιαστικά και να κάνουν τα πράγματα πολύ πιο απλά για εσάς.

Καλή δημιουργία ιστοτόπων!

2 Οκτωβρίου, 2026
3 πράγματα που πρέπει να λάβετε υπόψη πριν ξεκινήσετε με τα Page Builders

Υπάρχει μια πιθανότητα να βρίσκεστε εδώ επειδή ακούσατε ότι το PBS είναι πολύ πιθανόν μία από τις πιο γρήγορες συντομεύσεις για τη δημιουργία ιστότοπων. Ενώ οι κατασκευαστές σελίδων (page builders), γενικά, υπάρχουν για να κάνουν τα πράγματα ευκολότερα, υπάρχουν ακόμα μερικά πράγματα που ίσως θα θέλατε να λάβετε υπόψη πριν εμβαθύνετε σε αυτόν τον συγκεκριμένο τομέα της ανάπτυξης WordPress.

Εκμάθηση του WordPress: Μια κρίσιμη προϋπόθεση για τα Page Builder

Αυτό είναι πιθανώς το πιο προφανές στοιχείο σε αυτήν τη λίστα, αλλά παραμένει το πιο σημαντικό. Τα Page Builder δυστυχώς δεν μπορούν να αγοραστούν αυτόνομα. Έρχονται με τη μορφή προσθέτων (plugins) στο WordPress, τα οποία θα πρέπει να εγκαταστήσετε και να μάθετε πώς να τα χειρίζεστε. Να είστε σίγουροι ότι το WordPress είναι ένας από τους ευκολότερους και πιο αξιόπιστους τρόπους για τη δημιουργία ενός ιστότοπου. Δεν θα μετανιώσετε που αποκτάτε τεχνικές γνώσεις, λαμβάνοντας υπόψη την εποχή στην οποία βρισκόμαστε. Υπάρχει μια διαφορά μεταξύ του WordPress.com και του WordPress.org, και το να γνωρίζετε ποιο καλύπτει τις ανάγκες σας εξοικονομεί επίσης χρόνο!

Αν σας τρομάζει λίγο το πλήθος ορισμένων τεχνικών όρων σε αυτό το άρθρο, πάντως, μην ανησυχείτε. Υπάρχουν μερικοί χρήσιμοι ιστότοποι που μπορείτε να επισκεφθείτε για να ξεκινήσετε. Μερικοί από αυτούς είναι το WordPress Codex και το Treehouse. Περιλαμβάνει συμβουλές για το WordPress και τη δημιουργία ιστότοπων, ανάλογα με τις ανάγκες και το επίπεδο των γνώσεών σας.

Ίσως θα θέλατε να δοκιμάσετε πρώτα τα νερά, απλώς για να είστε σίγουροι

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

Εκτός από το να διαβάζετε άρθρα και κριτικές, ένα από τα πράγματα που μας αρέσουν στο WordPress είναι ότι έχει μια τεράστια κοινότητα πίσω του. Υπάρχουν άτομα, ομάδες, ακόμα και επιχειρήσεις, πρόθυμοι να δώσουν ένα χέρι βοήθειας στους υπόλοιπους χρήστες του WordPress, ειδικά στους νέους όπως εσείς! Η κοινότητα βασικά λειτουργεί περισσότερο στη βάση του pay-it-forward παρά του πάρε-δώσε.

Ο σχεδιασμός κάνει τεράστια διαφορά

Η ενθουσιώδης χρήστης του WordPress Donna Fontenot Cavalier επισημαίνει ένα πολύ σωστό σημείο σχετικά με τα drag and drop Page Builders και τη σημασία του βασικού σχεδιασμού. Ενώ οι drag-and-drop builders όπως το PBS μπορούν να σας εξοικονομήσουν πολύ χρόνο, οι βασικές γνώσεις και τουλάχιστον κάποια εξοικείωση με την αισθητική είναι ένα ακόμη κρίσιμο στοιχείο που πρέπει να λάβετε υπόψη κατά τη δημιουργία ιστότοπων. Φανταστείτε ένα σενάριο – ας πούμε ότι αποκτάτε έναν κομψό page builder της επιλογής σας: αυτό είναι τέλειο! Αλλά μετά ας υποθέσουμε ότι είστε ένα άτομο που δεν έχει ακριβώς το καλύτερο μάτι για την τέχνη, το design και τη λειτουργικότητα: ωχ-ωχ.

Μην ανησυχείτε, όμως. Το Page Builder Sandwich δεν είναι απλώς ένα Page Builder· η ομάδα μας είναι επίσης αφοσιωμένη στο να βοηθάει και άλλους χρήστες του WordPress. Επομένως, εάν αντιμετωπίζετε κάποια δυσκολία σχετικά με το σχεδιασμό, μην ανησυχείτε – έχουμε πολλά άρθρα εδώ στο PBS Blog με πολλές χρήσιμες συμβουλές για να σας βοηθήσουν να ξεκινήσετε. Με αυτόν τον τρόπο, μπορείτε να κάνετε περισσότερα, να μάθετε περισσότερα και να ανησυχείτε λιγότερο.

Θυμηθείτε, αν έχετε οποιεσδήποτε ερωτήσεις ή απορίες σχετικά με τα page builder ή οτιδήποτε σχετικό με τα παραπάνω σημεία, μη διστάσετε να μας γράψετε στην ενότητα σχολίων παρακάτω. Είμαστε πάντα πρόθυμοι να βοηθήσουμε τους πελάτες μας.

Καλή δημιουργία ιστοσελίδων!

2 Οκτωβρίου, 2026
Πώς να δημιουργήσετε βασικά hero headers σε 3 απλά βήματα

When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

Τι είναι τα Hero Headers;

The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

Για να ξεκινήσετε με το πρώτο σας hero header στο PBS, ακολουθήστε τα παρακάτω γρήγορα βήματα:

Βήμα 1: Εισαγωγή στήλης και προσαρμογή πλάτους σειράς

Click 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

Full-Width – Background, text and other elements fill the entire width of your browser window

Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

Βήμα 2: Προσαρμογή περιθωρίου για δημιουργία κενού χώρου

Increase the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

Βήμα 3: Προσθήκη φόντου με επικαλύψεις κειμένου και στοιχείων

To add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

Tip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

Type in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

Συμβουλή #2: Για στοιχεία branding, σκεφτείτε να χρησιμοποιήσετε ένα λευκό ή μαύρο λογότυπο, ώστε να μην έρχεται σε αντίθεση με μια πολύχρωμη εικόνα φόντου.

You can also add buttons by clicking on Button below the Insert Content tab.

Μην ξεχάσετε να αποθηκεύσετε την εργασία σας και είστε έτοιμοι!

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

Καλή δημιουργία ιστοσελίδων!

2 Οκτωβρίου, 2026