Qualche settimana fa un cliente ci ha chiesto se fosse possibile mostrare una homepage WordPress diversa su dispositivi mobile rispetto alla versione desktop (un reindirizzamento).
Abbiamo scritto la seguente funzione e l'abbiamo aggiunta al tema functions.php del cliente.
<?php
//* NON includere il tag php iniziale mostrato sopra se รจ giร esistente. Copia il codice mostrato di seguito.
//* Reindirizzamento della homepage sul cellulare
add_action( 'wp_head', 'wps_params', 10 );
function wps_params() {
?>
<script>
if (window.location.pathname == '/' && jQuery(window).width() <= 600) {
window.location = "/newhomepage/";
}
</script>
<?php
}
Questa funzione aggiunge un piccolo script alla sezione principale del tema. Lo script controlla se si รจ sulla homepage e se la larghezza del browser รจ di 600px o inferiore. Nel caso in cui entrambi le condizioni siano vere, viene caricata la pagina creata appositamente per la versione mobile, invece della homepage predefinita (vedere l'esempio del codice qui di sopra).
Una grande ma semplice funzione. Ma cosa succede quando il permalink o lo slug cambia o il cliente vuole impostare un'altra pagina come homepage su mobile? Non sarebbe bello se lui stesso fosse in grado di impostare il reindirizzamento nel suo backend di WordPress? Il programmatore ha ben pensato di sviluppare IL plugin per il redirect, Genesis Mobile Redirect.
Genesis Mobile Redirect
In questa piccola sezione parliamo di un plugin gratuito che consente di mostrare un contenuto diverso agli utenti che si connettono su WordPress da mobile rispetto a coloro i quali preferiscono la connessione da desktop.
Il plugin WordPress Genesis Mobile Redirect consente di selezionare una pagina o un link personalizzata/o, che si puรฒ impostare come home page per i dispositivi mobili. Si puรฒ impostare il reindirizzamento per smartphone o per smartphone e tablet. Inoltre si puรฒ anche impostare la larghezza massima personalizzata se desidera mostrare la home page mobile su altri formati, ad esempio su smartphone fino all'iPad mini.
Quindi per impostare una home personalizzata in wp basta creare una pagina apposita e selezionarla come homepage.
Non occorre quindi andare a duplicare il file index.php contenuto nella cartella del tema in uso e non serve andare a creare fisicamente nuovi file andando a modificare il codice sorgente di wp.
Bene abbiamo visto quant'รจ semplice impostare un sito con wp e creare la nostra home personalizzata, insieme alle altre pagine.
Ricordatevi sempre che lo sviluppo รจ una forma dโarte.
I nostri corsi : https://itamde.com/it/corsi-online-digitali/
โผ SEGUICI SU โผ
ยป Facebook: https://www.facebook.com/itamde
ยป Instagram: https://www.instagram.com/itamdestudio
ยป X (Twitter): https://x.com/itamdestudio
ยป ISCRIVITI SUBITO AL NOSTRO CANALE: https://www.youtube.com/channel/UCZ4dhshzpVbbRPVuL9TNH4Q
Purtroppo il plugin non esiste piรน: รจ stato definitivamente abbandonato