• Home
  • Corsi

    Informazioni sui corsi

    • Tutti i corsi
    • Diventa un insegnante
    • Profilo insegnante
    Fondamenti di programmazione: le basi del linguaggio C++

    Fondamenti di programmazione: le basi del linguaggio C++

    €29.99
    Read More
    D4F Games
  • Develop4fun
    • Chi siamo
    • Portfolio
    • Eventi
    • Galleria
    • Negozio
    • FAQ
  • Articoli
  • Contattaci
    • Categorie

      • Sviluppo
        • Linguaggio di programmazione
          • C#
          • C++
          • Javascript
          • Lua
        • Videogiochi
          • LOVE2D
          • Phaser 3
          • RayLib
          • Unity3D
          • Unreal Engine
        • Web
          • Backend
            • PHP e MySQL
          • CMS
          • Frontend
            • CSS
            • Html
            • Javascript
    • Login

Cerca

Hai qualche domanda?
contact@develop4fun.com
Develop4fun
  • Home
  • Corsi

    Informazioni sui corsi

    • Tutti i corsi
    • Diventa un insegnante
    • Profilo insegnante
    Fondamenti di programmazione: le basi del linguaggio C++

    Fondamenti di programmazione: le basi del linguaggio C++

    €29.99
    Read More
    D4F Games
  • Develop4fun
    • Chi siamo
    • Portfolio
    • Eventi
    • Galleria
    • Negozio
    • FAQ
  • Articoli
  • Contattaci
    • Categorie

      • Sviluppo
        • Linguaggio di programmazione
          • C#
          • C++
          • Javascript
          • Lua
        • Videogiochi
          • LOVE2D
          • Phaser 3
          • RayLib
          • Unity3D
          • Unreal Engine
        • Web
          • Backend
            • PHP e MySQL
          • CMS
          • Frontend
            • CSS
            • Html
            • Javascript
    • Login

Linguaggi di Programmazione

Home » Articoli » [WordPress] Come mostrare una homepage diversa su mobile

[WordPress] Come mostrare una homepage diversa su mobile

  • Pubblicato da Antonella De Chiara
  • Categorie Linguaggi di Programmazione, PHP, Tutorial WordPress, Web, Wordpress
  • Data 17 Aprile 2019
  • Commenti 1 commento
WordPress
(Ultimo aggiornamento: 28 Settembre 2021)

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 Frank Schrijvers 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.

Genesis Mobile Redirect
Parametri del plugin Genesis Mobile Redirect

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://www.develop4fun.it/premium-corsi-online-in-abbonamento

▼ SEGUICI SU ▼
» Facebook (italiano): https://www.facebook.com/develop4funwebdev
» Facebook (francese): https://www.facebook.com/developforfun
» Instagram: https://www.instagram.com/develop4fun
» Twitter: https://twitter.com/Develop4funW

» VISITA IL NOSTRO SITO WEB: https://www.develop4fun.it/
» ISCRIVITI SUBITO AL NOSTRO CANALE: https://www.youtube.com/channel/UCZ4dhshzpVbbRPVuL9TNH4Q

Visualizzazioni post: 1.632

Tag:functions.php, Genesis Mobile Redirect, Plugin WordPress, Redirect, reindirizzamento

  • Share:

ABOUT INSTRUCTOR

Antonella De Chiara
Antonella De Chiara

Appassionata di giochi di ruolo giapponesi, genere che ha scoperto grazie alla saga Final Fantasy e approfondito con i capolavori usciti negli ultimi anni, s’interessa al retrogaming, rigiocando e programmando vecchie glorie come Monkey Island, Prince of Persia o vecchi capolavori marchiati Nintendo.
Antonella comincia il suo percorso giornalistico in Italia, lavorando con Gamerepublic, PS Mania e Pokémon Mania. Si trasferisce in Francia per studiare la programmazione web e gamedev: grazie a questo percorso anomalo nasce Develop4fun.

Articolo precedente

La storia dei videogiochi: gli anni '70
17 Aprile 2019

Articolo successivo

La storia dei videogiochi: gli anni '80 - Parte 1
25 Aprile 2019

Ti potrebbe anche piacere

Money Game
Sviluppare Videogiochi: come fare un’indagine sul mercato
9 Settembre, 2021
Programmazione
5 regole base per iniziare qualsiasi progetto videoludico
20 Luglio, 2021
Gamedev
Creazione di videogiochi: una lista di siti web per gli assets
8 Luglio, 2021

    1 Commento

  1. Lamberto
    29 Giugno 2022
    Rispondi

    Purtroppo il plugin non esiste più: è stato definitivamente abbandonato

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Cerca

Impara a programmare videogiochi web con Phaser 3

Impara a programmare videogiochi web con Phaser 3

€49.99
HTML e CSS: Corso di programmazione per principianti

HTML e CSS: Corso di programmazione per principianti

€69.99
[Lua & LOVE2D] Introduzione alla programmazione dei videogiochi

[Lua & LOVE2D] Introduzione alla programmazione dei videogiochi

€49.99
D4F Games

Ultimi articoli pubblicati

unity3d
Chi sono gli sviluppatori nel mondo dei videogiochi?
22Nov2021
[Unreal Engine] Un nuovo fantastico asset GRATUITO!
[Unreal Engine] Slay, un nuovo fantastico asset GRATUITO!
22Set2021
Steam
Come pubblicare un videogioco su Steam?
21Set2021

Develop4fun.it by Develop4fun.

Gestisci Consenso Cookie
Usiamo cookie per ottimizzare il nostro sito web ed i nostri servizi.
Funzionale Sempre attivo
L'archiviazione tecnica o l'accesso sono strettamente necessari al fine legittimo di consentire l'uso di un servizio specifico esplicitamente richiesto dall'abbonato o dall'utente, o al solo scopo di effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica.
Preferenze
L'archiviazione tecnica o l'accesso sono necessari per lo scopo legittimo di memorizzare le preferenze che non sono richieste dall'abbonato o dall'utente.
Statistiche
L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente per scopi statistici. L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente per scopi statistici anonimi. Senza un mandato di comparizione, una conformità volontaria da parte del vostro Fornitore di Servizi Internet, o ulteriori registrazioni da parte di terzi, le informazioni memorizzate o recuperate per questo scopo da sole non possono di solito essere utilizzate per l'identificazione.
Marketing
L'archiviazione tecnica o l'accesso sono necessari per creare profili di utenti per inviare pubblicità, o per tracciare l'utente su un sito web o su diversi siti web per scopi di marketing simili.
Gestisci opzioni Gestisci servizi Gestisci fornitori Per saperne di più su questi scopi
Preferenze
{title} {title} {title}