SICHTBARKEIT.DATUM

URL.PERMALINK

KATEGORIE

• Hier wird die SICHTBARKEIT und der TERMIN der Veröffentlichung definiert.
• Mit der Option PLANEN lässt sich vorab produzieren.

• Das letzte Stichwort der URL wird hier hinerlegt.
• Umlaute sind nicht möglich.
• Ein Stichwort darf auf dem BLOG nur 1 x vorkommen.

• Jeder Beitrag wird einer der vorab defnierten Kategorien zugeteilt.
• So lassen sich später alle entsprechenden Beiträge aufrufen.

SCHLAG.WÖRTER

BEITRAGS.BILD

TEXT.AUSZUG

• Pro Beitrag werden fix sechs SCHLAG.WÖRTER (Hashtags) hinterlegt.
• Damit diese gleich richtig dargestellt werden – immer mit «Komma »anschliessend ans «Stichwort».

• Das Beitragsbild entspricht dem KACHEL.BILD auf der Frontseite des Blogs.
• Es wird auf der Frontseite je nach Publikationstag 1-oder auch 2-spaltig dargestellt.
• Ein solches Bild wird auch bei den MEDIEN abgelegt.
• …und ist natürlich vorab vom Format und der Dateigrösse fürs Web optimiert.

Je nach Verwendung hinterlegen wir bis zu drei Kachelbilder:

• 1x 1:1 für das bespielen der SoMe-Kanäle.
• 1x 16:9 für die klassische Kachel
• Allenfalls als .gif, um auf einer Website mehr aufzufallen.
• Das System greift in einer fixen Reihenfolge auf die drei Varianten zu.

• Der Textauszug entspricht dem KACHEL.TEXT auf der Blog-Frontseite.
• Der Text darf maximal 250 Zeichen lang sein.
• Zum Schluss sollten zwei bis drei Worte unterstrichen sein.
• Dazu wird der CSS-Code vor und hinter die entsprechenden Worte platziert:
  <u>einige Tipps</u>.
• Das allenfalls abschliessende Satzzeichen wird NICHT unterstrichen.
• Damit es auch bei schmalen Geräten einen schönen Umbruch gibt:
  Bei allen «offensichtlichen Wörtern» Trennungen als Code platzieren = &shy;

• Ganz einfach, den gewünschten Block «auswählen» und mit dem Befehl «Einen wiederverwendbaren Block erstellen».
• und dann werden sie Teil der grossen Element-Auswahl wie «Bild» «Vimeo» etc.
• Block «suchen»:
  Ganz einfach «gg» eintippen, dann erscheinen all unsere Muster.Blöcke.
• Wenn ein Block platziert ist, dann muss er mit dem Befehl «in normale Blöcke umwandeln» freigeschaltet werden. Sonst ist man blockiert.

• Diese Vorlagen lassen sich in jeder Instanz auch editieren oder löschen.
• Einmal gespeichert, sind sie in jeder gg-Instanz hinterlegt – aber nicht in den AIR.PORTs.

• Beim aufrufen der Website werden die Besucher:innen mit einem grossen Random-Bild begrüsst.
• Da diese Funktion mit einem «Cookie» hinterlegt ist, muss zu Testzwecken ein «privates» Browserfenster geöffnet werden.

• Bilder müssen zwingend im Zentrum «scharf» & «interessant» sein!
• Für Web reduzieren: 2000 x 1333px
• Diese Bilder in den Medienordner hochladen.
• Jedes Bild hat eine eigenen URL.
• Diese müssen «zusammen» kopiert werden.

• Drei bis fünf Bild-URL werden im «Customizer» im Reiter «Intro» hineineinkopiert.
• Mehrere URL werden mit einem Komma/Leerschlag getrennt.

• Und jetzt werden die Bilder beim Start «random» angezeigt.
• So wie zum Start beschrieben.

• Dank dem Block/Seitentyp «GG Dynamic Tile» lässt sich eine fixe Zwischenebene einbauen.
• Hier wird eine zusätzliche Navigationsebene sichtbar.
• Die fix hinterlegte Archivunktion (in der oberen linken Kachel) wird deaktiviert.
• dafür wird in der Kachel unten rechts eine neues Navigations-Stichwort eingeblendet.
• Titel und auch Verlinkung dieser Taste lässt sich individuell anpassen.

• So wird im CMS die ARCHIV-Funktion «überlistet».
• «Keine Verlinkung des Kategorienamens» muss angeklickt werden.
• Ganz unten muss das Feld «Zusätzlicher Link» gewählt werden.
• Das Stichwort, z.B.
  ZURÜCK
  DAS GANZE TEAM
  ÜBERSICHT etc. wird hier definiert!
• Und natürlich wird auch die entsprechende Verlinkung «hinterlegen».

Wir brauchen zwei .gif-Files …

• 1x gross als Hauptbild
  Breite = 1480 px
• 1x klein für die Teaserkachel
  Breit = 740px

… und drei Fotografien

• 1x quadratisch
  Für die SocialMedia-Kanäle
  Breite = 1480px
• 1x quer – als Backup-Teaser Breite = 1480px
• und 1x als png freigestellt
  Breite = 500px.
  Dieses Objekt bildet den Schlusspunkt des Textes.

• Mit der Rubrik EVER.GREEN werden «alte» Beiträge nochmals publiziert.
• Im Moment läuft das noch nicht automatisiert :=(
• Muss einige Tage vor dem Publikationsdatum von Hand neu hinterlegt werden.

Anpassungen:

• Vor den Titel stellen wir das Stichwort: EVER.GREEN
• Der schon einmal publizierte Beitrag bekommt ein neues Datum.
• Damit wird er ein zweites Mal «geplant»

Erneut auf SoMe-Kanälen posten:

Das machen wir im Moment nicht – sonst wie folgt:

• Damit das klappt muss auf jedem Kanal die Taste «Reset Status» aktiviert werden.
• Überprüfen, ob auch wirklich Inhalte vorhanden sind.
• Bei «alten» Beiträgen fehlt oft der LinkedIn-Text.

• Dann jene Accounts auswählen, die ein BUSINESS-Abo von uns haben.
• Dann wird es nur bei ihren SoMe-Kanälen publiziert.

TO.DO wird aus diversen Elementen zusammengestellt:

• Titelzeile ist immer als Frage formuliert.
• Begrüssungstext ist mit einer Kamäleon-Formel hinterlegt.
• iFrame-Code ist so bearbeitet, dass das Video auf DESK in der vollen breite gezeigt wird.
• Unter dem Video-Fenster eine Video-Byline.
• Trennelement
• Text mit einer Verlinkung auf den Original-Step-Beitrag.
• So hinterlegt, dass das Wort STEP.BY.STEP nicht umbrochen/getrennt wird (no_hyphens).

• Darunter vier Illustrationen aus dem entsprechenden Beitrag.
• Reihenfolge nicht in der Zeitachse sondern rein visuell.
• Die Bilder werden in «vier-Spalten» platziert.
• und die Bildbreit auf je 210px reduziert.
• Unter den ersten drei Bildern je ein Abstand mit 10px
• Damit wird die Darstellung er Bilder für MOB optimiert.
• Abschluss mit einer «Trenner-Linie».
  

• Das BEITRAGS.BILD ist eine Illustration im Quadrat.
• Der GÄRTNER sollte NICHT als Person als ganzes erkennbar sein.

• Wir hinterlegen hier bewusst KEIN PDF-File.

Codezeile von VIMEO

Wird in VIMEO über die Taste EMBED kopiert!

<_iframe src=“https://player.vimeo.com/video/932449466?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479″ width=„1080“ height=“1080″ frameborder=“0″ allow=“autoplay; fullscreen; picture-in-picture; clipboard-write“ title=“ToDo_01_rasen„></iframe_>

Codezeile im BLOG

Es ist am einfachsten, eine bestehende Codezeile anzupassen und zu überschreiben:

<_iframe src=“https://player.vimeo.com/video/950161006?badge=0&autopause=0&player_id=0&app_id=58479″ width=“750″ style=“aspect-ratio: 1 / 1;“ frameborder=“0″ allow=“autoplay; fullscreen; picture-in-picture; clipboard-write“ title=“ToDo_02_blumenbeet“_>

• Diese _ müssen entfernt werden.
• amp; 2x entfernen.
• Die Angabe zum Format/Filename müssen angepasst/überschrieben werden.
• Die ID-Nummer bleibt identisch.
  Bezieht sich auf unser Vimeo-Account.
• WICHTIG:
  Beim kopieren der Formel schleichen sich FALSCHE ANFÜHRUNGZEICHEN ein. Dann klappt gar nix :=(
  „müssen immer oben stehen – und gerade sein„

To-Do-Video auf SoMe

• Wir publizieren das Video bewusst NICHT auf den SoMe-Kanälen unserer Kunden.
• Sondern mit einer Illustration aus dem Beitrag.
• Wir wollen die Leute auf den Blog bringen.

• Auf unseren eigenen Kanälen wird das Video zwei Tag später (am Samstag) dann wirklich und direkt publiziert.
• Zeit: ca. 15:00
• Dafür schreibt Beat eine spezielle Variante der drei SoMe-Texte.

Mit einem Spalten-Element 1/3:2/3 wird der GARTEN.WITZ platziert.

• Der WITZ als normaler Absatz, der als ZITAT hinterlegt wird.
• + Abstand von 20px
• Im Feld QUELLENANGABE wird der Infotext zum Witz platziert:
• Inklusive der Verlinkung zum MAIL.
• Und zur Seite mit dem Postkartenset.

_mailto:kontakt@gaertner-graf.com?subject=GARTEN.WITZ_

Die Blog-Kachelbilder sind für jedes TO.DO identisch.

• GÄRTNER mit einem fixen Play-Logo
• Das Anim.Gif ist auch immer identisch. Schon fix vorbereitet mit einem Play-Button der «flackert».

Beim BLOG-BENUTZER wird einmalig hinterlegt, welcher gg_chameleon_text dargestellt wird.

TEXT: PARTNER
Im Benutzer-Backend einmal mit einem HACKEN hinterlegen:

Partner STAUDEN.RING oder GÄRTNER GRAF verweist im Normalfall auf:
«Das Gartencenter in deiner Nähe»

Melde dich beim Gartencenter in deiner Nähe. Sie kennen sich aus mit wilden Tieren und kranken Pflanzen in deinem Garten.

TEXT: GARTENCENTER

Zahlende Abonnenten verweisen natürlich auf sich selbst. Da die Blog-Site in ihrem eigenen Erscheinungsbild dargestellt wird.

Melde dich bei uns. Wir kennen uns aus mit wilden Tieren und kranken Pflanzen in deinem Garten. 

• Damit auch unser Absender in einem Mail erscheint muss kontakt@gaertner-graf.ch hier hinterlegt werden.
• Sonst wird die Mail-Adresse von Simon automatisch hinterlegt.

• Im CMS der entsprechenden Website «Design» und dann «Widgets» auswählen.
• Mit dem «+ Symbol» eine neu Kachel eröffnen.
• Gestaltung mit den üblichen Elementen die wir aus dem WP-CMS kennen. Also «Überschrift», «Absatz» etc.

• Schon gespeicherte Disrupter / Textkacheln können im CMS (de)aktiviert werden.
• Unter «Design» den Bereich «Customizer» wählen.

• Hier den Bereich «Disrupter Files» wählen.

• Mit einem Hacken wird hier eine Kachel ausgeblendet werden.
• Die Wirkung ist auch sofort sichtbar.

Grösse & Position

• Die Postion einer lässt sich im CUSTOMIZER hinterlegen
• Auch ob 1- oder Mehrspaltig > quer unter drei Kacheln

<p>…</p>

für einen Absatz

<strong>…</strong>

für fettgedruckten Text

<i>…</i> 

für kursiven Text 

<u>…</u>

zum unterstrichen

<hr>

für eine horizontale Trennlinie

&shy;

«sanfte» Trennung im Code hinterlegen – direkt ins Wort kopieren.

URL

<p>
<a href=“https://fonts.google.com“ target=“_blank“>Lesbarer Text</a> und andere Anbieter haben eine grosse Auswahl.</p>

Alter zeigen
Jahrgang hinterlegen

Alter [_gg_age year=1990]

Alter2 [_gg_age year=1990 month=9]

Alter3 [_gg_age year=1990 month=12 day=5]

GABRIEL MARTINS ([_gg_age year=1990])
daraus wird:
GABRIEL MARTINS (33)
und ein Jahr später automatisch (34)

MAIL

<p><a href=“mailto:kontakt@gaertner-graf.com?subject=TextBetreffzeile„>kontakt@gaertner-graf.com</a></p>


In einer Kachel:

info©aussenwelten.ch

SOUND

Du kannst ein «HTML Widget» verwenden und dort den Code eingeben:

<iframe src="https://www.br.de/mediathek/podcast/embed?episode=31780%22  width="320px" height="120px"></iframe>

MAIL im CMS

mailto:maja@gaertner-graf.com?subject=PFLANZEN.BESCHREIBUNG

Einzüge mit Bullets

<ul>
<li>eine Schrift, oder Schriftschnitt für alle Titel.</li>
<li>eine zweite Schriftart für den Lauftext.</li>
<li>Mehrer Schriften sind von uns fest hinterlegt.</li>
</ul>
<P> ist hier nicht notwendig!

Einzüge mit Zahlen

<ol>
<li>eine Schrift, oder Schriftschnitt für alle Titel.</li>
<li>eine zweite Schriftart für den Lauftext.</li>
<li>Mehrer Schriften sind von uns fest hinterlegt.</li>
</ol>
<P> ist hier nicht notwendig!

Trennung verhindern

[_gg_no_hyphens]WortDasNichtGetrenntWird[_/gg_no_hyphens]

laufend Aktuelles Jahr

[_gg_current_year]
Das ©Jahr 2024 wird im nächsten Jahr automatisch auf 2025 angepasst

Infotext farbig hinterlegen

Titelschrift im Inhalt

[_gg_heading_font]Dies wird in der anderen Schriftart dargestellt[_/gg_heading_font] 

AIR.PORT
Suche / Suchfeld
farbig richtig hinterlegen

_
#sdct-hamburger div, #sdct-hamburger:before, #sdct-hamburger:after, .sdct-cta-button a:link, .sdct-cta-button a:visited, #sdct-main-menu a:link, #sdct-main-menu a:visited,
#sdct-search-form{
background: #fff;
}
_

Bei Ammann nun schon richtig hinterlegt, gerne dann von dort kopieren, falls Trello wieder Zeichen tauscht.
https://blog.gaertner-graf.com/?gg-api=76

Vorname Login

[ gg_first_name ]
Zeigt den den Vornamen der eingeloggten Person – z.B. zur Begrüssung.
Leerschläge in den eckigen Klammer immer entfernen!

Legendenzeile

[ figcaption]  Legende [ /figcaption]
Damit wird die Typogrösse der Legendenzeile im CMS-Code fix reduziert/angepasst. 
Leerschläge in den eckigen Klammer immer entfernen!