Alternative Startseite für Mobilgeräte

Hallo Community,

ich suche eine einfache Möglichkeit, bei Aufruf der Startseite (und vorerst nur bei der Startseite) eine Weiterleitung auf eine alternative Seite (im gleichen WP) zu machen, wenn das verwendete Gerät ein Mobilgerät ist.

Hintergrund: der Inhalt der Startseite für die Desktop-Version ist nicht für die Mobilansicht geeignet (zu viel, etc.). Deshalb möchte ich eine vereinfachte Form der Startseite für Mobilgeräte haben.

Mit den Plugins, mit dem ich das probiert habe, funktioniert es leider nicht --> die Umleitung wurde einfach glatt ignoriert ;)

Ich habe es testweise mit einem Snippet versucht, dass ich als Shortcode in der Startseite platziert habe:

Zitat

function mobile_redirect()
{
if(strstr($_SERVER['HTTP_USER_AGENT'], 'iPhone') ||
strstr($_SERVER['HTTP_USER_AGENT'], 'Android') ||
strstr($_SERVER['HTTP_USER_AGENT'], 'BlackBerry')) {
header('Location: https://hierkommtmeineseite.de');
exit();
}
}
add_shortcode('mobil_umleitung', 'mobile_redirect');

Alles anzeigen

In der Variante hängt die Startseite beim Preloader bei mobilen Seiten und es passiert weiter nichts.

Wie könnte ich das einfacher und sinnvoller umsetzen?

Danke und Gruss,
KlyX

Hi JABA und SuMu,

danke für eure fixen Antworten.
@jaba: das sieht nicht uninteressant aus. Allerdings verwende ich für meine Seiten den Visual PageBuilder von WPBakery. Wenn ich die Funktion des Plugins korrekt interpretiere, kann ich grundsätzlich einfach ausblenden, was ich auf Mobiles nicht sehen will bzw. einblenden, was ich sehen will? Muss mal schauen, ob ich das so hinbekomme, dass das nicht die Seite verreisst :)

@SuMu: hab ich mir auch schon angesehen - aber wenn ich das richtig sehe, geht es hier in erster Linie drum, je nach Gerät oder Einstellung ein anderes CSS zu laden? Ich will aber eine simple Umleitung (und natürlich ausschliesslich die Startseite ;)).

Habs jetzt mit einem anderen Snippet aber hinbekommen :)

add_action( 'wp_head', 'wps_params', 10 );
function wps_params() {
    ?>
    
    <script>
    if (window.location.pathname == '/' && jQuery(window).width() <= 480) {
       window.location = "/mobil/";
    }
    </script>


    <?php
}

Aber vielleicht ist eine andere Methode sinnvoller ;)