SP-Pagebuilder von Joomshaper Nr. 15: Formatierte Zeile (Section/Row) als eigene Vorlage speichern

Neben der Möglichkeit, Addons zu formatieren und als eigene Vorlagen zu speichern und wieder zu verwenden, gibt es auch die Möglichkeit, ganze Seitenbereiche als Vorlagen zu speichern.

Dies spart nicht nur unendlich viel Zeit: Das Vorgehen stellt auch sicher, dass deine Website einheitlich daher kommt.

In diesem Tutorial lernst du diese nützliche Funktion kennen: Ich zeige dir, wie du Inhaltselemente in eine Row einfügst, diese formatierst und dann die ganze Zeile als Vorlage abspeicherst - und vor allem, wie du diesen formatierten Bereich wieder mit zwei Mausklicks in eine neue Seite einfügst.

Falls du mit diesem Video in die Reihe einsteigst, beachte bitte auch folgende Tutorials zum Pagebuilder:

 

Alle Tutorials zum Pagebuilder findest du unter dem Tag SP Pagebuilder auf web2use.ch.

Der Pagebuilder ist übrigens ein Produkt von www.joomshaper.com

Transkription

Beim folgenden Text handelt es sich um eine unkorrigierte Transkription des Videos durch Youtube.

hallo und ganz herzlich willkommen zu diesem neuen tutorial von vector news.ch ich habe dir in meinem letzten tutorial zum page bilder von schwungscheibe gezeigt wie wie du eine ein addon ein inhaltselemente als vorlage speichern und auf der seite immer wieder verwenden kannst nun ist es natürlich so dass es seiten gibt die sehen immer genau gleich aus wenn ich beispielsweise eine seite habe die bestätigung aus einem titel als einem lied also einem einführungstext einem inhalt und einem bild dann kann ich auch diese inhalte in einem in einer zeile zusammenfassen und eine ganze zeile als vorlage speichern ich bin hier auf meiner testseite mit einem titel und einem inhaltselemente und ich möchte das jetzt etwas ausbauen ich gehe dazu ins backend auf meine startseite und habe hier jetzt diese zwei inhaltselemente du siehst die kopfzeile und text und ich möchte jetzt all das was ich hier standardmäßig haben will in einer zeile zusammenfassen und die dann als zeile speichern ich ziehe jetzt als erstes diesen text mal in dieser zeit hoch und was ich mir vorstelle ist ich hätte gerne einen titel dann einen einleitungstext dann ein bildelement und darin fließtext und ich mache das jetzt ganz schnell mit dem einfügen ich gehe hier nämlich nochmal auf atom hole mir hier ein bild speichern und dann nochmal ein add on für den text speichern neben den jetzt einfach so wie kommt das einzige was ich noch machen ich format ihre hier diesen text diesen lied noch etwas speziell und zwar hätte ich hier gerne einen etwas höheren ein etwas höheres schrift gewicht ich nehme hier 600 dann haben wir einen leicht fetten text so aussehen tut das ganze so ich hätte gerne jetzt dieses bild noch links ausgerichtet und dann würde ich gerne auf dieser seite in der randspalte noch ein modul darstellen ich habe hier jetzt kein modul aber ich gehe hier jetzt einfach mal hin und jerry was haben wir hier ein login form grad beispielsweise das würde sich jetzt hier in diesem fall anbieten das ist so ein klassisches design für eine medienmitteilungen titellied bild und text hier könnte man beispielsweise jetzt weitere beiträge aus dieser kategorie anzeigen ich lass das jetzt mal aber bei diesem login formular was mir überhaupt nicht gefällt ist der abstand hier ich hätte hier gerne etwas mehr abstand darum gehe ich hin und sage hier diese spalte spalten einstellungen style ich hätte gerne links 40 pixelabstand wenn ich mir das jetzt anschaue dann ist der abstand größer das passt so für mich und ich habe jetzt eine fertig formatierte zeile die ist inhaltlich überhaupt nicht relevant es geht nur um diese vorlage und jetzt kann ich mir das speichern ich hab dir beim letzten mal gezeigt dass du ein inhaltselemente über dieses safe föhn über dieses disketten symbol speichern kann es gibt dieses disketten symbol auch hier oben bei der zeile und ich gehe jetzt wirklich hin und klicke hier auf save und ich sagte ihm jetzt wie ich den vorhin gesagt habe nämlich medienmitteilung und wände das an so auch hier siehst du auf der seite hat sich nichts geändert die seite sieht noch genau gleich aus wie vorher ich speichere und schließe die diese seite sieht hier genauso wie vorher da hat sich nichts geändert ich gehe jetzt aber mal auf meine zweite seite ich habe hier ja noch eine zweite testseite das ist die hier die ist ganz leer und jetzt siehst du wir haben hier zum einen die addons mit dem gespeicherten adams wir haben hier aber auch die möglichkeit eine ganze session also eine ganze zeile einzufügen und hier gehe ich jetzt drauf und du siehst hier zum einen haben hier eine menge vorlagen zu machen dann haben wir hier aber auch mais actions also meine eigenen und hier siehst du jetzt es gibt hier dieses action medienmitteilung die ich vorhin erstellt habe und die packe ich jetzt einfach und sicher mir die hier rein und du siehst hier ist das alles genau so wie es gespeichert habe vorgegeben das heißt ich schließe das jetzt wieder und wenn ich diese seite jetzt speichere dann habe ich dieses vorformatiert diese vor formatierte zeile mit allen inhaltselemente schon drin und jetzt muss ich eigentlich nichts anderes mehr tun als diese elemente anzupassen das heißt dies ist der titel speichern schließen

dies ist der lead speichern dann beim bild beim bild schaue ich mal ich bin mir gar nicht sicher ich habe da gar nicht sehr vieles zur verfügung da lassen wir das jetzt einfach mal schließe das und hier haben ihre text noch den lassen wir auch so stehen und dann speichere ich das so und jetzt siehst du es hat diese inhalte element elemente übernommen das bild bleibt genau gleich auch der text ist noch da und so spare ich immens viel zeit weil ich nicht jedes einzelne element wieder einfügen muss sondern mir wirklich ganze bereiche so vorbereiten kann nun vielleicht noch ein kleiner spoiler ich habe dir jetzt gezeigt wie du pont speicherung und wieder einfügen kannst wie du ganze zeilen als sections speichern und wieder einfügen kannst aber wie sieht es denn aus mit komplexen zeiten wenn du eine website hass auf der sich gewisse seiten immer wieder holen gibt es denn da auch eine möglichkeit die antwort lautet ja du kannst um einen dieser seite einfach als kopie speicherung du kannst sie aber auch exportieren und wieder importieren und wie das geht das zeige ich dir dann in einer anderen vor in einem anderen tutorial noch ganz speziell das ist nichts komplexes auch wenn es auf den ersten moment etwas technischer aussieht aber das ist nicht komplex und auch das ist ein ganz einfacher weg und der immens viel arbeit zu sparen indem du dir eine vorlagen seite baust die so aussieht wie du sie mir haben willst und sie dann einfach exportiert und bei bedarf wieder importiert wie das dann geht das zeige ich dir dann aber in einer weiteren anleitung in einem weiteren tutorial darum bleibt dran ich würde mich sehr über einen daumen hoch oder ein abonnement eines kanals freuen also klick unter auf die glocke und abonnieren mich bleibt dran und schon wieder vorbei jetzt werden weitere tutorials folgen bis bald