Anleitungen für Fortgeschrittene

Tutorials

SP-Pagebuilder von Joomshaper Nr. 14: Formatiertes Addon als eigene Vorlage speichern

Abgelaufen

Die wirkliche Power des SP Pagebuilder von Joomshaper zeigt sich erst in der täglichen Arbeit. Ein extrem wichtiges Element dabei, ist die Möglichkeit, eigene Vorlagen zu speichern.

Addons, die immer gleich aussehen sollen, lassen sich dabei im Vorfeld formatieren und dann als Vorlage abspeichern und mit zwei Mausklicks überall auf der Seite wieder einfügen.

In diesem Tutorial lernst du diese nützliche Funktion kennen: Ich zeige dir, wie du Inhaltselemente (Addons) als Vorlagen abspeicherst und wie du diese an anderen Orten wieder als Inhaltselemente einfügen kannst.

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

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

hallo und ganz herzlich willkommen zu diesem neuen tutorial von web to use punkt ch ich habe dir bereits in einer ganzen reihe von tutorials des page bilder von shaker gezeigt und ich möchte dir nachdem ich dir die einführung gegeben haben gezeigt habe wie du ganz viele einfache dinge damit machen kannst addons einfügen spalten formatieren et cetera möchte ich dir heute jetzt wirklich den zeigen wie du mit diesem page bildet einen echten booster lebst und zwar geht es darum wie du dir vorlagen zurechtlegt ich möchte dir in diesem tutorial hier zeigen wie du dir addons als vorlagen speichern kannst damit du die nicht jedes mal wenn du sie neu verwendest wieder komplett neu konfigurieren musst ich habe hier du siehst dass meine demo seite die ist komplett zurückgesetzt ist fast leer die hat nur diese zwei seiten die eine ist ganz leer die andere hat ein text element und was ich jetzt tun möchte ist ein überschriften aaron so vorbereiten dass sich jetzt auf jede seite einfach verwenden kann und nichts anderes tun muss aus den titel zu speichern und damit das funktioniert gehe ich jetzt ins backend und dann auf den page bilder und aufseiten hier auf meine startseite und hier siehst du jetzt ich habe hier bereits eine rolle vorbereitet eine zeile in die ich ein inhaltselemente einfügen kann und ich mache das jetzt wie wir das kennen ich gehe hin nehmen wir eine kopfzeile und ich sage jetzt hier einfach kopfzeile ohne irgendwas weil ich will das jetzt einfach speichern so und jetzt format ihre ich mir diese kopfzeile so wie ich das gerne hätte ich hätte hier gerne 1 h 1 dann hätte ich gerne eine andere schrift eine die mir gefällt ist die hier ich hätte hier gerne eine andere größe nehmen wir hier mal 70 dann hätte ich gerne dass die nicht allzu viel platz braucht das heißt wir gehen hier hin und machen hier eine zeilen höhe von 90 da haben wir etwas raum noch dazwischen die restlichen formatierungen die dass ich mal so stehen es gibt eine formatierung die ich noch ändern möchte das ist die ausrichtung ich hätte meine titel gerne links sah ich speichere das mal und schaue mir das jetzt im frontend an hier habe ich jetzt eine kopfzeile die ist eingefügt so wie ich das haben möchte so und jetzt speichere ich mir dieses add-on als vorlagen jetzt wie geht das das ist ganz einfach ich habe hier in diesem add-on wir hinten diese icons und hier habe ich dieses disketten symbol safe run to sie ist hier wenn ich drüber fahren konnte tooltips eva dann ganz wichtig um ein adern zu speichern klicken nicht hier drauf hier speichert du die ganze zeile ich erkläre in einem anderen tutorial darum wie das geht hier geht es nur um dieses add-on ich klicke also hier drauf und sage hier gebe dem ganzen mit seinem namen sage dir wie das heißen soll ich sage dem kopfzeile h1 anwenden so und jetzt siehst du auf der seite selber ist gar nicht viel geschehen also ich habe nach wie vor dieses add-on drin spannend wird jetzt wenn ich jetzt auf eine andere seite gehe ich gehe hier auf meine seite 2 das ist die hier ist noch leer ich habe hier auch schon eine ruderin und gehe jetzt ganz normal auf für ein neues addon hinzu und wenn ich das anklicken dann siehst du hier habe ich hier jetzt einen punkt saved addons und hier ein ärgernis drin und wenn ich das anklicken dann findest du hier dieses kopfzeile h1 und ich füge dass jetzt ein klick auf bearbeiten und sage dem einfach dies ist mein neuer titel und speichere das und wenn ich jetzt diese seite neu laden dann siehst du die formatierung hat es mir 121 übernommen ich muss mich also nicht mehr damit auseinandersetzen wie dieser inhalt jetzt formatiert werden muss jedem eine hau 1 die in diesem tool drin erstellt wurde ist jetzt genau so formatiert natürlich ich habe das jetzt sehr einfach gemacht also wenn man es jetzt richtig machen würde ich zeige dass auch noch mal hier dann würde man hier natürlich die formatierungen ändern also ich habe jetzt hier einfach die desktop formatierung tablet und mobile habe ich gar nicht angeschaut ich habe mir jetzt einfach diese eine vorlage gemacht um das zu zeigen konsequenterweise forma tools formatiert du diese diese seite und da natürlich für alle geräte also für alle einstellungen genauso die abstände falls es eine rolle spielt und dann hast du wirklich eine sehr einfache möglichkeit um die gute vorlagen zu erstellen die dann im alltag die arbeitserleichterung und du siehst auch den unterschied also wenn du ein atom einfügt und dann bei jedem ton hier diese ganzen einstellungen machen musst das braucht zeit wenn du das ganze so zentralisiert machst wirklich diese vorlage so speicher ist dann sparst du da unendlich viel zeit und die arbeit macht mir wirklich spaß weil du weißt dann extrem effizient und das ganze kannst du mit jedem anderen tun also ich habe hier einem textblock wenn ich diesen text blog jetzt anders formatiert haben möchte also beispielsweise den inhalt immer rechts ausgerichtet oder zentriert oder wie auch immer die inhalts größe angepasst dann kann ich das hier genauso machen ein gutes beispiel beispielsweise ist das problem oder die frage wie kann ich ein quad als ein zitat darstellen und hier gibt es keine wirklich gute vorlage da kann ich also diesen text einfach nehmen und dann sage ich ich hätte den inhalt gerne links zentriert ich hätte gerne eine etwas größere schrift schriftgröße nehmen wir hier mal 36 die zeilen höhe darf auch etwas höher sein nehmen wir beispielsweise 44 dann hätten wir das ganze die schriftgröße bleibt das lassen wir alles und dann gehen wir aber hin und sagen wir hätten das ganze gerne noch etwas aus eingerückt und zwar hätten wir gerne einen abstand von der ist nicht einheitlich sagen wir 50 linksrucks das nehmen wir raus und 50 rechts und speichern auch ich muss das richtig schreiben 50 pixel pixel natürlich krebs und hier auch 50 pixel so speicherung dass wenn ich die seite jetzt speichere neue lade ich gehe wieder aufs home siehst du wie das ausgerichtet ist und ich speichere dieses abonniert das zitat und egal wo ich das ganze dann anwenden wird es immer so ausgerichtet angezeigt das heißt auch wenn ich hier jetzt beispielsweise mehrere spalten habe also ein solches template nehme ich mir dieses element hier immer zentriert und mit abstand links und rechts angezeigt ich glaube du siehst ein wenig die den vorteil dieser option damit kannst du dir wirklich sehr einfach gute vorlagen speicherung und die immer und immer wieder auch abrufen also wenn ich hier auf meine zweite seite gehe jetzt wieder dann habe ich diese erde uns wirklich immer in griffweite ja dann einfügen ich habe jetzt hier zwei kartons und diese in den griff weiter und ich kann die ganz einfach einfügen und die sehen immer genau gleich aus damit spare ich enorm viel zeit und vor allem wird meine seite dadurch sehr viel einheitlicher ich hoffe ich konnte dir damit etwas zeigen was du so noch nicht wusstet wusstest im nächsten tutorial werde ich dir anzeigen wie du ganz mühelos speichern kannst also nicht einfach nur ein einzelner seiten sondern eine ganze reihe das ist insofern etwas speziell weil die an einem anderen ort abgelegt sind weil du die nicht so einfach findet deshalb ein separates tutorial der effekt ist im endeffekt aber genau derselbe ich hoffe ich konnte dir damit etwas zeigen was du noch nicht wusstest ich würde mich sehr über ein abonnement oder über einen daumen hoch freuen wenn du eine frage heißt schreiben sie einen kommentar ja und bleibt dran es werden weitere tutorials von web to use folgen bis bald