diff --git a/Minecraft-Modern-Theme-Child/archive-faq.php b/Minecraft-Modern-Theme-Child/archive-faq.php index 054460c..9312bb1 100644 --- a/Minecraft-Modern-Theme-Child/archive-faq.php +++ b/Minecraft-Modern-Theme-Child/archive-faq.php @@ -1,31 +1,28 @@ - +
-
- + 'faq_category', 'orderby' => 'name', - 'order' => 'ASC' + 'order' => 'ASC', ) ); if ( ! empty( $categories ) && ! is_wp_error( $categories ) ) : ?> -
    -
  • @@ -33,20 +30,19 @@ name ); ?>
  • -
-
-
- + 'faq', @@ -58,8 +54,8 @@ 'terms' => $category->slug, ), ), - 'orderby' => 'menu_order', - 'order' => 'ASC', + 'orderby' => 'menu_order', + 'order' => 'ASC', ) ); if ( $faqs->have_posts() ) : ?> @@ -77,8 +73,8 @@
-
@@ -91,4 +87,4 @@
- \ No newline at end of file + \ No newline at end of file diff --git a/Minecraft-Modern-Theme-Child/functions.php b/Minecraft-Modern-Theme-Child/functions.php index 3a01dea..214e68c 100644 --- a/Minecraft-Modern-Theme-Child/functions.php +++ b/Minecraft-Modern-Theme-Child/functions.php @@ -1,74 +1,37 @@ -get( 'Version' ) // WICHTIG: Wir nutzen die Version des Parents - ); - - // 2. Das Stylesheet des Child Themes laden - // get_stylesheet_directory_uri() zeigt auf den Ordner des Child Themes. - // Die Abhängigkeit 'parent-style' stellt sicher, dass es NACH dem Parent geladen wird. - wp_enqueue_style( - 'minecraft-modern-child-style', - get_stylesheet_directory_uri() . '/style.css', - array( $parent_style ), - wp_get_theme()->get( 'Version' ) // Die Version des Childs (für Cache-Reset) - ); -} -add_action( 'wp_enqueue_scripts', 'minecraft_modern_child_enqueue_styles' ); - - -/** - * ============================================================================= - * (OPTIONAL) Beispiel: Ein Skript des Parent Themes überschreiben - * ============================================================================= - * - * Falls du die Logik des Sliders (z.B. die slider-init.js) im Child Theme - * anpassen möchtest, könntest du diese Technik nutzen. - * Dies ist NUR NOTWENDIG, wenn du Änderungen am JavaScript des Sliders vornehmen willst. - * - * Um dies zu aktivieren, entferne die Slashs (/) am Anfang und Ende dieses Blocks. - */ -/* -function minecraft_modern_child_swap_faq_script() { - // Entfernt das Skript, das vom Parent Theme mit dem Handle 'faq-accordion-script' registriert wurde. - wp_deregister_script( 'faq-accordion-script' ); - - // Lädt dein neues Skript aus dem Child Theme. - // Wir verwenden denselben Namen ('Handle'), um WordPress klar zu machen, - // dass dieses Skript das Original ersetzt. - wp_enqueue_script( - 'faq-accordion-script', // Derselbe Handle wie im Parent Theme - get_stylesheet_directory_uri() . '/js/faq-accordion.js', // Pfad zur neuen JS-Datei im Child Theme - array( 'jquery' ), // Abhängigkeiten (hier jQuery) - '1.0', // Version deines Skripts - true // Im Footer laden - ); -} -// Diese Funktion wird mit einer höheren Priorität (20) ausgeführt, -// also NACHDEM das Parent Theme sein Skript geladen hat. -add_action( 'wp_enqueue_scripts', 'minecraft_modern_child_swap_faq_script', 20 ); -*/ -?> \ No newline at end of file + injiziert. + // Entfernt – style.css ist die einzige Quelle der Wahrheit. +} +add_action( 'wp_enqueue_scripts', 'minecraft_modern_child_enqueue_styles' ); \ No newline at end of file diff --git a/Minecraft-Modern-Theme-Child/screenshot.png b/Minecraft-Modern-Theme-Child/screenshot.png new file mode 100644 index 0000000..a80b213 Binary files /dev/null and b/Minecraft-Modern-Theme-Child/screenshot.png differ diff --git a/Minecraft-Modern-Theme-Child/style.css b/Minecraft-Modern-Theme-Child/style.css index 4259896..9e97d74 100644 --- a/Minecraft-Modern-Theme-Child/style.css +++ b/Minecraft-Modern-Theme-Child/style.css @@ -1,55 +1,171 @@ -/* - Theme Name: Minecraft Modern Theme Child - Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme - Description: Ein Child Theme für das Minecraft Modern Theme. - Author: M_Viper - Author URI: https://M-Viper.de - Template: Minecraft-Modern-Theme - Version: 1.1.0 - License: GNU General Public License v2 or later - License URI: http://www.gnu.org/licenses/gpl-2.0.html - Text Domain: minecraft-modern-theme-child -*/ - -/* =Hier kommen Ihre CSS-Anpassungen hin --------------------------------------------------------------- */ - -/* Kopieren Sie Ihre geänderten CSS-Regeln hierhin. - Zum Beispiel die neuen Regeln für die FAQ-Tabs: -*/ -.faq-tab-content-container { - display: grid; /* Wichtig: Erzeugt ein Gitter-Layout */ - /* Alle direkten Kinder (.faq-tab-pane) werden automatisch auf die gleiche Höhe gesetzt */ -} - -.faq-tab-pane { - /* Grid-Item-Styling */ - grid-area: 1 / 1 / 2 / 2; /* Alle Panes belegen dieselbe Gitterzelle */ - - /* Visuelles Ein- und Ausblenden */ - opacity: 0; /* Standardmäßig unsichtbar */ - pointer-events: none; /* Nicht klickbar, wenn unsichtbar */ - transition: opacity 0.4s ease-in-out; -} - -.faq-tab-pane.active { - opacity: 1; /* Sichtbar machen */ - pointer-events: auto; /* Wieder klickbar machen */ -} - -/* =================================================================== - LAYOUT-SHIFT-FIX: Slider verstecken, bis er initialisiert ist -=================================================================== */ -.hero-slider { - /* Verstecke den Slider initial, um ein "Zusammenschnappen" zu verhindern */ - opacity: 0; - /* Füge einen sanften Übergangseffekt für das Einblenden hinzu */ - transition: opacity 0.4s ease-in-out; -} - -/* Diese Klasse wird vom JavaScript hinzugefügt, wenn der Slider bereit ist */ -.hero-slider.swiper-initialized { - /* Mache den Slider sichtbar */ - opacity: 1; -} -/* Fügen Sie hier zukünftig weiteres eigenes CSS hinzu */ \ No newline at end of file +/* + Theme Name: Minecraft Modern Theme Child + Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme + Description: Ein Child Theme für das Minecraft Modern Theme. + Author: M_Viper + Author URI: https://M-Viper.de + Template: Minecraft-Modern-Theme + Version: 1.1.1 + License: GNU General Public License v2 or later + License URI: http://www.gnu.org/licenses/gpl-2.0.html + Text Domain: minecraft-modern-theme-child +*/ + +/* =================================================================== + SIDEBAR FLYOUT: Sichtbarkeit +=================================================================== */ + +/* Standardmäßig versteckt aber NICHT display:none damit + getBoundingClientRect() korrekte Werte liefert */ +.header-sidebar .sub-menu { + opacity: 0 !important; + pointer-events: none !important; + display: block !important; + transition: opacity 0.15s ease !important; +} + +/* Sichtbar wenn li gehoverd oder flyout-open gesetzt */ +.header-sidebar .primary-menu > li.menu-item-has-children:hover > .sub-menu, +.header-sidebar .primary-menu > li.menu-item-has-children.flyout-open > .sub-menu, +.header-sidebar .menu-item.active > .sub-menu { + opacity: 1 !important; + pointer-events: auto !important; +} + +/* =================================================================== + FAQ TABS +=================================================================== */ +.faq-tab-content-container { display: grid; } +.faq-tab-pane { + grid-area: 1 / 1 / 2 / 2; + opacity: 0; + pointer-events: none; + transition: opacity 0.4s ease-in-out; +} +.faq-tab-pane.active { opacity: 1; pointer-events: auto; } + +/* =================================================================== + SLIDER +=================================================================== */ +.hero-slider { opacity: 0; transition: opacity 0.4s ease-in-out; } +.hero-slider.swiper-initialized { opacity: 1; } + +/* =================================================================== + NAVIGATION: submenu-toggle auf Desktop nur für Classic/Centered/Mega + ausblenden — Sidebar-Layout braucht den Button +=================================================================== */ +@media (min-width: 993px) { + .site-header--classic .submenu-toggle, + .site-header--centered .submenu-toggle, + .site-header--mega .submenu-toggle { + display: none !important; + width: 0 !important; + height: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow: hidden !important; + pointer-events: none !important; + } +} + +@media (max-width: 992px) { + .submenu-toggle { + display: inline-flex; + align-items: center; + justify-content: center; + background: none; + border: none; + cursor: pointer; + padding: 4px 8px; + color: inherit; + font-size: 0.8em; + } + .menu-item-has-children.active > .submenu-toggle i { + transform: rotate(180deg); + } +}/* + Theme Name: Minecraft Modern Theme Child + Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme + Description: Ein Child Theme für das Minecraft Modern Theme. + Author: M_Viper + Author URI: https://M-Viper.de + Template: Minecraft-Modern-Theme + Version: 1.1.0 + License: GNU General Public License v2 or later + License URI: http://www.gnu.org/licenses/gpl-2.0.html + Text Domain: minecraft-modern-theme-child +*/ + +/* =================================================================== + SIDEBAR FLYOUT: Sichtbarkeit +=================================================================== */ + +/* Standardmäßig versteckt aber NICHT display:none damit + getBoundingClientRect() korrekte Werte liefert */ +.header-sidebar .sub-menu { + opacity: 0 !important; + pointer-events: none !important; + display: block !important; + transition: opacity 0.15s ease !important; +} + +/* Sichtbar wenn li gehoverd oder flyout-open gesetzt */ +.header-sidebar .primary-menu > li.menu-item-has-children:hover > .sub-menu, +.header-sidebar .primary-menu > li.menu-item-has-children.flyout-open > .sub-menu, +.header-sidebar .menu-item.active > .sub-menu { + opacity: 1 !important; + pointer-events: auto !important; +} + +/* =================================================================== + FAQ TABS +=================================================================== */ +.faq-tab-content-container { display: grid; } +.faq-tab-pane { + grid-area: 1 / 1 / 2 / 2; + opacity: 0; + pointer-events: none; + transition: opacity 0.4s ease-in-out; +} +.faq-tab-pane.active { opacity: 1; pointer-events: auto; } + +/* =================================================================== + SLIDER +=================================================================== */ +.hero-slider { opacity: 0; transition: opacity 0.4s ease-in-out; } +.hero-slider.swiper-initialized { opacity: 1; } + +/* =================================================================== + NAVIGATION: submenu-toggle auf Desktop nur für Classic/Centered/Mega + ausblenden — Sidebar-Layout braucht den Button +=================================================================== */ +@media (min-width: 993px) { + .site-header--classic .submenu-toggle, + .site-header--centered .submenu-toggle, + .site-header--mega .submenu-toggle { + display: none !important; + width: 0 !important; + height: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow: hidden !important; + pointer-events: none !important; + } +} + +@media (max-width: 992px) { + .submenu-toggle { + display: inline-flex; + align-items: center; + justify-content: center; + background: none; + border: none; + cursor: pointer; + padding: 4px 8px; + color: inherit; + font-size: 0.8em; + } + .menu-item-has-children.active > .submenu-toggle i { + transform: rotate(180deg); + } +} \ No newline at end of file