Gemeinde XY | Mitglied der VG XYZ | Tel: 123456 / 245 - 0
FontAwesome
FontAwesome liegt im Verzeichnis "/starter.diewebonauten.de/wp-content/plugins/webonauten-functions/assets/fonts" im Unterornder "fontawesome". Das CSS für diesen Fonts befindet sich im gleichen Unterordner in der Datei "all.css"
Local Fonts
Alle lokalen fonts liegen im Verzeichnis "/starter.diewebonauten.de/wp-content/plugins/webonauten-functions/assets/fonts" in separaten Unterordnern. Das CSS für alle Fonts (bis auf Font Awesome) befindet sich in der Datei "local-fonts.css"
Dieser Text hat den Googefont "Handlee"
Dieser Text hat den Custom Font "Amatic SC"
Weiterer lokal geladener Icon Font "MapGlyphs":
Spezielle Seiten
"404:"404
"Nichts gefunden:"Nichts gefunden
"Newsletter-Danke:"Newsletter-Danke
"Shop-Danke"Shop-Danke
Für alle diese Seiten (außer die die 404-Seite) muss eine Seite in WordPress angelegt und das entsprechende Template (alle im Verzeichnis "page-templates") zugeordnet werden. Die Inhalte werden über die Optionspage gepflegt.
Für die "404"-Seite wird das Template "404.php" im Root-Verzeichnis des Child-Themes verwendet.
Für die "Nichts gefunden"-Seite wurde in der "webonauten-features.php" ein Redirect angelegt (siehe # Redirect for zero results )
Für die "Newsletter-Danke"-Seite muss die URL in MailChimp hinterlegt werden.
Für die "Shop-Danke"-Seite muss in der "webonauten-features.php" oder in der "woocommerce.php" ein Redirect angelegt (siehe ## Custom Redirect after purchase )
Das Template für alle diese speziellen Seiten laden keine Stylesheets und verwenden kein Framework (Bootstrap). Alle Styles sind im head platziert. Auch werden keine WordPress-header.php oder footer.php geladen.
Modals / Popups - mit Inhalten, siehe auch Template-tags
Die Inhalte für die Popups (außer das Social-Popup) können über die Optionspage editiert werden. Hier besteht auch die Möglichkeit, ein wpforms-Formular zuzuordnen. Das Laden der einzenen Popups kann über die Optionspage aktiviert / deaktiviert werden, so dass diese nur bei Bedarf in den Footer geladen werden. Das Markup der Modals wird in der template-tags.php verwaltet.
Mobile: Fixed Service-Navigation (Template-Tag)
Browserfenster verkleinern!
ACF-Bildergalerie mit Owl Carousel 2 (V 2.3.4)
Für die Lightbox muss das Plugin "Lightbox mit PhotoSwipe" von Arno Welzel installiert werden.
Post-Slider mit ACF-Beziehungsfeld & Owl Carousel 2 (V 2.3.4)
Custom Post Type "Jobs"
Beispielhaft wurde der CPT "Jobs" registriert und hierfür auch ein Template "single-jobs.php" angelegt: Siehe Beispiel
Und hier ein custom Loop für diesen Post Type:
Bootstrap 5 - Tests
Bootstrap 5 - Accordion
This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
.accordion-body, though the transition does limit overflow.
This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
.accordion-body, though the transition does limit overflow.
This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
.accordion-body, though the transition does limit overflow.
Bootstrap 5 - Tabs
... Tab 1
... Tab 2
... Tab 3
...
Bootstrap 5 - Collapse
Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
Bootstrap 5 - Tables
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Bootstrap 5 - Cards
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereSpecial title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereSpecial title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhere