Sven/alina-schillinger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added WP-Theme

Browse Source
This commit is contained in:
Sven Steinert
2026-04-23 08:21:57 +02:00
parent fb1685bdd7
commit ffd95cb825
37 changed files with 2415 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
as-coaching-theme/patterns/contact.php Normal file
View File

@@ -0,0 +1,74 @@
<?php
/**
* Title: Kontaktsektion
* Slug: as-coaching/contact
* Categories: as-coaching-sections
* Keywords: kontakt, formular, anfrage
* Description: Kontaktbereich mit Hinweistext und Platzhalter für Formular-Block.
* Viewport Width: 1380
* Post Types: page
*/
?>
<!-- wp:group {"tagName":"section","align":"full","className":"as-section as-section--tinted","anchor":"kontakt"} -->
<section class="wp-block-group alignfull as-section as-section--tinted" id="kontakt">
<!-- wp:group {"align":"wide","className":"as-section-heading"} -->
<div class="wp-block-group alignwide as-section-heading">
<!-- wp:paragraph {"className":"as-label"} -->
<p class="as-label">Kontakt</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Anfrage und nächster Schritt</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Diese Sektion ist für Gutenberg gedacht: Text links, rechts Platz für einen Formular-Block oder Terminlink.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:columns {"align":"wide","className":"as-contact-grid"} -->
<div class="wp-block-columns alignwide as-contact-grid">
<!-- wp:column {"className":"as-contact-card"} -->
<div class="wp-block-column as-contact-card">
<!-- wp:paragraph {"className":"as-pill"} -->
<p class="as-pill">Antwort in der Regel innerhalb von 1–2 Werktagen</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Worum soll es gehen?</h3>
<!-- /wp:heading -->
<!-- wp:list -->
<ul>
<li>Bewerbung, Interview oder Profil-Schärfung</li>
<li>Selbstpräsentation für Meetings oder Kundenkontakt</li>
<li>Workshop-Anfrage für Teams oder KMU</li>
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:column -->
<!-- wp:column {"className":"as-contact-card"} -->
<div class="wp-block-column as-contact-card">
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Formular oder Buchungsblock einsetzen</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Hier kann direkt im Gutenberg-Editor ein Formular-Block, ein HTML-Einbettungsblock oder ein Terminbuchungs-Widget ergänzt werden.</p>
<!-- /wp:paragraph -->
<!-- wp:group {"className":"as-note"} -->
<div class="wp-block-group as-note">
<!-- wp:paragraph -->
<p><strong>Hinweis:</strong> Durch die gemeinsamen Theme-Styles passen auch spätere Formular-Plugins farblich und typografisch sauber ins Design.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</section>
<!-- /wp:group -->

46
as-coaching-theme/patterns/cta.php Normal file
View File

@@ -0,0 +1,46 @@
<?php
/**
* Title: CTA Banner
* Slug: as-coaching/cta
* Categories: as-coaching-sections
* Keywords: cta, banner, call to action
* Description: Große CTA-Sektion mit Display-Titel und zwei Buttons.
* Viewport Width: 1380
* Post Types: page
*/
?>
<!-- wp:group {"tagName":"section","align":"full","className":"as-section"} -->
<section class="wp-block-group alignfull as-section">
<!-- wp:group {"align":"wide","className":"as-card is-style-elevated"} -->
<div class="wp-block-group alignwide as-card is-style-elevated">
<!-- wp:group {"className":"as-cta-shell","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap","verticalAlignment":"center"}} -->
<div class="wp-block-group as-cta-shell">
<!-- wp:group {"className":"as-cta-copy"} -->
<div class="wp-block-group as-cta-copy">
<!-- wp:heading {"level":2,"className":"as-cta-title"} -->
<h2 class="wp-block-heading as-cta-title">Bereit für ein Profil, das wirkt?</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Kurzes Erstgespräch, dann ein klarer Plan mit Prioritäten, Format und realistischem nächsten Schritt.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:buttons {"className":"as-cta-actions"} -->
<div class="wp-block-buttons as-cta-actions">
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#kontakt">Termin anfragen</a></div>
<!-- /wp:button -->
<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#angebot">Erst Leistungen ansehen</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</section>
<!-- /wp:group -->

58
as-coaching-theme/patterns/faq.php Normal file
View File

@@ -0,0 +1,58 @@
<?php
/**
* Title: FAQ Accordion
* Slug: as-coaching/faq
* Categories: as-coaching-sections
* Keywords: faq, accordion, fragen
* Description: FAQ-Sektion mit nativen Details-Blöcken und Styleguide-Styling.
* Viewport Width: 1380
* Post Types: page
*/
?>
<!-- wp:group {"tagName":"section","align":"full","className":"as-section as-section--tinted","anchor":"faq"} -->
<section class="wp-block-group alignfull as-section as-section--tinted" id="faq">
<!-- wp:group {"align":"wide","className":"as-section-heading"} -->
<div class="wp-block-group alignwide as-section-heading">
<!-- wp:paragraph {"className":"as-label"} -->
<p class="as-label">FAQ</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Häufige Fragen direkt im Editor pflegbar</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Die Antworten basieren auf nativen Gutenberg-Details-Blöcken und erscheinen im Backend bereits im finalen Stil.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:group {"align":"wide","className":"as-faq"} -->
<div class="wp-block-group alignwide as-faq">
<!-- wp:details {"summary":"Wie läuft ein Erstgespräch ab?","className":"as-faq-item"} -->
<details class="wp-block-details as-faq-item"><summary>Wie läuft ein Erstgespräch ab?</summary><!-- wp:group -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Im Erstgespräch klären wir Anliegen, Zielbild und den sinnvollsten nächsten Schritt. Der Rahmen bleibt bewusst kurz, klar und ohne Verkaufsdruck.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></details>
<!-- /wp:details -->
<!-- wp:details {"summary":"Für wen eignet sich das Coaching?","className":"as-faq-item"} -->
<details class="wp-block-details as-faq-item"><summary>Für wen eignet sich das Coaching?</summary><!-- wp:group -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Für Fach- und Führungskräfte, die professioneller auftreten, ihre Position klarer kommunizieren oder sich gezielt auf Bewerbungs- und Gesprächssituationen vorbereiten möchten.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></details>
<!-- /wp:details -->
<!-- wp:details {"summary":"Kann ich die Inhalte auch als Workshop buchen?","className":"as-faq-item"} -->
<details class="wp-block-details as-faq-item"><summary>Kann ich die Inhalte auch als Workshop buchen?</summary><!-- wp:group -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Ja. Das Theme ist bewusst so aufgebaut, dass Einzelangebote, Teamformate und digitale Produkte mit denselben Karten- und Layoutbausteinen dargestellt werden können.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></details>
<!-- /wp:details -->
</div>
<!-- /wp:group -->
</section>
<!-- /wp:group -->

54
as-coaching-theme/patterns/hero.php Normal file
View File

@@ -0,0 +1,54 @@
<?php
/**
* Title: Hero mit Bild
* Slug: as-coaching/hero
* Categories: as-coaching-sections
* Keywords: hero, intro, start
* Description: Zweispaltiger Hero mit typischer AS-Headline, Buttons und Bild.
* Viewport Width: 1380
* Post Types: page
*/
?>
<!-- wp:group {"tagName":"section","align":"full","className":"as-hero"} -->
<section class="wp-block-group alignfull as-hero" id="termin">
<!-- wp:columns {"align":"wide","verticalAlignment":"center","className":"as-hero-grid"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center as-hero-grid">
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:paragraph {"className":"as-eyebrow"} -->
<p class="as-eyebrow">Bewerbercoaching · Selbstpräsentation · Profil-Schärfung</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":1,"className":"as-display"} -->
<h1 class="wp-block-heading as-display"><span class="as-display-line">Souverän auftreten.</span><span class="as-display-line as-display-accent">Wirkung erzielen.</span></h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"as-lead"} -->
<p class="as-lead">Für Fachkräfte in KMU, die im Bewerbungsprozess, im Kundentermin oder intern sichtbarer werden wollen – klar, professionell und ohne Show.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"className":"as-button-row"} -->
<div class="wp-block-buttons as-button-row">
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#kontakt">Kostenloses Erstgespräch</a></div>
<!-- /wp:button -->
<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#angebot">Leistungen ansehen</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","className":"as-hero-media"} -->
<div class="wp-block-column is-vertically-aligned-center as-hero-media">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( '/assets/img/person-an-tafel.webp' ) ); ?>" alt="Coach vor einer Tafel im Workshop-Kontext"></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</section>
<!-- /wp:group -->

17
as-coaching-theme/patterns/homepage.php Normal file
View File

@@ -0,0 +1,17 @@
<?php
/**
* Title: Startseite komplett
* Slug: as-coaching/homepage
* Categories: as-coaching-pages
* Keywords: startseite, hero, faq, coaching
* Description: Komplette Startseite im Stil des AS-Styleguides.
* Viewport Width: 1380
* Post Types: page
*/
?>
<!-- wp:pattern {"slug":"as-coaching/hero"} /-->
<!-- wp:pattern {"slug":"as-coaching/services"} /-->
<!-- wp:pattern {"slug":"as-coaching/offers"} /-->
<!-- wp:pattern {"slug":"as-coaching/faq"} /-->
<!-- wp:pattern {"slug":"as-coaching/cta"} /-->
<!-- wp:pattern {"slug":"as-coaching/contact"} /-->

142
as-coaching-theme/patterns/offers.php Normal file
View File

@@ -0,0 +1,142 @@
<?php
/**
* Title: Angebotskarten
* Slug: as-coaching/offers
* Categories: as-coaching-sections
* Keywords: angebot, karten, coaching
* Description: Drei Angebotskarten für Coaching- oder Produktbausteine.
* Viewport Width: 1380
* Post Types: page
*/
?>
<!-- wp:group {"tagName":"section","align":"full","className":"as-section","anchor":"angebot"} -->
<section class="wp-block-group alignfull as-section" id="angebot">
<!-- wp:group {"align":"wide","className":"as-section-heading"} -->
<div class="wp-block-group alignwide as-section-heading">
<!-- wp:paragraph {"className":"as-label"} -->
<p class="as-label">Angebot</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Formate für Einzelbegleitung, Workshops und digitale Produkte</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Die Karten sind als Pattern sofort einsetzbar und lassen sich im Gutenberg-Editor direkt mit eigenen Inhalten befüllen.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:columns {"align":"wide","className":"as-offer-grid"} -->
<div class="wp-block-columns alignwide as-offer-grid">
<!-- wp:column {"className":"as-product-card"} -->
<div class="wp-block-column as-product-card">
<!-- wp:group {"className":"as-split-head","layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-group as-split-head">
<!-- wp:paragraph {"className":"as-badge as-badge--soft"} -->
<p class="as-badge as-badge--soft">1:1</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"as-tag"} -->
<p class="as-tag">90 Min</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Einzelcoaching Profil &amp; Auftreten</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Fokus auf Profil-Schärfung, Gesprächsvorbereitung und einen souveränen Auftritt in Bewerbung oder Kundenkontakt.</p>
<!-- /wp:paragraph -->
<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"className":"as-price"} -->
<p class="as-price">ab 149 €</p>
<!-- /wp:paragraph -->
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#kontakt">Anfragen</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"className":"as-product-card"} -->
<div class="wp-block-column as-product-card">
<!-- wp:group {"className":"as-split-head","layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-group as-split-head">
<!-- wp:paragraph {"className":"as-badge as-badge--soft"} -->
<p class="as-badge as-badge--soft">Workshop</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"as-tag"} -->
<p class="as-tag">KMU-Team</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Workshop für Teams</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Training für Selbstpräsentation, Gesprächssicherheit und kundennahe Kommunikation in kleinen und mittleren Unternehmen.</p>
<!-- /wp:paragraph -->
<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"className":"as-price"} -->
<p class="as-price">individuell</p>
<!-- /wp:paragraph -->
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#kontakt">Anfragen</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"className":"as-product-card"} -->
<div class="wp-block-column as-product-card">
<!-- wp:group {"className":"as-split-head","layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-group as-split-head">
<!-- wp:paragraph {"className":"as-badge as-badge--soft"} -->
<p class="as-badge as-badge--soft">Digital</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"as-tag"} -->
<p class="as-tag">PDF / Video</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Workbook &amp; Minikurse</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Digitale Begleiter für Lebenslauf, Interviewtraining und klare Selbstpräsentation – direkt als Produktsektion nutzbar.</p>
<!-- /wp:paragraph -->
<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"className":"as-price"} -->
<p class="as-price">ab 29 €</p>
<!-- /wp:paragraph -->
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#kontakt">Mehr dazu</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</section>
<!-- /wp:group -->

76
as-coaching-theme/patterns/services.php Normal file
View File

@@ -0,0 +1,76 @@
<?php
/**
* Title: Leistungen im Dreier-Grid
* Slug: as-coaching/services
* Categories: as-coaching-sections
* Keywords: leistungen, grid, features
* Description: Dreispaltige Leistungsübersicht mit Karten im Stilguide-Look.
* Viewport Width: 1380
* Post Types: page
*/
?>
<!-- wp:group {"tagName":"section","align":"full","className":"as-section as-section--tinted","anchor":"ablauf"} -->
<section class="wp-block-group alignfull as-section as-section--tinted" id="ablauf">
<!-- wp:group {"align":"wide","className":"as-section-heading"} -->
<div class="wp-block-group alignwide as-section-heading">
<!-- wp:paragraph {"className":"as-label"} -->
<p class="as-label">Leistungen</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Klar strukturierte Unterstützung für Auftritt und Wirkung</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Bausteine für Bewerbungen, Kundentermine, interne Sichtbarkeit und professionelle Selbstpräsentation.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:columns {"align":"wide","className":"as-feature-grid"} -->
<div class="wp-block-columns alignwide as-feature-grid">
<!-- wp:column {"className":"as-feature-card"} -->
<div class="wp-block-column as-feature-card">
<!-- wp:html -->
<div class="as-feature-icon" aria-hidden="true"></div>
<!-- /wp:html -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Lebenslauf, der wirkt</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Struktur, Story und Ergebnisse – ohne Buzzwords, dafür mit klarer professioneller Linie.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"className":"as-feature-card"} -->
<div class="wp-block-column as-feature-card">
<!-- wp:html -->
<div class="as-feature-icon" aria-hidden="true"></div>
<!-- /wp:html -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Interview-Simulation</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Realistische Vorbereitung mit Feedback zu Sprache, Präsenz, Struktur und Wirkung im Gespräch.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"className":"as-feature-card"} -->
<div class="wp-block-column as-feature-card">
<!-- wp:html -->
<div class="as-feature-icon" aria-hidden="true"></div>
<!-- /wp:html -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Selbstpräsentation</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Ein klarer Pitch für Meetings, Kundengespräche oder Bewerbungen – ruhig, glaubwürdig und präzise.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</section>
<!-- /wp:group -->