20th ESFC
Berlin, 14–19 August 2022
 
 
ESFC 2022 > SHORTCODES
 DOKUMENTATION
SHORTCODES
Shortcodes werden immer mit eckigen Klammern aufgerufen [SHORTCODE]!

ZEILENUMBRUCH [br]
Wordpress ignoriert normale Zeilenumbrüche und generiert daraus Paragraphen, was u.U. zu unschönen Layoutveränderungen führen kann
Beispiel:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Aenean massa.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
IMAGE-SHORTCODES:

Einfache Einbindung
[IMGINTXT id=Bilderid pos=left/right width=BREITE]
:
Dieser Shortcode ermöglicht die einfachste Einbindung von Bildern in Text, dabei ist

id = Bilderid, in der Mediagallerie aus der URL des entsprechenden Bildes entnehmbar
pos = Textfluß des Bildes, an dieser Stelle sind left und right möglich
width = Breite des Bildes in Pixel, die Höhe automatisch, keine Einheit angeben
Beispiel [IMGINTXT id=782 pos=right width=150]:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Erweiterte Einbindung
[IMGINTXTADV imgid=ID float=0/1 lightbox=0/1 pos=left/center/right  width=BREITE left=XX right=XX top=XX bottom=XX cap=1]
:
Dieser Shortcode ermöglicht die erweiterte Einbindung von Bildern in Inhalten, d.h. hier können diverse Effekte (Lightbox / Floating im Text etc. festgelegt werden)

imgid = Bilderid, in der Mediagallerie aus der URL des entsprechenden Bildes entnehmbar
float = 0-nein oder 1-ja; Umfließen von Bildern im Text
pos = Ausrichtung, wenn float auf ja, dann nur left o. right, wenn float auf nein dann left, center, right
lightbox = 0-nein oder 1-ja, overlay Effekt bei Bildern, für die größere Ansicht bei Click aufs Bild
width = Breite des Bildes, die Höhe automatisch, als Einheiten px oder % möglich
left = linker Abstand Bildes zu Text oder anderen Inhalten in Pixel, ohne Einheit angeben
right = rechter Abstand Bildes zu Text oder anderen Inhalten in Pixel, ohne Einheit angeben
top = oberer Abstand Bildes zu Text oder anderen Inhalten in Pixel, ohne Einheit angeben
bottom = unterer Abstand Bildes zu Text oder anderen Inhalten in Pixel, ohne Einheit angeben cap = 1, dann wird unter dem Bild die entsprechende Caption ausgespielt, wenn die Angabe weggelassen wird, passiert gar nichts.
Beispiele mit float auf 1:
[IMGINTXTADV imgid=782 float=1 lightbox=1 pos=left  width=120px left=0 right=15 top=15 bottom=15]
:

Das Bild wird im Text linksbündig eingebunden, der Text umfließt das Bild, es hat eine Breite v0n 120px, Abstand links: 0px rechts: 20px oben: 30px  unten: 50px. Es ist anclickbar und geht dann in voller Größe aus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.



[IMGINTXTADV imgid=782 float=1 lightbox=1 pos=right  width=80px left=10 right=0 top=10 bottom=10]:

Das Bild wird im Text linksbündig eingebunden, der Text umfließt das Bild, es hat eine Breite von 80px, Abstand links: 10px rechts: 0px oben: 15px  unten: 15px. Es ist anclickbar und geht dann in voller Größe aus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.



Beispiele mit float auf 0:
1.  [IMGINTXTADV imgid=782 float=0 lightbox=1 pos=center  width=120px top=15 bottom=50 cap=1]:
2. [IMGINTXTADV imgid=782 float=0 lightbox=1 pos=left  width=300px top=10 bottom=10]:

Das 1. Bild in einer seperaten Zeile zentriert eingebunden. Es hat einen Abstand oben: 15px  unten: 50px. Es ist anclickbar und geht dann in voller Größe aus. Analog Bild 2.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.
TEAM-SHORTCODES:

Shortcodes für das generieren von Team Mitgliedern. Wichtig an dieser Stelle, die Bilder der Teammitglieder sollten unbedingt im Verhältnis B:H 1.52:1 sein, und mindestens 380px x 250px haben!!!!

[team type="single/all" name="NAME" align="left/right"]
type – „single oder all“, es wird nur ein spezielles Teammitglied ausgeben, oder alle dann entsprechend der eingebenen Reihenfolge
name – „Nachname“, nur notwendig wenn type auf single gesetzt wurde
align – „left oder right“, Ausrichtung des Bildes und des Textes, nur notwendig wenn type auf single gesetzt wurde, bei type = all wird automatisch die Ausrichtung der eingepflegen Mitglieder benutzt

Alle Angaben in „“ angeben!!!
Einzelne Mitglieder ausgeben:

[team type="single" name="Braun" align="left"]
[team type="single" name="kemnitz" align="right"]

Chair: Thomas Braun (picture: Thomas Braun)ChairThomas Braun
Humboldt-Universität zu Berlin
Senior ChairErhard Kemnitz
Humboldt-Universität zu Berlin
Senior Chair: Erhard Kemnitz (picture: Erhard Kemnitz)




Alle Mitglieder ausgeben:

[team type="all"]

Head of Organization: Mike Ahrens (picture: Nils Pfister)Head of OrganizationMike Ahrens
Humboldt-Universität zu Berlin
ChairThomas Braun
Humboldt-Universität zu Berlin
Chair: Thomas Braun (picture: Thomas Braun)
Chair: Sebastian Hasenstab-Riedel (picture: Sebastian Hasenstab-Riedel) ChairSebastian Hasenstab-Riedel
Freie Universität Berlin
Senior ChairErhard Kemnitz
Humboldt-Universität zu Berlin
Senior Chair: Erhard Kemnitz (picture: Erhard Kemnitz)
KONTAKT-SHORTCODES:

Shortcodes für das generieren der Kontaktinformationen, an dieser Stelle gibt es verschiedene Positionierung- und Inhaltsoptionen.
Für die Positionierung wird zwischen „innerhalb des Contents“, also auf Seiten und „im Sidebarbereich“ der rechten Spalte unterschieden.
Die ausgespielten Informationen kommen aus der „Theme Option Page“ (–> Kontaktdaten und Ansprechpartner) die unter dem Menüpunkt „Design“ zu finden ist.

[contact type="content o. sidebar" id="contact_general o. contact_ap"] Der Text der Caption kann in der responsiveslides.css verändert werden: wp-content/themes/esfc2022/css –> caption
Kontaktinformationen im Contentbereich ausgeben:

[contact type="content" id="contact_general"]
Nun werden alle allgemeinen Kontaktangaben innerhalb des Text ausgeben, wobei dann content für innerhalb der Seite steht, und contact_general für die Inhalte der Theme Option Page –> „Kontaktdaten

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Get in touch with us

Humboldt-Universität zu Berlin Institut für Chemie
Brook-Taylor-Straße 2
12489 Berlin
Germany
+49 30 2093 7306
esfc2022berlin@hu-berlin.de


Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.



[contact id="contact_ap" type="content"]
Ausspielung aller in der Theme Option Page eingetragenen Ansprechpartner die als Option „zeigen“ haben.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

HEAD OF ORGANIZATION
Dr. Mike Ahrens
+49 30 2093 7306
esfc2022berlin@hu-berlin.de



Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Kontaktinformationen im Sidebar Bereich ausgeben:

[contact type="sidebar" id="contact_general"]
Die Ausspielung im Sidebarbereich erfolgt nur dann, wenn als Absatz 2spaltig mit Shortcodeinhalt gewählt wude.
Der Shortcode wird dann entsprechend im rechten Spaltenbereich angeben, bitte hier dann unbedingt die “ weglassen!!. Es gibt dann analog die Möglichkeit zwischen Allgemeinen Kontaktinfos und Ansprechpartnern zu wählen.
Get in touch with us

Humboldt-Universität zu Berlin
Institut für Chemie
Brook-Taylor-Straße 2
12489 Berlin
Germany
+49 30 2093 7306
esfc2022berlin@hu-berlin.de

Kombination aus Kontaktinformationen im Sidebar Bereich ausgeben:

Es besteht auch die Möglichkeit beide Kontaktinformationen im Sidebarbereich auszuspielen. Wichtig auch wieder das keine “ benutzt werden!

Der Syntax wäre dann folgender:
[contact id=contact_general type=sidebar]%%-%%[contact id=contact_ap type=sidebar]

Die Ausspielung im Sidebarbereich erfolgt nur dann, wenn als Absatz 2spaltig mit Shortcodeinhalt gewählt wude.





Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Get in touch with us

Humboldt-Universität zu Berlin
Institut für Chemie
Brook-Taylor-Straße 2
12489 Berlin
Germany
+49 30 2093 7306
esfc2022berlin@hu-berlin.de

Administrative Contact

HEAD OF ORGANIZATION
Dr. Mike Ahrens
+49 30 2093 7306
esfc2022berlin@hu-berlin.de


SITEMAP – SHORTCODE

Wenn eine Sitemap irgendwo ausgespielt werden soll, so muss der Shortcode innerhalb eines „einspaltigen Absatz“ ausgespielt werden.

[SITEMAP]

Einfach den Shortcode angeben:
ESFC 2022
Programme
Venue
Registration
Local Guide
Financial Support
Service
GALLERIE – SHORTCODE

Eine Gallerie kann über

[NFGALLERY imgids="X,Y,Z" width="XX%"]

eingebunden werden. Die BilderIDs müssen komma-getrennt eingefügt werden. Die Breite wird in % angegeben. Sie positioniert sich dann mittig  und wird vom Text umflossen.

Der Text Style der Caption kann in der responsiveslides.css geändert werden: themes/esfc2022/css
  • Lecture hallLecture hall
  • LoungeLounge
  • Lecture hallLecture hall
 
Contact us by phone
Contact us by email