onny/web-wordpress-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix menu mobile, fix mobile search link

Browse source
This commit is contained in:
Jonas Heinrich 2020-04-11 21:08:49 +02:00
parent 4eb19a4945
commit b01ca60341
4 changed files with 14 additions and 107 deletions
Download patch file Download diff file Expand all files Collapse all files

8
kit/functions.php
View file

@ -82,9 +82,15 @@ class kit_custom_main_menu extends Walker_Nav_Menu {
$output .= $title; $output .= $title;
$output .= ' $output .= '
</span> </span>
</a>'; </a>
<div class="nav-second-level-opener">
<span>Untermenu öffnen / schließen</span>
</div>';
} else { } else {
$output .= "<li class='" . implode(" ", $item->classes) . "'>"; $output .= "<li class='" . implode(" ", $item->classes) . "'>";
$output .= '<div class="nav-first-level-opener">
<span>Untermenu öffnen / schließen</span>
</div>';
$output .= '<a href="' . $permalink . '">'; $output .= '<a href="' . $permalink . '">';
$output .= $title; $output .= $title;
$output .= '</a>'; $output .= '</a>';

8
kit/header.php
View file

@ -91,6 +91,7 @@
<header> <header>
<div class="content-wrap"> <div class="content-wrap">
<h1 class="header-logo-container"> <h1 class="header-logo-container">
<a href="<?php echo home_url(); ?>"> <a href="<?php echo home_url(); ?>">
<span class="header-logo-text">KIT - Karlsruher Institut für Technologie</span> <span class="header-logo-text">KIT - Karlsruher Institut für Technologie</span>
@ -99,13 +100,15 @@
</a> </a>
</h1> </h1>
<a href="https://www.kit-ausbildung.de/de/suche" class="header-search"> <a href="<?php echo home_url(); ?>/search" class="header-search">
<img src="<?php bloginfo('stylesheet_directory');?>/img/magnifier-dark.svg" alt="Suche"> <img src="<?php bloginfo('stylesheet_directory');?>/img/magnifier-dark.svg" alt="Suche">
<span>Suche</span> <span>Suche</span>
</a> </a>
<input class="header-burger-button" id="header-burger-button" type="checkbox"> <input class="header-burger-button" id="header-burger-button" type="checkbox">
<label for="header-burger-button"><span>Navigation öffnen / schließen</span></label> <label for="header-burger-button">
<span>Navigation öffnen / schließen</span>
</label>
<?php get_template_part('template-parts/site-nav'); ?> <?php get_template_part('template-parts/site-nav'); ?>
@ -114,4 +117,5 @@
</div> </div>
</div> </div>
</header> </header>

2
kit/template-parts/sidebar.php
View file

@ -5,7 +5,7 @@
<span>Suche</span> <span>Suche</span>
</a> </a>
<a href="https://www.kit-ausbildung.de/de/faq" class="aside-icon"> <a href="<?php echo home_url(); ?>/faq" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/faq-white.svg" alt="Zu den FAQ"> <img src="<?php bloginfo('stylesheet_directory');?>/img/faq-white.svg" alt="Zu den FAQ">
<span>Zu den FAQ</span> <span>Zu den FAQ</span>
</a> </a>

103
kit/template-parts/site-nav.php
View file

@ -1,115 +1,12 @@
<nav> <nav>
<?php <?php
wp_nav_menu(array( wp_nav_menu(array(
'container' => 'false', 'container' => 'false',
'menu_class' => '', 'menu_class' => '',
'theme_location'=>'primary', 'theme_location'=>'primary',
'walker' => new kit_custom_main_menu 'walker' => new kit_custom_main_menu
)); ));
?> ?>
<ul>
<!-- <li>
<a href="https://www.kit-ausbildung.de/de/ueber-das-kit">
Über das KIT
</a>
<section class="nav-second-level mega-flyout" style="">
<div class="content-wrap">
<div class="container container-3-cols">
<div class="column">
<div class="nav-second-level-group">
<a class="nav-second-level-group-headline" href="https://www.kit-ausbildung.de/de/ueber-das-kit/success-stories">
<img class="icon" src="<?php bloginfo('stylesheet_directory');?>/img/nav-second-level-star-primary.svg" alt="" width="24" height="24">
<span>Success Stories</span>
</a>
<div class="nav-second-level-opener">
<span>Untermenu öffnen / schließen</span>
</div>
<ul style="">
<li class="">
<a href="https://www.kit-ausbildung.de/de/ueber-das-kit/success-stories/von-quito-nach-karsruhe-und-zurueck-1">Unser Auslandspraktikum in Dublin</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</li> -->
<!-- <li>
<div class="nav-first-level-opener">
<span>Untermenu öffnen / schließen</span>
</div>
<a href="https://www.kit-ausbildung.de/de/ueber-das-kit">
Über das KIT
</a>
<section class="nav-second-level mega-flyout" style="">
<div class="content-wrap">
<div class="container container-3-cols">
<div class="column">
<div class="nav-second-level-group">
<a class="nav-second-level-group-headline" href="https://www.kit-ausbildung.de/de/ueber-das-kit/success-stories">
<img class="icon" src="<?php bloginfo('stylesheet_directory');?>/img/nav-second-level-star-primary.svg" alt="" width="24" height="24">
<span>Success Stories</span>
</a>
<div class="nav-second-level-opener">
<span>Untermenu öffnen / schließen</span>
</div>
<ul style="">
<li class="">
<a href="https://www.kit-ausbildung.de/de/ueber-das-kit/success-stories/von-quito-nach-karsruhe-und-zurueck-1">Unser Auslandspraktikum in Dublin</a>
</li>
<li class="">
<a href="https://www.kit-ausbildung.de/de/ueber-das-kit/success-stories/azubis-fuer-azubis-1">Glückwunsch und ein Grund zu feiern!</a>
</li>
<li class="">
<a href="https://www.kit-ausbildung.de/de/ueber-das-kit/success-stories/azubis-fuer-azubis">Azubis für AZUBIS</a>
</li>
<li class="">
</ul>
</div>
</div>
<div class="column">
<div class="nav-second-level-group">
<a class="nav-second-level-group-headline" href="https://www.kit-ausbildung.de/de/ueber-das-kit/zahlen-und-fakten">
<img class="icon" src="<?php bloginfo('stylesheet_directory');?>/img/nav-second-level-barchart-primary.svg" alt="" width="24" height="24">
<span>Zahlen und Fakten</span>
</a>
</div>
</div>
<div class="column">
<div class="nav-second-level-group">
<a class="nav-second-level-group-headline" href="https://www.kit-ausbildung.de/de/ueber-das-kit/ansprechpartner-kontakt">
<img class="icon" src="<?php bloginfo('stylesheet_directory');?>/img/nav-second-level-person-primary.svg" alt="" width="24" height="24">
<span>Ansprechpartner &amp; Kontakt</span>
</a>
</div>
</div>
</div>
</div>
</section>
</li> -->
</ul>
</nav> </nav>