Ιστολόγιο

  • Πώς να προσθέσετε προσαρμοσμένα Shortcodes στο Page Builder Sandwich

    Πώς να προσθέσετε προσαρμοσμένα Shortcodes στο Page Builder Sandwich

    From the word itself, the word shortcode means exactly that: A short code; a shortcut code.

    Τα shortcodes σάς επιτρέπουν να προσθέτετε στοιχεία στον ιστότοπό σας (όπως widget, για παράδειγμα), χωρίς να χρειάζεται να προσθέσετε τεράστια κομμάτια κώδικα όπως θα έκαναν κανονικά οι προγραμματιστές.

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

    <html>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    
    Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus.
    
    Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor.
    
    Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur.
    
    Nullam sodales eleifend massa, in bibendum purus fermentum id.
    
    Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus.
    
    </html>​

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

    Now, a shortcode with the same exact function as the code above will look something like this, in contrast:

    [lorem ipsum dolor estat]Lorem Ipsum[/lorem]​

    You can see how they’re miles different from each other in terms of length.

    Τώρα φανταστείτε ότι και τα δύο κομμάτια κώδικα – Το αρχικό, μακροσκελές κομμάτι, σε σύγκριση με το shortcode που περιέχει μόνο τη λέξη “lorem”, θα έκαναν ακριβώς το ίδιο πράγμα: Θα πρόσθεταν κείμενο Lorem Ipsum.

    This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.

    Where can I find shortcodes?

    Αν έχετε ένα αγαπημένο πρόσθετο ή widget, οι πιθανότητες είναι ότι έχουν διαθέσιμο ένα shortcode για να το χρησιμοποιήσετε.

    Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.

    Adding Custom Shortcodes on PBS

    Στο Page Builder Sandwich, μπορείτε να προσθέσετε shortcodes απευθείας στη σελίδα σας απλώς πληκτρολογώντας ή κάνοντας αντιγραφή-επικόλληση στην περιοχή περιεχομένου σας.

    Το κάναμε αυτό παρακάτω με ένα shortcode από το Shortcodes Ultimate, προσθέτοντας ένα πλαίσιο περιεχομένου στη σελίδα επίδειξης του Page Builder Sandwich:

    Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.

    Από ένα από τα προηγούμενα άρθρα μας σχετικά με τη Χαρτογράφηση Shortcode, ο ορισμός είναι ο εξής:

    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.

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

    Εφόσον έχετε εγκαταστήσει στον ιστότοπό σας WordPress το πρόσθετο που περιλαμβάνει το shortcode, θα είναι άμεσα διαθέσιμο για χρήση στο Page Builder Sandwich.

    So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it’s installed on my WordPress site, like so:

    And then, to actually add the shortcode, I’ll just go to my page, and drag and drop the Shortcode Element:

    Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.

    You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.

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

    Here are some other helpful plugins that you can use to create your own custom shortcodes:

  • Δημιουργήστε έναν φοβερό ιστότοπο WordPress με αυτές τις προσφορές Black Friday 2017

    Create WordPress Website With Black Friday Sale 2017 Deals Black Friday and Cyber Monday are coming in a couple of days (5 to be exact), but you’ll find that a bunch of websites have already started announcing their discount deals every which way. WordPress tools and plugins are definitely no exception.

    Έτσι, ενώ είναι ακόμα (σχετικά) νωρίς, συγκεντρώσαμε μια λίστα με τις καλύτερες προσφορές που μπορέσαμε να βρούμε για το WordPress Black Friday 2017, με τα απαραίτητα που χρειάζεστε για να δημιουργήσετε έναν ιστότοπο WordPress– όλα εντός του προϋπολογισμού σας.

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

    Cloudways

    Cloudways is a managed cloud hosting platform that’s quick to start, easy to manage, and made to scale. It’s feature-rich, plus it lets you choose your server resources, allowing you to get your site up and running within minutes.

    Enter the coupon code HOLIDAY25 upon checkout to get a 25% discount on Cloudways for 3 months, valid until 28th November 2017.

    Αποκτήστε το κουπόνι σας από την Cloudways

    Yoast SEO

    Yoast SEO is one of the most popular (if not most trusted) search optimization plugin for WordPress, and for good reason too. With over 7 million installs, it’s probably the most comprehensive SEO tool in the digital market, and their millions of users (ourselves included) can attest: you simply can’t go wrong with a plugin as functional as Yoast.

    While they haven’t announced this year’s Black Friday coupons yet, they’ve made an announcement in one of their articles that they’ll definitely having a sale on November 24 and 25.

    Δείτε το Yoast SEO τώρα!

    WP Rocket Cache

    WP Rocket offers a good range of caching functions, giving your site the performance boost that it needs. It’s a breeze to configure as well, so it’s great for beginners as it only requires minimal effort for setup.

    This year, they’re having their biggest sale yet: 35% off on ALL their licenses.

    Αποκτήστε το κουπόνι WP Rocket

    Theme Discounts from WeDevs.com

    Το WeDevs είναι μια συλλογή από έξυπνα πρόσθετα και επεκτάσεις WordPress. Έχουν μια αρκετά σταθερή κοινότητα και υπάρχουν από το 2008. Για το Black Friday 2017 (και τις επερχόμενες γιορτές φέτος), έχουν ετοιμάσει μια λίστα με εορταστικές προσφορές WordPress, συμπεριλαμβανομένων πολλών εκπτώσεων και κουπονιών για καταπληκτικά θέματα WP.

    Αποκτήστε κουπόνια θεμάτων

    BONUS RESOURCE: First Site Guide

    First Site Guide is a resource site and tool that contains easily accessible knowledge on how to create your first website, both on WordPress and off of it. It also has great infographics that guide you through the basics of blogging, design, and marketing as well. And best of all, you get this good share of site-building knowledge for free.

    Θα παρουσιάσουμε επίσης σύντομα ένα άρθρο-οδηγό για σελίδες προορισμού, με εξαιρετικούς πόρους από το First Site Guide, οπότε μείνετε συντονισμένοι τις επόμενες εβδομάδες!

    Μεταβείτε στο First Site Guide

    (And last but not least) Page Builder Sandwich!

    We definitely don’t want to miss out on all the fun. So this 2017, we’re giving you guys 33%-off on any license. Just use the promo code CYBERMONDAY33 upon checkout to start building your site today!

    Premium Single Site

    $39 $26.79

    Αγοράστε τώρα

    Apply CYBERMONDAY33 upon checkout to save $13.20

    Premium Unlimited Sites

    $89 $60.29

    Αγοράστε τώρα

    Apply CYBERMONDAY33 upon checkout to save $29.70

    So what are you waiting for? Grab these kick-ass WordPress deals now. After all, Black Friday only happens once a year. ?

  • Πώς να αξιοποιήσετε το E-mail Marketing χρησιμοποιώντας το Page Builder Sandwich

    Πώς να αξιοποιήσετε το E-mail Marketing χρησιμοποιώντας το Page Builder Sandwich

    Ναι, μπορείτε.

    The more important question, though, is how and why do you need to do it?

    My business is small. Can’t I just wing it?

    Email marketing has an average ROI of 3,800 percent. For every dollar invested, the average return is $38, according to Salesforce.

    In other words, it’s definitely something worth investing your time in.

    Because while there are tons of ways to market your products and capture leads– you can still try to make use of the less-popular cold call, for example– the most sure-fire way to connect and communicate with your target audience in the 21st century is through e-mail marketing.

    So if you’re running a business –any kind of business, whether small, big, online or otherwise– digital and e-mail marketing is an absolute must.

    Aside from cutting on costs (e-mail is free, after all), businesses rely on it not just because it’s been proven to be successful, but also because it yields results that are both measurable and flexible; you can track your audience’s responses to your e-mails, for example, or note how many clicks and opens your e-mail marketing campaigns get.

    How you can do it with Page Builder Sandwich

    There are lots of available software you can use to help you market your products and content digitally, like Hubspot’s E-mail Marketing Software, or Mailchimp, which gives you a management system that helps you create, organize, and analyze your newsletters.

    But did you know that using Sandwich, you can actually integrate some of the popular software mentioned via the Newsletter Element?

    The Newsletter Element (and how it works)

    You can find the Newsletter Element by hovering over to the Elements Inspector over to the left side of the screen, and selecting Newsletter from the bottom area.

    Using the Properties Inspector, you can also choose which newsletter integration you’d like to use with the Newsletter Element. For this exmple, we’re going to use MailChimp (highlighted in blue in the dropdown below).

    And, using the Input Field button, you can try to play around with the Newsletter Element’s settings as well, so you can change colors, customize success message options, and other settings, like so:

    By trying your hand at the different available settings for the Newsletter Element’s options, you can end up with something like this:

    Plus, with the help of our Pre-Designed Sections and other design tips, you can actually do a whole lot more.

    Other useful resources for e-mail marketing beginners

    • 11 Types of Marketing E-mails That Actually Generate a Response

    Conclusion

    While other noteworthy marketing trends still exist today, one thing’s for sure: E-mail marketing is definitely here to stay, and it’s important that you utilize it when you can. Who knows? Through e-mail marketing, your business could just get that big break it’s been looking for.

    Design in less time!

    Get access to Sandwich’s Pre-Designed Sections, Templates, and a whole lot more.

    Try Live Preview
  • Frontly API: Κάνοντας το Frontly Builder πιο φιλικό προς τους προγραμματιστές

    Σπουδαία νέα για τους προγραμματιστές: στην επερχόμενη έκδοση του Frontly, θα κυκλοφορήσουμε επιτέλους το Frontly API.

    Αυτή τη στιγμή βρίσκεται ακόμη υπό ανάπτυξη, αλλά τελικά θα μπορείτε να δημιουργείτε πρόσθετα και επεκτάσεις για το Frontly. Φυσικά, θα κυκλοφορήσουμε επίσης τεκμηρίωση του API που θα το συνοδεύει για μια πιο ομαλή και λειτουργική εμπειρία.

    Ανυπομονούμε να δούμε όλα τα υπέροχα πράγματα που θα δημιουργήσετε.

    Here’s a short list of some of the APIs we have so far:

    1. Text Formatting Bar API

    Με το Text Formatting Bar API, οι προγραμματιστές μπορούν να επεκτείνουν τη λειτουργικότητα της γραμμής μορφοποίησης κειμένου του Frontly. Με αυτό, μπορείτε να προσθέσετε νέα κουμπιά/επιλογές στη γραμμή μορφοποίησης κειμένου.

    2. Add Element API

    Αυτό το API θα σας επιτρέψει να δημιουργήσετε νέα στοιχεία, προσθέτοντάς τα στη λίστα των ήδη υπαρχόντων στην ενότητα Elements στην αριστερή πλευρά του επεξεργαστή περιεχομένου.

    3. Inspector API

    Το Inspector API θα σας επιτρέψει να δημιουργήσετε, να προσθέσετε ή να αφαιρέσετε ρυθμίσεις στο Properties Inspector κάθε στοιχείου.

    4. Text API

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

    Developers! It’d be great if you could send over some suggestions

    These are just some of the basic APIs we have in store for you. We’re in the middle of creating more, but if you have any other ideas of APIs we can add to our console, just leave a comment below, or hit us up at [email protected]. We might just feature your suggestions in the upcoming Frontly release ?

  • Πώς το Page Builder Sandwich διαφέρει από τα υπόλοιπα

    How-Page-Builder-Sandwich-Is-Different-from-the-RestΥπάρχουν δεκάδες page builders εκεί έξω, και σίγουρα αναρωτιέστε: τι το τόσο ιδιαίτερο έχει το Page Builder Sandwich; Γιατί να μπείτε στον κόπο να το χρησιμοποιήσετε αν έχετε ήδη ένα στα χέρια σας;

    Σε αυτό το άρθρο, θα απαριθμήσω μερικά βασικά χαρακτηριστικά του Page Builder Sandwich που το καθιστούν μοναδικό και απόλυτα απαραίτητο τόσο για δημιουργούς περιεχομένου όσο και για σχεδιαστές. Αν δεν γνωρίζετε τι είναι ένα page builder και γιατί το χρειάζεστε, μην ανησυχείτε, έχουμε κάποιο υλικό που μπορεί να σας βοηθήσει.

    1. Δεν θα βλέπετε απλώς μια οπτική αναπαράσταση του περιεχομένου σας, βλέπετε και επεξεργάζεστε το πραγματικό σας περιεχόμενο

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

    Με το Page Builder Sandwich, όλη η επεξεργασία πραγματοποιείται στο front end του ιστότοπού σας και επεξεργάζεστε το περιεχόμενό σας απευθείας για μια πραγματική εμπειρία what-you-see-is-what-you-get.

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

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

    Θέσαμε ως στόχο μας να ελαχιστοποιήσουμε τη χρήση αναδυόμενων παραθύρων παντού στο Page Builder Sandwich. Καταργώντας τα popups, η επεξεργασία οποιουδήποτε περιεχομένου γίνεται ευκολότερη και πιο ομαλή από ποτέ.

    Η επεξεργασία γίνεται με απλό τρόπο – κάντε κλικ στο κείμενό σας για να τοποθετήσετε τον κέρσορα εκεί και αρχίστε να πληκτρολογείτε. Δεν χρειάζεται πλέον να περιμένετε ένα αναδυόμενο παράθυρο διαλόγου που περιέχει έναν επεξεργαστή TinyMCE για να ξεκινήσετε την επεξεργασία. Το καλύτερο μέρος είναι ότι μπορείτε ακόμα να μεταφέρετε και να αποθέτετε το περιεχόμενό σας οπουδήποτε.

    Μια άλλη καινοτομία που βοηθά στην απροβλημάτιστη επεξεργασία είναι ο μόνιμα διαθέσιμος επιθεωρητής (inspector). Ο επιθεωρητής λειτουργεί ως η εργαλειοθήκη σας και ο επεξεργαστής ιδιοτήτων. Εργαλεία για τη μορφοποίηση του περιεχομένου σας: χρώματα κειμένου, επικεφαλίδες, προσαρμογές μεγέθους γραμματοσειράς, περιθώρια (margins), εσωτερικά περιθώρια (paddings), περιγράμματα (borders), παραθέσεις (blockquotes) και πολλά άλλα βρίσκονται μόλις ένα κλικ μακριά.

    Reused functionality

    3. Επαναχρησιμοποιούμενη λειτουργικότητα του WordPress

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

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

    Αντί να χρησιμοποιούμε τον δικό μας επιλογέα χρωμάτων, χρησιμοποιούμε τον επιλογέα χρωμάτων Iris. Αντί για το δικό μας εργαλείο μεταφόρτωσης εικόνων, χρησιμοποιούμε τη διαχείριση πολυμέσων. Έπειτα υπάρχουν επίσης τα backbonejs, underscorejs, wp.hooks και wp.shortcode, για να αναφέρουμε μερικά ακόμα έξυπνα scripts. Χρησιμοποιούμε όλα αυτά, και αυτό έχει κάνει τη ζωή μας ευκολότερη, ενώ οδηγεί επίσης σε μια πιο σταθερή βάση κώδικα.

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

    4. Πλοήγηση με πληκτρολόγιο και συντομεύσεις

    Σε άλλα page builders, το ποντίκι είναι ο φίλος σας. Μεταφέρετε και αποθέτετε στοιχεία με αυτό και κάνετε διπλό κλικ για επεξεργασία. Αλλά το πληκτρολόγιο συχνά παραμελείται.

    Για παράδειγμα, σε ορισμένα builders, δεν μπορείτε εύκολα να επεξεργαστείτε κείμενο μία παράγραφο/ενότητα πιο πάνω από εκεί που επεξεργάζεστε, επειδή θα πρέπει να κάνετε κλικ έξω από ένα αναδυόμενο παράθυρο διαλόγου και να κάνετε κλικ σε ένα νέο. Στο Page Builder Sandwich, μπορείτε να πλοηγηθείτε με το πληκτρολόγιό σας. Πατήστε τα πλήκτρα βέλους για να πλοηγηθείτε ανάμεσα στο περιεχόμενό σας· λειτουργεί ακόμα και αν το άλλο περιεχόμενό σας βρίσκεται κρυμμένο μέσα σε άλλη γραμμή ή στήλη.

    Ένα άλλο σημαντικό χαρακτηριστικό είναι οι συντομεύσεις πληκτρολογίου αναίρεσης και επαναφοράς. Μπορεί να μην φαίνονται σπουδαίες στην αρχή, αλλά σκεφτείτε το εξής: τι γίνεται αν σύρετε και αποθέσετε κατά λάθος το περιεχόμενό σας σε λάθος θέση; Σε ορισμένα page builders, θα πρέπει να το σύρετε πίσω στην αρχική του θέση. Στο Page Builder Sandwich, λειτουργούν τόσο η αναίρεση όσο και η επαναφορά. Επομένως, είτε θέλετε να αλλάξετε αυτό που πληκτρολογήσατε είτε θέλετε να επαναφέρετε το περιεχόμενο που σύρατε (ή πολλαπλά στοιχεία περιεχομένου που σύρατε), απλώς πατήστε αναίρεση ή επαναφορά. Η αναίρεση και η επαναφορά λειτουργούν για περιεχόμενο που έχει μεταφερθεί με drag and drop, ακόμα και για αλλαγές ιδιοτήτων όπως μεγέθη γραμματοσειρών και εσωτερικά περιθώρια γραμμών. Αυτό τα καθιστά ισχυρά εργαλεία στο οπλοστάσιο επεξεργασίας σας.

    Relaxing experience

    5. Ένα πραγματικό frontend page builder – Μια πιο χαλαρωτική και απροβλημάτιστη εμπειρία επεξεργασίας

    Η νοοτροπία μας κατά την ανάπτυξη είναι ότι η επεξεργασία στο front end δεν θα πρέπει να δίνει την αίσθηση ότι εξακολουθείτε να επεξεργάζεστε χρησιμοποιώντας εργαλεία του back end. Δεν θα πρέπει να δίνει την αίσθηση ότι το builder δημιουργήθηκε αρχικά για το back end και στη συνέχεια μεταφέρθηκε στο front end.

    Συνολικά, για μένα, ο κύριος παράγοντας διαφοροποίησης του Page Builder Sandwich είναι ότι το έχουμε δημιουργήσει με στόχο να είναι ένα «πραγματικό» frontend page builder – ένας επαναπροσδιορισμός του πώς θα έπρεπε να είναι η επεξεργασία στο front end.

  • Ενημέρωση Rebrand Frontly #1: Αντιγραφή-Επικόλληση Παραγράφων

    Over our past blog posts, we mentioned that PBS will be rebranding as Frontly, and that we’ll be changing and improving a lot of aspects for the better. One of these aspects is being able to use Frontly to experience a smoother, more intuitive page building experience that’s even better than PBS.

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

    Copy-paste blocks of text on Frontly

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

    What do we mean by this? Here’s an example to illustrate.

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

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

    This is something we’re definitely addressing with Frontly.

    This is a small test page Benjamin made for Frontly. Here, you’ll see that we copy-pasted the same paragraph we tried to copy-paste on PBS. Only this time, everything is retained in a single area that you can drag around and place wherever you want to.

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

    Retain full text formatting with Frontly

    Ένα άλλο πράγμα που ανυπομονούμε να δοκιμάσετε στο Frontly είναι το πώς όλη η μορφοποίηση παραμένει ίδια – διατηρούνται όλες οι επικεφαλίδες, συμπεριλαμβανομένων των κουκκίδων, ακόμη και των emoji.

    Copy-pasting with PBS vs copy-pasting with Frontly

    Στο Frontly (δεξιά), θα δείτε ότι όλη η μορφοποίηση κειμένου διατηρήθηκε από την αρχική πηγή. Οτιδήποτε ήταν με έντονη γραφή, πλάγια, υπογραμμισμένο ή διαμορφωμένο ως διαφορετικό μέγεθος επικεφαλίδας παραμένει ανέπαφο κατά την επικόλληση στην περιοχή του Frontly (σε σύγκριση με το PBS, όπου το μόνο πράγμα που διατηρήθηκε ήταν τα emoji).

    What else do we have in store for you?

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

    Προτάσεις ή σχόλια; Επικοινωνήστε μαζί μας και αφήστε μια απάντηση παρακάτω!

  • Προσαρμοστικότητα σε κινητά στην έκδοση 4.0 του PBS

    Η σωστή προσαρμοστικότητα για κινητά (mobile responsiveness) μπορεί να είναι πραγματικά δύσκολη υπόθεση, και όταν κάποιος κάνει λάθος, τα αποτελέσματα είναι συνήθως καταστροφικά. Στην πραγματικότητα, αν δεν το έχετε ακούσει ακόμα, η Google έχει αρχίσει να τιμωρεί τους ιστότοπους που δεν είναι φιλικοί προς τα κινητά από τον Απρίλιο του 2015. Εν συντομία, η προσαρμοστικότητα για κινητά είναι εξαιρετικά σημαντική υπόθεση.

    Τι Είναι Λοιπόν η Προσαρμοστικότητα για Κινητά;

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

    Προσαρμοστικότητα στην Έκδοση 4.0

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

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

    Προβολή του Ιστότοπού σας σε Διαφορετικά Μεγέθη Οθόνης

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

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

    Λοιπόν, τι γνώμη έχετε; Σας αρέσει ή όχι; Υπάρχουν άλλα χαρακτηριστικά που μπορούμε να βελτιώσουμε όσον αφορά τα κινητά; Ενημερώστε μας στην ενότητα σχολίων παρακάτω!

  • Αποκλειστική Προσφορά Cloudways για Χρήστες του PBS!

    Συνεργαζόμαστε με την Cloudways, μία από τις πιο καταπληκτικές πλατφόρμες διαχειριζόμενου cloud hosting στον ιστό. Αν δεν έχετε ακούσει ακόμα για αυτούς, χαίρουν μεγάλης εμπιστοσύνης στην κοινότητα του WordPress, αποδεικνύοντας ότι είναι μία από τις πιο αξιόπιστες υπηρεσίες φιλοξενίας. Διαθέτουν επίσης μερικά εξαιρετικά χαρακτηριστικά, όπως Πολλαπλές Υποδομές Cloud, Πολλαπλά Datacenter και SSD Φιλοξενία, καθώς και κλωνοποίηση με 1 κλικ, δημιουργία και επαναφορά αντιγράφων ασφαλείας με 1 κλικ και αντιστοίχιση domain με 1 κλικ.

    Τα καλά νέα είναι ότι ενώσαμε τις δυνάμεις μας με την Cloudways για να δημιουργήσουμε μια αποκλειστική προσφορά για τους λάτρεις του Page Builder Sandwich που θέλουν να δοκιμάσουν την Cloudways ή ως δώρο για τους υπάρχοντες χρήστες της Cloudways! Απλώς εισαγάγετε τον κωδικό Απλώς εισαγάγετε τον κωδικό:

    CWPBS15

    ..για να λάβετε $15 έκπτωση όταν αναβαθμίσετε τον λογαριασμό σας στην Cloudways. Αυτή η προσφορά σάς δίνει επίσης έναν διακομιστή 1GB DigitalOcean στην Cloudways για 1 μήνα. Αυτή είναι μια εξαιρετική προσφορά για όσους θέλουν να αλλάξουν πάροχο φιλοξενίας ή για όσους θέλουν να δημιουργήσουν νέους ιστότοπους ή διαδικτυακές εφαρμογές.

    Ελπίζουμε να απολαύσετε αυτή την προσφορά όσο απολαύσαμε εμείς τη συνεργασία με την Cloudways!

  • Page Builder Sandwich 2017: Ανασκόπηση της Χρονιάς

    Το 2017, ξεκινήσαμε να επεκτείνουμε τις δυνατότητες του Page Builder Sandwich. Αυτή η χρονιά ήταν ένα τεράστιο άλμα για εμάς και δεν θα μπορούσαμε να είμαστε πιο ευτυχισμένοι.

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

    So without further ado, let’s look back at Page Builder Sandwich’s 2017. Here are our favorite updates and releases from this year.

    Parallax Scrolling

    Parallax Scrolling is a background effect that gives your page a a 3D layered look while you scroll.  We made adding this effect easy for our users- simply select the Parallax Scrolling option in your row’s background to add the parallax effect.

    Video Backgrounds

    Ακριβώς όπως με το Parallax Scrolling, το Page Builder Sandwich σας επιτρέπει να προσθέτετε εντυπωσιακά Video Backgrounds απλώς κάνοντας αντιγραφή-επικόλληση συνδέσμων Vimeo ή YouTube, ή ανεβάζοντας βίντεο χειροκίνητα.

    Ken Burns Backgrounds

    Έχετε παρατηρήσει πώς προβάλλεται το αρχειακό υλικό στα περισσότερα ντοκιμαντέρ; Πώς δείχνουν μια εικόνα στην οθόνη, κάνοντας αργά ζουμ; Αυτό ονομάζεται εφέ Ken Burns. Και ναι, το Page Builder Sandwich το κυκλοφόρησε επίσης το 2017.

    Blank Page Template

    Θέλετε να ξεκινήσετε από το μηδέν; Το Page Builder Sandwich σας καλύπτει. Κυκλοφορήσαμε επίσης το Blank Page Template το 2017, το οποίο σας επιτρέπει να σχεδιάσετε τον ιστότοπό σας σε έναν εντελώς κενό καμβά.

    Full Page Templates

    Page Builder Sandwich released its very first set of Page Templates in January 2017. Niche-based and professionally designed, these templates also allow for manual editing so you can customize them the way you’d like.

    Mobile Responsiveness

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

    All 800+ Google Fonts

    Σας δώσαμε τη δυνατότητα να προσθέσετε ζωντάνια και ευελιξία στον ιστότοπό σας με όλες τις 800+ γραμματοσειρές Google Fonts.

    200% Performance Increase

    Bigger, better, faster. Page Builder Sandwich increased its performance by 200% in 2017.

    What’s in Store for 2018?

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

    Από τις ιδέες σας φτιάξαμε κάτι ακόμα καλύτερο για το 2018!

    Frontly Builder is the next step in our evolution and we’re at the final stages of development!

    Leave us your email to get first dibs on updates!

    ’til relaunch

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

    Με εκτίμηση,
    Η ομάδα του Page Builder Sandwich

  • Τι είναι ένα Page Builder και γιατί έχει σημασία το Front End

    What-is-a-Page-Builder-and-Why-Front-End-MattersΕάν είστε ένας αφοσιωμένος blogger όπου όλη η δημιουργία περιεχομένου που κάνετε περιστρέφεται γύρω από τη συγγραφή άρθρων πλήρους μήκους που περιέχουν περιστασιακά μια συμπληρωματική εικόνα, τότε ίσως ο υπάρχων επεξεργαστής περιεχομένου TinyMCE να είναι αρκετός για τις ανάγκες σας. Το τρέχον σύνολο εργαλείων περιέχει ήδη τα απαραίτητα εργαλεία για τη συγγραφή άρθρων, έχετε τα βασικά εργαλεία μορφοποίησης κειμένου, όπως έντονα, πλάγια, επικεφαλίδες κ.λπ. Αλλά μέχρι εκεί.

    Χωρίς φιλικές δυνατότητες διάταξης

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

    Άλλοι προσπάθησαν να παρακάμψουν αυτό το ζήτημα χρησιμοποιώντας τη λειτουργία shortcode του WordPress. Εν συντομία, τα shortcodes επιτρέπουν την εισαγωγή αποσπασμάτων κώδικα με τη χρήση ειδικών ετικετών. Υπάρχουν πρόσθετα WordPress που εισάγουν διαφορετικά shortcodes, τα οποία μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε περιεχόμενο σε στήλες. Για παράδειγμα, θα μπορούσατε να περικλείσετε το περιεχόμενό σας με πολλαπλές ετικέτες στηλών, εάν θέλετε να το τοποθετήσετε σε διάταξη δύο στηλών. Παρόλο που αυτή η μέθοδος «λειτουργεί», δεν είναι οπτικά φιλική, καθώς τελικά, όσο προσθέτετε περισσότερο περιεχόμενο, όλα θα μοιάζουν με ένα τεράστιο χάος.

    Για να καλυφθεί αυτό το κενό στη διάταξη, δημιουργήθηκαν οι page builders.

    Page building blocks

    Οι Page Builders καθιστούν εύκολη τη δημιουργία δομημένου περιεχομένου

    Οι page builders σάς παρέχουν πρόσθετα εργαλεία που καθιστούν εύκολη τη διευθέτηση του περιεχομένου σας σε μοναδικές διατάξεις. Οι page builders συνήθως αφαιρούν τον επεξεργαστή περιεχομένου TinyMCE από το διαχειριστικό περιβάλλον (back end) και τον αντικαθιστούν (ή προσθέτουν) έναν νέο που θα σας βοηθήσει να οπτικοποιήσετε το περιεχόμενό σας. Εάν δεν έχετε χρησιμοποιήσει ποτέ στο παρελθόν έναν page builder στο back end, φανταστείτε ένα σύνολο από μπλοκ όπου κάθε μπλοκ αντιπροσωπεύει έναν τύπο περιεχομένου: μια εικόνα, κείμενο ή ένα shortcode. Στη συνέχεια, θα σας επιτρέψει να τα σύρετε και να τα αποθέσετε (drag and drop) σε διαφορετικές διατάξεις και στήλες.

    Εκτός από τη διάταξη, οι page builders κάνουν επίσης ευκολότερη τη δημιουργία και την τοποθέτηση των shortcodes. Προηγουμένως, μπορούσατε να δείτε τα shortcodes σε όλη την ακατέργαστη μορφή τους. Βλέπατε τις αγκύλες μαζί με όλα τα χαρακτηριστικά και τις τιμές αναμεμειγμένα μέσα στο περιεχόμενό σας. Οι page builders συνήθως ενσωματώνουν εργαλεία δημιουργίας shortcodes – αναδυόμενα παράθυρα διαλόγου που κάνουν την επιλογή χαρακτηριστικών shortcode πιο φιλική προς το χρήστη από το να τα πληκτρολογείτε απλώς.

    Οι front end page builders είναι το μέλλον

    Παρόλο που όλα αυτά προσφέρουν μια καλύτερη εμπειρία για σχεδιαστές και δημιουργούς περιεχομένου, ένας back end page builder έχει ένα τεράστιο εγγενές πρόβλημα. Ενώ μπορείτε να δείτε μια οπτική αναπαράσταση του πώς θα μοιάζει το περιεχόμενό σας, αυτό που βλέπετε δεν είναι το πραγματικό σας περιεχόμενο. Αυτό οδηγεί τους χρήστες να ελέγχουν συνεχώς την προεπισκόπηση των σελίδων τους για να δουν αν αυτό που κάνουν είναι σωστό. Όταν χρησιμοποιώ back end page builders, εγώ προσωπικά πατάω το κουμπί προεπισκόπησης τουλάχιστον 20 φορές εύκολα, μόνο και μόνο για να ελέγξω αν το περιεχόμενό μου είναι σωστά στοιχισμένο ή αν τα περιθώριά μου έχουν ίσες αποστάσεις. Αυτή είναι μια τεράστια, χρονοβόρα ενόχληση.

    Προκειμένου να λυθεί αυτή η ταλαιπωρία, οι page builders θα πρέπει να μεταφερθούν στο front end. Εάν γίνει αυτό, τότε θα εξαλειφθεί το κομμάτι των υποθέσεων στη διάταξη της σελίδας, καθώς θα μπορείτε να βλέπετε τα αποτελέσματά σας αμέσως.

    Αυτή τη στιγμή υπάρχουν πολλοί back end page builders και μόνο ελάχιστοι front end page builders. Ανάμεσα σε αυτούς τους λίγους είναι και το Page Builder Sandwich. Εάν θέλετε να μάθετε περισσότερα για το τι κάνει το Page Builder Sandwich μοναδικό και γιατί είναι το κατάλληλο εργαλείο για εσάς, διαβάστε το άρθρο How Page Builder Sandwich Is Different from the Rest.