Page Builder Sandwich

PBS Pro holen

Blog

  • So fügen Sie benutzerdefinierte Shortcodes in Page Builder Sandwich hinzu

    So fügen Sie benutzerdefinierte Shortcodes in Page Builder Sandwich hinzu

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

    Shortcodes ermöglichen es Ihnen, Dinge zu Ihrer Website hinzuzufügen (wie beispielsweise Widgets), ohne riesige Codeblöcke einfügen zu müssen, wie Entwickler es normalerweise tun würden.

    Ein normaler Codeabschnitt würde beispielsweise von der Länge her wahrscheinlich etwa so aussehen:

    <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>​

    Nehmen wir für dieses Beispiel an, dass der obige Code es Ihnen ermöglicht, einen ganzen Absatz mit Lorem-Ipsum-Platzhaltertext hinzuzufügen.

    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.

    Stellen Sie sich nun vor, dass beide Code-Teile – das ursprüngliche, lange Stück im Vergleich zum Shortcode, der nur das Wort „lorem“ enthält – genau dasselbe tun würden: Lorem-Ipsum-Text hinzufügen.

    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?

    Wenn Sie ein Lieblings-Plugin oder -Widget haben, stehen die Chancen gut, dass ein Shortcode zur Verfügung steht, den Sie verwenden können.

    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

    In Page Builder Sandwich können Sie Shortcodes direkt zu Ihrer Seite hinzufügen, indem Sie sie einfach eingeben oder per Copy-and-Paste in Ihren Inhaltsbereich einfügen.

    Wir haben dies unten mit einem Shortcode von Shortcodes Ultimate getan und eine Inhaltsbox auf der Demoseite von Page Builder Sandwich hinzugefügt:

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

    Aus einem unserer früheren Artikel über Shortcode-Mapping lautet die Definition wie folgt:

    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.

    Dies bedeutet unter anderem, dass Sie nicht mehr manuell in den jeweiligen Dokumentationen oder Repositorien nach Ihren Shortcodes suchen müssen.

    Solange Sie das Plugin, das den Shortcode enthält, auf Ihrer WordPress-Website installiert haben, steht es Ihnen in Page Builder Sandwich problemlos zur Verfügung.

    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.

    Wenn Sie also eigene Shortcodes oder selbst erstellte Shortcodes hinzufügen möchten, können Sie das tun, solange Sie diese auf Ihrer WordPress-Website installiert haben.

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

  • Erstelle eine hammerstarke WordPress-Website mit diesen Black Friday 2017-Angeboten

    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.

    Da es also noch (relativ) früh ist, haben wir eine Liste der besten Angebote zusammengestellt, die wir für den WordPress Black Friday 2017 finden konnten – mit allem Wesentlichen, was Sie für die Erstellung einer WordPress-Website benötigen, ganz in Ihrem Budget.

    Ohne weitere Umschweife finden Sie hier 5 großzügig rabattierte Tools und Plugins, die Sie für die Erstellung Ihrer ersten einfachen WordPress-Website benötigen werden.

    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.

    Holen Sie sich Ihren Gutschein von 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.

    Jetzt Yoast SEO entdecken!

    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-Gutschein sichern

    Theme Discounts from WeDevs.com

    WeDevs ist eine Sammlung raffinierter WordPress-Plugins und -Erweiterungen. Sie haben eine ziemlich solide Community und sind bereits seit 2008 aktiv. Für den Black Friday 2017 (und die darauffolgenden Feiertage in diesem Jahr) haben sie eine Liste von WordPress-Feiertagsangeboten zusammengestellt, darunter jede Menge Rabatte und Gutscheine für fantastische WP-Themes.

    Theme-Gutscheine sichern

    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.

    Wir werden in Kürze auch einen Ratgeber-Artikel zum Thema Landingpages mit fantastischen Ressourcen von First Site Guide veröffentlichen – halten Sie in den kommenden Wochen also Ausschau danach!

    Zu First Site Guide gehen

    (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

    Jetzt kaufen

    Apply CYBERMONDAY33 upon checkout to save $13.20

    Premium Unlimited Sites

    $89 $60.29

    Jetzt kaufen

    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. ?

  • So nutzen Sie E-Mail-Marketing mit Page Builder Sandwich

    So nutzen Sie E-Mail-Marketing mit Page Builder Sandwich

    Ja, das können Sie.

    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: Den Frontly Builder entwicklerfreundlicher machen

    Tolle Neuigkeiten für Entwickler: Im kommenden Release von Frontly veröffentlichen wir endlich die Frontly-API.

    Sie befindet sich derzeit noch in der Entwicklung, aber Sie werden endlich in der Lage sein, Add-ons und Erweiterungen für Frontly zu erstellen. Natürlich werden wir begleitend auch eine API-Dokumentation veröffentlichen, um eine reibungslosere, funktionalere Erfahrung zu gewährleisten.

    Wir können es kaum erwarten zu sehen, was Sie sich alles Tolles einfallen lassen.

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

    1. Text Formatting Bar API

    Mit der Text Formatting Bar API können Entwickler die Funktionalität der Textformatierungsleiste von Frontly erweitern. Damit können Sie der Textformatierungsleiste neue Schaltflächen/Optionen hinzufügen.

    2. Add Element API

    Mit dieser API können Sie neue Elemente erstellen und diese der Liste der bereits vorhandenen Elemente im Bereich „Elements“ auf der linken Seite des Content-Editors hinzufügen.

    3. Inspector API

    Mit der Inspector-API können Sie Einstellungen im Eigenschaften-Inspektor jedes Elements erstellen, hinzufügen oder entfernen.

    4. Text API

    Mit der Text-API können Sie Änderungen an Textstilen vornehmen, insbesondere Textformate anpassen, Texthintergrundfarben ändern und mehr.

    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 ?

  • Wie sich Page Builder Sandwich von den anderen unterscheidet

    Wie sich Page Builder Sandwich vom Rest unterscheidetEs gibt Dutzende von Page Buildern da draußen, und Sie fragen sich sicherlich: Was ist so besonders an Page Builder Sandwich? Warum sollten Sie sich die Mühe machen, ihn zu nutzen, wenn Sie bereits einen haben?

    In diesem Artikel stelle ich Ihnen einige wichtige Funktionen von Page Builder Sandwich vor, die ihn einzigartig und zu einem absoluten Must-have für Inhaltsersteller und Designer gleichermaßen machen. Wenn Sie noch nicht wissen, was ein Page Builder ist und warum Sie ihn brauchen, keine Sorge: Wir haben einige Informationen, die Ihnen weiterhelfen können.

    1. Sie sehen nicht nur eine visuelle Darstellung Ihrer Inhalte, Sie sehen und bearbeiten Ihre tatsächlichen Inhalte

    Bei anderen Page Buildern sehen Sie Bereiche, die Ihren Inhalt lediglich repräsentieren. Sie gestalten das Layout Ihrer Inhalte hauptsächlich mit Blöcken und rechteckigen Formen, und das Ergebnis ähnelt eher einem Gerüst dessen, wie Ihre Inhalte letztendlich auf Ihrer Seite aussehen könnten. Dies führt dazu, dass man ständig auf die Vorschau-Schaltfläche klicken muss, nur um zu sehen, wie das Ergebnis aussehen wird.

    Mit Page Builder Sandwich erfolgt die gesamte Bearbeitung im Frontend Ihrer Website, und Sie bearbeiten Ihre Inhalte direkt – für ein echtes What-You-See-Is-What-You-Get-Erlebnis.

    2. Schnelle und einfache direkte Bearbeitung ohne all diese lästigen Popup-Dialoge

    Popups sind zu einem festen Bestandteil von Page Buildern geworden. Bei den meisten müssen Sie, wenn Sie etwas an Ihrem Layout bearbeiten möchten – sei es eine Überschrift, eine Schaltflächenbeschriftung oder ein kleiner Untertitel –, zunächst warten, bis sich ein Popup-Dialog öffnet, um Ihre Änderungen darin vorzunehmen.

    Wir haben es uns zum Ziel gesetzt, den Einsatz von Popups in Page Builder Sandwich auf breiter Front zu minimieren. Durch den Verzicht auf Popups wird die Bearbeitung beliebiger Inhalte einfacher und reibungsloser als je zuvor.

    Die Bearbeitung erfolgt ganz unkompliziert: Klicken Sie auf Ihren Text, um den Cursor dort zu platzieren, und tippen Sie einfach los. Sie müssen nicht mehr auf ein Popup-Fenster mit einem TinyMCE-Editor warten, um mit der Bearbeitung zu beginnen. Das Beste daran ist, dass Sie Ihre Inhalte weiterhin per Drag-and-Drop verschieben können.

    Eine weitere Innovation, die zu einer reibungslosen Bearbeitung beiträgt, ist der stets präsente Inspektor. Der Inspektor dient Ihnen als Werkzeugkasten und Eigenschaften-Editor. Werkzeuge zur Formatierung Ihrer Inhalte – Textfarben, Überschriften, Anpassungen der Schriftgröße, Außenabstände (Margins), Innenabstände (Paddings), Rahmen, Blockzitate und vieles mehr – sind nur einen einfachen Klick entfernt.

    Wiederverwendete Funktionalität

    3. Wiederverwendete WordPress-Funktionalität

    Eine weitere Sache, die uns bei anderen Page Buildern aufgefallen ist, ist, dass sie oft das Rad neu erfinden. Einige implementieren ihre eigenen Farbwähler, Bild-Uploader, Galerie-Ersteller und diverse andere Werkzeuge. Daran ist an sich nichts auszusetzen, aber WordPress ist eine wahre Schatztruhe an Code-Snippets – warum also nicht diese nutzen?

    WordPress ist eine riesige und wunderbare Plattform und enthält eine Menge cooler Werkzeuge, die von zahllosen großartigen Mitwirkenden entwickelt wurden. Page Builder Sandwich nutzt so weit wie möglich Funktionen, die ohnehin bereits in WordPress enthalten sind.

    Anstatt einen eigenen Farbwähler zu entwickeln, verwenden wir den Iris-Color-Picker. Anstelle eines eigenen Bild-Uploaders nutzen wir die Mediathek. Hinzu kommen backbonejs, underscorejs, wp.hooks und wp.shortcode, um nur einige weitere raffinierte Skripte zu nennen. Wir nutzen all diese Werkzeuge, was uns das Leben erleichtert hat und zudem zu einer stabileren Codebasis führt.

    Die Wiederverwendung der WordPress-Funktionalität hat auch zu einigen großartigen Überraschungen geführt. Da wir beispielsweise die Mediathek zum Einfügen von Bildern verwendet haben, war es eine angenehme Überraschung, dass wir damit auch WordPress-Galerien, Video- und Audio-Playlists sowie externe URLs direkt von Haus aus verarbeiten konnten. Wir konnten die Mediathek auch einfach für die Bildbearbeitung nutzen, was uns stundenlanges, unnötiges Entwickler-Kopfzerbrechen erspart hat.

    4. Tastaturnavigation und Tastenkombinationen

    Bei anderen Page Buildern ist die Maus Ihr bester Freund. Sie ziehen Elemente damit per Drag-and-Drop und doppelklicken darauf, um sie zu bearbeiten. Doch die Tastatur wird oft vernachlässigt.

    Bei einigen Buildern können Sie beispielsweise Text, der sich einen Absatz/Abschnitt über Ihrer aktuellen Bearbeitungsposition befindet, nicht einfach bearbeiten, da Sie zuerst aus einem Popup-Dialog heraus- und in einen neuen hineinklicken müssen. In Page Builder Sandwich können Sie mit der Tastatur navigieren. Drücken Sie die Pfeiltasten, um zwischen Ihren Inhalten zu navigieren – das funktioniert selbst dann, wenn sich der andere Inhalt in einer anderen Zeile oder Spalte befindet.

    Ein weiteres wichtiges Feature sind die Tastenkombinationen für Rückgängigmachen und Wiederholen. Sie mögen auf den ersten Blick unscheinbar wirken, aber bedenken Sie: Was passiert, wenn Sie Ihren Inhalt versehentlich an die falsche Stelle gezogen haben? In manchen Page Buildern müssen Sie ihn mühsam an seine ursprüngliche Position zurückziehen. In Page Builder Sandwich funktionieren sowohl Rückgängigmachen als auch Wiederholen. Ganz gleich, ob Sie Ihre Eingabe korrigieren oder verschobene Inhalte (oder mehrere verschobene Inhalte) wieder zurücksetzen möchten: Drücken Sie einfach Rückgängig oder Wiederholen. Rückgängig und Wiederholen funktionieren für per Drag-and-Drop verschobene Inhalte und sogar für Eigenschaftsänderungen wie Schriftgrößen und Zeilen-Paddings. Das macht sie zu mächtigen Werkzeugen in Ihrem Bearbeitungsarsenal.

    Entspannendes Erlebnis

    5. Ein echter Frontend-Page-Builder – Ein entspannteres und müheloseres Bearbeitungserlebnis

    Unsere Denkweise während der Entwicklung war, dass sich das Bearbeiten im Frontend nicht so anfühlen sollte, als würde man immer noch mit Backend-Werkzeugen arbeiten. Es sollte sich nicht so anfühlen, als sei der Builder ursprünglich für das Backend erstellt und dann nachträglich ins Frontend portiert worden.

    Alles in allem besteht das Hauptunterscheidungsmerkmal von Page Builder Sandwich für mich darin, dass wir ihn mit dem Ziel entwickelt haben, ein „echter“ Frontend-Page-Builder zu sein – eine Neugestaltung dessen, wie Frontend-Editing sein sollte.

  • Frontly-Rebranding-Update #1: Absätze kopieren und einfügen

    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.

    Während wir Frontly also noch für euch perfektionieren, haben wir beschlossen, eine Reihe von Beiträgen zu veröffentlichen, damit ihr genau wisst, was euch erwartet, sobald Frontly auf den Markt kommt.

    Copy-paste blocks of text on Frontly

    Wir haben PBS so konzipiert, dass jeder Absatz ein separates Element ist. Das Kopieren und Einfügen langer Texte unterteilt die Auswahl in einzelne Textblöcke.

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

    In der aktuellen Version von PBS (die, die ihr gerade verwendet), wird das Kopieren und Einfügen mehrerer Zeilen in mehrere Textelemente aufgeteilt, was das Verschieben von Textabschnitten erschwert. Dies macht die Bearbeitung von Text mühsam.

    Wenn ich den gerade kopierten und eingefügten Text also in eine andere Spalte verschieben wollte, wäre das schwieriger, weil ich die Zeilen einzeln ziehen müsste.

    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.

    Das bedeutet, dass ihr Text reibungsloser hinzufügen und bearbeiten könnt, was euch ein müheloses Schreib- (und Seitenerstellungs-)Erlebnis bietet.

    Retain full text formatting with Frontly

    Eine weitere Sache, auf die wir uns freuen, wenn ihr sie in Frontly ausprobiert, ist, dass alle Formatierungen erhalten bleiben – alle Überschriften bleiben bestehen, einschließlich Aufzählungspunkten und sogar Emojis.

    Copy-pasting with PBS vs copy-pasting with Frontly

    Auf Frontly (rechts) werdet ihr sehen, dass die gesamte Textformatierung von der Originalquelle beibehalten wurde. Alles, was fett, kursiv, unterstrichen oder als eine andere Überschriftengröße formatiert wurde, bleibt beim Einfügen in den Frontly-Bereich intakt (im Vergleich zu PBS, wo nur die Emojis beibehalten wurden).

    What else do we have in store for you?

    Wie bereits erwähnt, ist dies erst der erste in einer Reihe von Beiträgen darüber, wie Frontly PBS um Lichtjahre voraus sein wird. Wir können es kaum erwarten, euch all die anderen Dinge zu zeigen, also bleibt dran für unseren nächsten Blogbeitrag!

    Vorschläge oder Kommentare? Meldet euch bei uns und hinterlasst unten eine Antwort!

  • Mobile Responsivität in PBS Version 4.0

    Mobile Responsiveness richtig umzusetzen, kann wirklich knifflig sein, und wenn man es vermasselt, sind die Ergebnisse meist verheerend. Tatsächlich hat Google – falls ihr es noch nicht gehört habt – im April 2015 sogar damit begonnen, nicht-mobilfreundliche Websites abzustrafen. Kurz gesagt: Mobile Responsiveness ist eine ziemlich große Sache.

    Was ist also Mobile Responsiveness?

    Eine Website gilt als responsive, wenn ihre Inhalte in der Lage sind, sich an verschiedene Bildschirmgrößen und -ausrichtungen anzupassen, wenn sie auf anderen Geräten als dem Desktop angezeigt werden. Einfacher ausgedrückt: Wenn ihr auf PBS v4 aktualisiert habt und eine Seite gestalten oder erstellen möchtet, solltet ihr keine Probleme haben, sie anzuzeigen – egal, ob ihr am Desktop, auf dem Mobiltelefon oder auf dem Tablet seid.

    Responsiveness in Version 4.0

    In unserem neuesten Update hat unser Team dafür gesorgt, dass die neue mobile Anzeigefunktion von PBS insgesamt zu einem reibungsloseren, responsiveren Erlebnis wird: Texte, Bilder und alle anderen Inhalte passen sich automatisch an die Bildschirmauflösung eures Geräts an.

    Jetzt passen sich alle Überschriften automatisch der Bildschirmgröße an, sodass ihr keine riesigen Buchstaben habt, wenn ihr eure mit PBS erstellte Website oder Seite auf Mobiltelefonen anseht. Um es etwas deutlicher zu veranschaulichen:

    Eure Website in verschiedenen Bildschirmgrößen anzeigen

    Um auch sicherzustellen, dass ihr wisst, wie eure Seite auf Mobilgeräten aussieht, haben wir auch die mobile Ansicht über den Desktop aktiviert. Wenn ihr also überprüfen möchtet, ob eure Seite gut aussieht oder nicht, müsst ihr nicht mühsam physisch vom Telefon (oder Tablet) zum Desktop wechseln. Jetzt könnt ihr beim Gestalten eurer Seite jederzeit einfach zwischen den verschiedenen Bildschirmgrößen hin- und herwechseln.

    Darüber hinaus könnt ihr jetzt auch die Abstände eurer Elemente speziell für Tablets und Mobiltelefone anpassen.

    Also, was meint ihr dazu? Top oder Flop? Gibt es noch weitere Funktionen im Hinblick auf Mobilgeräte, die wir verbessern können? Lasst es uns unten im Kommentarbereich wissen!

  • Exklusive Cloudways-Promo für PBS-Nutzer!

    Wir arbeiten mit Cloudways zusammen, einer der großartigsten Managed-Cloud-Hosting-Plattformen im Web. Wenn Sie noch nicht von ihnen gehört haben: Sie genießen in der WordPress-Community großes Vertrauen und haben sich als einer der zuverlässigsten Hosting-Dienste überhaupt erwiesen. Sie bieten auch einige wirklich fantastische Funktionen, wie mehrere Cloud-Infrastrukturen, mehrere Rechenzentren und SSD-Hosting sowie 1-Klick-Klonen, 1-Klick-Sicherung und -Wiederherstellung und 1-Klick-Domain-Mapping.

    Die gute Nachricht ist, dass wir uns mit Cloudways zusammengetan haben, um ein exklusives Angebot für Page Builder Sandwich-Fans zu schaffen, die Cloudways einmal ausprobieren möchten, oder als Belohnung für bestehende Cloudways-Nutzer! Geben Sie einfach den Code ein Geben Sie einfach den Code ein:

    CWPBS15

    ..um $15 Rabatt zu erhalten, wenn Sie Ihr Cloudways-Konto upgraden. Dieses Angebot beinhaltet außerdem einen 1GB DigitalOcean-Server auf Cloudways für 1 Monat. Dies ist ein großartiges Angebot für alle, die den Hosting-Anbieter wechseln möchten, oder für diejenigen, die neue Websites oder Web-Apps aufsetzen wollen.

    Wir hoffen, dass Ihnen diese Aktion genauso gut gefällt, wie uns die Zusammenarbeit mit Cloudways gefallen hat!

  • Page Builder Sandwich 2017: Ein Jahresrückblick

    Im Jahr 2017 haben wir damit begonnen, die Funktionen von Page Builder Sandwich zu erweitern. Dieses Jahr war ein riesiger Sprung für uns, und wir könnten nicht glücklicher sein.

    Wir haben jede Menge Feedback und Unterstützung von unseren Nutzern sowie von unseren Freunden bei WordPress erhalten. Und genau deshalb konnten wir etwas Großes schaffen – etwas, mit dem Sie gemeinsam mit uns wunderbare Dinge kreieren können.

    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

    Genau wie beim Parallax-Scrolling können Sie mit Page Builder Sandwich ausgefallene Video-Hintergründe hinzufügen, indem Sie einfach Vimeo- oder YouTube-Links kopieren und einfügen oder Videos manuell hochladen.

    Ken Burns Backgrounds

    Ist Ihnen schon einmal aufgefallen, wie Archivmaterial in den meisten Dokumentationen gezeigt wird? Wie ein Bild auf dem Bildschirm erscheint und langsam herangezoomt wird? Das nennt man den Ken-Burns-Effekt. Und ja, Page Builder Sandwich hat auch diesen 2017 veröffentlicht.

    Blank Page Template

    Möchten Sie bei null anfangen? Page Builder Sandwich hat genau das Richtige für Sie. Wir haben 2017 auch die Vorlage „Leere Seite“ (Blank Page Template) veröffentlicht, mit der Sie Ihre Website auf einer völlig leeren Leinwand gestalten können.

    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 war das Jahr, in dem wir mobiles Responsive Design in unsere Funktionspalette aufgenommen haben. Jetzt können Sie Ihre Website nahtlos auf Mobilgeräten betrachten.

    All 800+ Google Fonts

    Wir haben Ihnen die Möglichkeit gegeben, Ihrer Website mit über 800 Google Fonts mehr Pepp und Flexibilität zu verleihen.

    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 ist der wirklich benutzerfreundliche, wirklich intuitive und echte Frontend-Page-Builder gewesen. Unsere Vision, Ihnen das beste Erlebnis bei der Erstellung von Webseiten zu bieten, wächst mit dem Teilen Ihrer Bedürfnisse.

    Aus Ihren Ideen haben wir für 2018 etwas noch Besseres gebaut!

    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

    Ohne eure Unterstützung wären wir nicht so weit gekommen, daher ein riesiges, riesiges Dankeschön an alle, die uns 2017 zur Seite standen! Auf dass wir 2018 noch mehr großartige Dinge erschaffen. Wir sehen uns dort!

    Viele Grüße,
    Ihr Team von Page Builder Sandwich

  • Was ist ein Page Builder und warum das Frontend wichtig ist

    What-is-a-Page-Builder-and-Why-Front-End-MattersWenn Sie ein leidenschaftlicher Blogger sind, bei dem sich die gesamte Inhaltserstellung um das Verfassen ausführlicher Artikel dreht, die gelegentlich ein passendes Bild enthalten, dann reicht der bestehende TinyMCE-Content-Editor vielleicht für Ihre Bedürfnisse aus. Das aktuelle Toolset enthält bereits die notwendigen Werkzeuge zum Schreiben von Artikeln: Sie haben Ihre grundlegenden Textformatierungswerkzeuge wie Fett, Kursiv, Überschriften usw. Aber das ist auch schon alles.

    Keine benutzerfreundlichen Layout-Funktionen

    Obwohl Sie mit dem aktuellen TinyMCE-Content-Editor Artikel schreiben können, gibt es keine vernünftige Möglichkeit, Ihre Inhalte anders zu gestalten als in einer einzigen fortlaufenden Textspalte. Standardmäßig können Sie Ihren Text weder in zwei oder mehr Spalten anordnen, noch können Sie Abschnitte mit einer anderen Hintergrundfarbe erstellen. Wenn Sie möchten, dass andere Bereiche Ihrer Website wie Landingpages und Kontaktseiten einzigartig sind, benötigen Sie grundlegende Layout-Funktionen.

    Andere haben versucht, dieses Problem zu umgehen, indem sie die Shortcode-Funktion von WordPress genutzt haben. Kurz gesagt ermöglichen Shortcodes das Einfügen von Code-Snippets mithilfe spezieller Tags. Es gibt WordPress-Plugins, die verschiedene Shortcodes bereitstellen, mit denen Sie mehrspaltige Inhalte erstellen können. Sie könnten beispielsweise Ihren Inhalt mit mehreren Spalten-Tags umschließen, wenn Sie ihn in einem zweispaltigen Layout platzieren möchten. Obwohl diese Methode „funktioniert“, ist sie visuell nicht ansprechend, da mit der Zeit und mit mehr Inhalten alles wie ein einziges großes Chaos aussieht.

    Um diese Layout-Lücke zu füllen, wurden Page Builder entwickelt.

    Page building blocks

    Page Builder machen das Erstellen von gelayouteten Inhalten einfach

    Page Builder bieten Ihnen zusätzliche Werkzeuge, mit denen Sie Ihre Inhalte ganz einfach in einzigartigen Layouts anordnen können. Page Builder entfernen normalerweise den Backend-TinyMCE-Content-Editor und ersetzen ihn (oder ergänzen ihn) durch einen neuen, der Ihnen hilft, Ihre Inhalte zu visualisieren. Wenn Sie noch nie einen Backend-Page-Builder verwendet haben, stellen Sie sich eine Reihe von Blöcken vor, bei denen jeder Block für eine Art von Inhalt steht: ein Bild, Text oder ein Shortcode. Sie können diese dann per Drag-and-Drop in verschiedene Layouts und Spalten ziehen.

    Neben dem Layouten erleichtern Page Builder auch die Erstellung und Platzierung von Shortcodes. Zuvor sah man Shortcodes in ihrer ganzen Rohform-Pracht. Sie sahen die eckigen Klammern zusammen mit allen Attributen und Werten, die in Ihren Inhalt gemischt waren. Page Builder enthalten üblicherweise Shortcode-Generatoren – Popup-Dialoge, die das Auswählen von Shortcode-Attributen viel benutzerfreundlicher machen, als sie einfach manuell einzutippen.

    Frontend-Page-Builder sind die Zukunft

    Auch wenn all dies eine bessere Erfahrung für Designer und Inhaltsersteller darstellt, haben Backend-Page-Builder ein großes inhärentes Problem. Sie können zwar eine visuelle Darstellung dessen sehen, wie Ihr Inhalt aussehen würde, aber was Sie sehen, ist nicht Ihr tatsächlicher Inhalt. Dies führt dazu, dass die Leute ständig die Vorschau ihrer Seiten überprüfen, um zu sehen, ob das, was sie tun, korrekt ist. Wenn ich Backend-Page-Builder verwende, klicke ich persönlich problemlos mindestens 20 Mal auf die Vorschau-Schaltfläche, nur um zu überprüfen, ob mein Inhalt richtig ausgerichtet ist oder meine Abstände gleichmäßig verteilt sind. Das ist ein enorm zeitraubendes Ärgernis.

    Um diese Unannehmlichkeit zu beheben, sollten Page Builder ins Frontend gebracht werden. Wenn dies geschieht, entfällt das Rätselraten beim Seitenlayout, da Sie Ihre Ergebnisse sofort sehen können.

    Im Moment gibt es viele Backend-Page-Builder und nur eine Handvoll Frontend-Page-Builder. Zu dieser Handvoll gehört Page Builder Sandwich. Wenn Sie mehr darüber erfahren möchten, was Page Builder Sandwich einzigartig macht und warum es das richtige Werkzeug für Sie ist, lesen Sie den Artikel How Page Builder Sandwich Is Different from the Rest.