Über

Wichtige Hinweise

Allgemeine Inhalte im Kopf einer Seite

Seiten können im Kopf zwischen

--- und --- enthalten:

  • Title = Seitentitel
  • TitleContent = Seitentitel der im Inhalt angezeigt wird
  • TitleNavigation = Seitentitel der in der Navigation angezeigt wird
  • TitleHeader = Seitentitel der im Webbrowser angezeigt wird
  • TitleSlug = Seitentitel zum Speichern der Seite
  • Description = Beschreibung der Seite
  • Author = Autoren der Seite, durch Komma getrennt
  • Email = E-Mail des Seitenautors
  • Layout = Layout der Seite
  • LayoutNew = Layout um eine neue Seite zu erzeugen
  • Theme = Thema der Seite
  • Language = Sprache der Seite
  • Parser = Parser der Seite
  • Status = Status der Seite, unterstützte Statuswerte , z.B. unlisted
  • Redirect = Weiterleitung zu einer anderen Seite oder URL
  • Image = Bild der Seite
  • ImageAlt = Beschreibung des Bildes der Seite
  • Modified = Änderungsdatum der Seite, JJJJ-MM-TT Format
  • Published = Veröffentlichungsdatum der Seite, JJJJ-MM-TT Format
  • Tag = Tags zur Kategorisierung der Seite, durch Komma getrennt
  • Build = Optionen zum Erstellen einer statischen Webseite, durch Komma getrennt
  • Comment = Optionen zum Anzeigen von Kommentaren, durch Komma getrennt

Blogseiten

Diese enthalten noch

  • Published:
  • Author:
  • Layout: blog
  • Tag:

Wikiseiten

Diese enthalten noch

  • Layout: wiki
  • Tag:

Plugins

Allgemeine Plugins

Installiert sind:

  • blog.php
  • breadcrumb.php
  • bundle.php
  • command.php
  • contact.php
  • core.php
  • edit.php
  • emojiawesome.php
  • english.php
  • gallery.php
  • german.php
  • icon.php
  • image.php
  • markdown.php
  • meta.php
  • previousnext.php
  • serve.php
  • sitemap.php
  • slider.php
  • spanish.php
  • stockholm.php
  • toc.php
  • update.php
  • wiki.php
  • xbpgs.php

blog.php

  • [blogauthors] für eine Liste der Autoren
  • [blogtags] für eine Liste der Tags
  • [blogyears] für eine Liste der Jahre
  • [blogmonths] für eine Liste der Monate
  • [blogrelated] für eine Liste von Seiten, ähnlich zur aktuellen Seite
  • [blogpages] für eine Liste von Seiten, alphabetische Reihenfolge
  • [blogchanges] für eine Liste von Seiten, veröffentlichte Reihenfolge

Die folgenden Argumente sind verfügbar, alle bis auf das erste Argument sind optional:

  • StartLocation = Ort der Blogstartseite
  • EntriesMax = Anzahl der Einträge pro Abkürzung, 0 für unbegrenzt
  • FilterTag = Seiten mit bestimmten Tag anzeigen, nur bei [blogpages] oder [blogchanges]

Geht mit

  • [breadcrumb] oder
  • [breadcrumb > breadcrumb] oder
  • [breadcrumb / breadcrumb]

bundle.php

Fast CSS und JS zusammen.

command.php

PHP-Kommandozeile

contact.php

    ---
    Title: Kontaktiere einen Menschen
    TitleSlug: Contact
    Layout: contact
    Email: webmaster@example.com
    ---

core.php

siehe oben unter Allgemeine Inhalte im Kopf einer Seite

edit.php

siehe README-de.md

emojiawesome.php

siehe README-de.md

  • [gallery photo.*jpg zoom]
  • [gallery photo.*jpg simple]
  • [gallery photo.*jpg zoom 25%]
  • [gallery photo.*jpg zoom 50%]
  • [gallery photo.*jpg zoom 64]
  • [gallery photo.*jpg zoom 150]
  • [gallery photo-album/ zoom 64]
  • [gallery photo-album/ zoom 150]

Aktives Beispiel einer Galerie

icon.php

keine README-de.md

image.php

  • [image photo.jpg Beispiel]
  • [image photo.jpg "Dies ist ein Beispielbild"]
  • [image photo.jpg "Dies ist eine besonders lange Beschreibung"]
  • [image photo.jpg Beispiel left]
  • [image photo.jpg Beispiel center]
  • [image photo.jpg Beispiel right]
  • [image photo.jpg Beispiel right 50%]
  • [image photo.jpg Beispiel right 64 64]
  • [image photo.jpg Beispiel right 320 200]
  • [image photo.jpg Beispiel - 50%]
  • [image photo.jpg Beispiel - 64 64]
  • [image photo.jpg Beispiel - 320 200]

markdown.php

! Hier ist ein Hinweis mit Warnung

!! Hier ist ein Hinweis mit Fehler

!!! Hier ist ein Hinweis mit Tipp

!!!! Die vier Ausrufezeichen

Hier ist ein Hinweis mit Warnung

Hier ist ein Hinweis mit Fehler

Hier ist ein Hinweis mit Tipp

Die vier Ausrufezeichen. In der CSS-Datei sind .notice1-notice6 festgelegt, aber nur .notice1-notice3 sind unterschiedlich. .notice4-notice6 sind wie .notice3.

und

! {.btn}
! Hier ist ein Hinweis mit benutzerdefinierter Klasse.
! Der Text kann über mehrere Zeilen gehen
! und Markdown-Textformatierung beinhalten. Die hier verwendete Klasse `.btn` war bereits für andere Zwecke definiert worden.

Hier ist ein Hinweis mit benutzerdefinierter Klasse. Der Text kann über mehrere Zeilen gehen und Markdown-Textformatierung beinhalten. Die hier verwendete Klasse .btn war bereits für andere Zwecke definiert worden.

Kaffee Milch Stärke
Espresso nein stark
Macchiato ja mittel
Cappuccino ja schwach

meta.php

siehe README-de.md

previousnext.php

serve.php

sitemap.php

slider.php

Bildergalerie hinzufügen, unterschiedliche Stile:

[slider photo.*jpg loop]
[slider photo.*jpg fade]
[slider photo.*jpg slide]

Bildergalerie hinzufügen, unterschiedliche Größen:

[slider photo.*jpg loop 25%]
[slider photo.*jpg loop 50%]
[slider photo.*jpg loop 100%]

Bildergalerie aus einem Unterverzeichnis hinzufügen, unterschiedliche Größen:

[slider photo-album/ loop 25%]
[slider photo-album/ loop 50%]
[slider photo-album/ loop 100%]

Bildergalerie hinzufügen, automatisch abspielen mit Standardstil/-größe:

[slider photo.*jpg - - 1000]
[slider photo.*jpg - - 2000]
[slider photo.*jpg - - 5000]
Beispiel Blendmethode Additiv
Beispiel Blendmethode Additiv
Ausgangsbild
Ausgangsbild
Beispiel Blendmethode Differenz
Beispiel Blendmethode Differenz
Beispiel Blendmethode Abwedeln
Beispiel Blendmethode Abwedeln
Beispiel Blendmethode Nachbelichten
Beispiel Blendmethode Nachbelichten
Beispiel Blendmethode Leuchten
Beispiel Blendmethode Leuchten
Beispiel Blendmethode Multiplizieren
Beispiel Blendmethode Multiplizieren
Beispiel Blendmethode Negierung
Beispiel Blendmethode Negierung
Beispiel Blendmethode Raster
Beispiel Blendmethode Raster
Beispiel Blendmethode Reflektieren
Beispiel Blendmethode Reflektieren
Beispiel Blendmethode Xor
Beispiel Blendmethode Xor
Beispiel Blendmethode Überlagern
Beispiel Blendmethode Überlagern

Hier wird gezeigt, dass es möglich ist zwei (oder mehr) Slider in eine Seite einzubauen.

anaglyph-flip.jpg
anaglyph-flip.jpg
chromasolarize.jpg
chromasolarize.jpg
circle-to-square.jpg
circle-to-square.jpg
demitone-25.jpg
demitone-25.jpg
demitone-50.jpg
demitone-50.jpg
freebies-ausgangsbild.jpg
freebies-ausgangsbild.jpg
ghost.jpg
ghost.jpg
gray-from-blue.jpg
gray-from-blue.jpg
gray-from-green.jpg
gray-from-green.jpg
gray-from-red.jpg
gray-from-red.jpg
hsl-to-rgb.jpg
hsl-to-rgb.jpg
hyperbolic-disk.jpg
hyperbolic-disk.jpg
hyperbolic-square.jpg
hyperbolic-square.jpg
kyoto-color.jpg
kyoto-color.jpg
lab-to-rgb.jpg
lab-to-rgb.jpg
make-cube-tile.jpg
make-cube-tile.jpg
make-iso-cube-tile.jpg
make-iso-cube-tile.jpg
ornament.jpg
ornament.jpg
pixel-trash.jpg
pixel-trash.jpg
rgb-to-hsl.jpg
rgb-to-hsl.jpg
rgb-to-lab.jpg
rgb-to-lab.jpg
rule-30.jpg
rule-30.jpg
sphere-warp-a.jpg
sphere-warp-a.jpg
sphere-warp-b.jpg
sphere-warp-b.jpg
square-to-circle.jpg
square-to-circle.jpg
swap-green-blue.jpg
swap-green-blue.jpg
swap-red-blue.jpg
swap-red-blue.jpg
swap-red-green.jpg
swap-red-green.jpg
tachyon.jpg
tachyon.jpg
veins.jpg
veins.jpg
zephyr.jpg
zephyr.jpg
zombie.jpg
zombie.jpg

Aktives Beispiel einer Slideshow

toc.php

update.php

wiki.php

Eigene Plugins

beforeafter.php

Hat den shortcut

[beforeafter beforepicture afterpicture]

Das before-Bild wird ist also der erste Parameter. Es wird rechts angezeigt.

Wenn die Bilder nicht direkt unter /images liegen, dann muss der Pfad angegeben werden. Natürlich müssen die üblichen Dateiendungen verwendet werden.

xbpgs.php

Dieses Plugin dient nur dazu, eine zusätzliche CSS-Seite einzubinden. Es hat keinen shortcut.

ybpgs.php

Dieses Plugin dient nur dazu, einen 2Top-Button einzubinden. Es hat keinen shortcut.

Funktionstest

Test des eigenen Plugins beforeafter.php

Dieser Code

[beforeafter 8bf-filter-freebies/anaglyph-flip.jpg 8bf-filter-freebies/chromasolarize.jpg] 

produziert diesen Before-After-Slider

Status des Plugins beforeafter.php

  • basiert auf https://github.com/schulle4u/yellow-helloworld und
  • beerslider unter https://github.com/pehaa/beerslider
  • beforeafter.css wird über Plugin mit onParsePageExtra korrekt eingebunden, wird auch gebundled
  • HTML-Code wird über Plugin mit onParseContentShortcut korrekt eingebunden
  • beforeafter.js wird über footer.html korrekt eingebunden
  • Der Einbau mehrerer beforeafter slider auf Basis von Beerslider funktioniert nicht.

Du kannst diese Seite im Webbrowser bearbeiten