Prochaines dates disponibles : avril 2026

Créer et modifier la version mobile de son site WordPress (+ Divi)

WordPress

Vous venez de publier votre site WordPress et soyons honnêtes, le résultat est plutôt stylé sur votre ordinateur.

Vous l'ouvrez sur votre iPhone pour le montrer fièrement à votre moitié, et... c'est bien moins sexy que prévu.

Le menu est mystérieusement absent. Le titre est coupé. Les boutons sont minuscules. Les textes sont énormes.

Yes nickel. Bienvenue dans l'enfer de "l'affichage mobile WordPress anarchique".

Et si vos futur·e·s client·e·s arrivent sur votre site et que tout est en vrac, ça risque d'être un peu... embarrassant.

Le problème ? WordPress est très puissant et peut-être customisé à l'infini. Sauf que depuis le tableau de bord vous avez très peu de contrôle sur la version mobile de votre site. Vous pouvez bidouiller quelques réglages dans "Apparence > Personnaliser", mais c'est limité. Frustrant. Et souvent, ça ne suffit pas.

Dans cet article, nous allons regarder de plus près :

  • ✅ Ce que vous pouvez faire avec WordPress natif, sans constructeur de page (Elementor, Divi, etc.) ;
  • ✅ Les limites de ces réglages (spoiler : on les atteint vite) ;
  • ✅ Comment créer et modifier la version mobile avec Divi (contrôle total en quelques clics) ;
  • ✅ Un comparatif "WordPress classique vs Divi" pour la gestion mobile.

Que vous ayez déjà Divi ou pas, vous allez comprendre comment maîtriser l'affichage mobile de votre site.

C'est parti ! 👇

Mais avant un point vocabulaire :
📍 vue mobile = comment votre site s'affiche sur un téléphone ;
📍 vue tablette = pareil mais sur un iPad ou autre ;
📍 vue desktop = tout le reste -> ordinateur portable ou écran de votre PC de bureau (ça veut dire "bureau").

 

**Certains articles dont celui-ci traitent de logiciels que j'utilise dans le cadre de mon travail, et contiennent des liens affiliés. Ici : Divi, Showit et O2Switch**

Pourquoi mon site s’affiche mal sur mobile ? 

L'explication est toute simple : vos pages ont été conçues sur un ordinateur, qui possède un écran plus large que haut. Les éléments sont organisés en colonnes et en lignes, au format paysage

S'il ne s'ajuste pas automatiquement pour se mettre au format portrait, le résultat risque d'être un peu bizarre. 

C'est comme prendre une photo horizontale (un coucher de soleil) et l'imprimer au format vertical. Il en manque des morceaux sur les cotés, ou alors c'est rétréci.

Comment modifier l’affichage mobile sur WordPress (sans page builder)

Commençons par ce que vous pouvez faire avec WordPress natif (sans installer Divi ou un autre page builder).

C'est limité, mais c'est faisable, pas de panique.


Étape 1 : Les réglages WordPress de base (Apparence > Personnaliser)

wordpress apparence personnaliser mobile

WordPress propose quelques options pour ajuster votre site mobile, en cliquant sur l'icône en forme de téléphone, tout en bas : 

reglages mobiles wordpress

  1. Allez dans Apparence > Personnaliser ; 
  2. Cliquez sur l'icône "mobile" en bas de l'écran ; 
  3. Vous pouvez ajuster :
    • La taille des textes (dans la plupart des cas) ; 
    • Les couleurs ; 
    • Le logo (afficher/masquer) ; 
    • Le menu (transformation en hamburger).

Ce que vous NE pouvez PAS faire :

  • ❌ Cacher un élément uniquement sur mobile (type sidebar, section entière...) ; 
  • ❌ Réorganiser les sections (ce qui est en haut sur desktop reste en haut sur mobile) ; 
  • ❌ Changer la taille d'une image uniquement sur mobile ; 
  • ❌ Modifier l'espacement entre les éléments sur mobile ; 
  • ❌ Créer une mise en page différente pour mobile.

En gros : vous pouvez ajuster des détails qui vont s'appliquer à TOUT le site, mais pas restructurer ou personnaliser un élément en particulier.


Étape 2 : Les plugins "Responsive" WordPress (solutions de contournement)

Si votre thème est trop limité, vous pouvez installer des plugins comme :

  • WPtouch : Crée une version mobile séparée (chose qu'on ne fait plus vraiment en 2026) ; 
  • Jetpack Mobile Theme : Idem, version mobile à part, n'est plus vraiment utilisé ; 
  • Any Mobile Theme Switcher : Change de thème sur mobile.

Le problème avec ces plugins :

  • ⚠️ Vous gérez 2 sites différents (desktop + mobile) = double dose de travail = non merci.
  • ⚠️ Puisque cette façon de faire est un peu vintage, les plugins manquent de maintenance et accumulent les  bugs ; 
  • ⚠️ Peuvent ralentir votre site (plus vous avez d'extensions -> plus votre site est lent et plus vous avez de risques de bugs) ; 
  • ⚠️ Cette tactique n'est pas recommandée pour le SEO (Google préfère le responsive).

Si possible, n'utilisez pas ces plugins en 2026. C'est une solution des années 2015. Aujourd'hui, on fait du responsive, pas des versions mobiles séparées.


Étape 3 : Modifier le CSS (pour les courageux·ses)

Si vous savez coder en CSS, vous pouvez ajouter des règles spécifiques pour mobile. Par exemple, le code ci-dessous ne va s'appliquer UNIQUEMENT aux écrans de moins de 768 pixels :

@media (max-width: 768px) {
    .sidebar {
        display: none; /* Cache la sidebar sur mobile */
    }
    h1 {
        font-size: 24px; /* Réduit la taille du titre */
    }
}

Quelques morceaux de code utiles :

  • "display : none" ( = l'élément en question ne s'affiche pas du tout -> attention à bien viser)
  • "max-with : 75%" ( = l'élément n'occupera pas plus des 3/4 de la largeur de son parent. Et vous avez déjà une meilleure visibilité. Modifiez le % comme vous voulez) ;

Où ajouter ce code :

  1. Allez dans Apparence > Personnaliser > CSS additionnel ; 
  2. Collez votre code CSS ; 
  3. Cliquez sur "Publier"

Le problème :

  • ❌ Il faut savoir coder en CSS (ou trouver des morceaux de code qui fonctionneront à peu près bien) ; 
  • ❌ Pas de prévisualisation en temps réel : pensez à rafraichir la page pour voir le résultat ; 
  • ❌ Si vous vous trompez, rien ne se passe. Ou tout est encore pire. Dans ce cas : effacez ce que vous venez décrire, enregistrez et rafraichissez la page ; 
  • ❌ Maintenance compliquée (dans quelques jours, vous aurez déjà oublié ce que vous venez de modifier. N'oubliez pas de mettre des commentaires comme ci-dessus :  -> /* Vos notes perso */ )

Bilan : Ça passe si vous êtes développeur·se ou très patient·e. Sinon c'est une galère.

Vous voulez vérifier que votre site s'affiche bien sur mobile ? Regardez par ici :
7 outils gratuits pour tester l'affichage mobile de votre site.


Bilan : WordPress natif, c'est limité (et frustrant)

Vous savez maintenant ce que vous pouvez faire avec WordPress seul.

Résumé :

  • ✅ Ajuster des réglages généraux si votre thème ne le propose pas (couleurs, typos, boutons par défaut, menu...) ; 
  • ⚠️ Utiliser des plugins (pas recommandé) ; 
  • ⚠️ Peaufiner avec du CSS (si vous le sentez).

Dans la plupart des cas, si vous voulez un vrai contrôle sur votre version mobile (cacher des éléments, réorganiser des sections, personnaliser finement...), WordPress natif ne suffit pas.

Le plus simple reste d'utiliser un constructeur de page, comme Elementor ou Divi.👇

Quand vous construisez une mise en page, un petit bouton vous permet de basculer entre la version ordinateur, la version tablette et la vue depuis un smartphone.

icones mobiles et tablettes sur divi(1)

Vous pouvez donc faire des ajustements en quelques clics. Et choisir une disposition différente pour chaque page si vous voulez.

Sur le même thème :
Créer un site internet avec Divi et WordPress – les étapes
À quoi sert un Page Builder ?

Créer et personnaliser la version mobile de son site avec Divi

On a vu les limites de WordPress seul.

Maintenant, voyons comment Divi (ou un autre éditeur de pages) vous donne un contrôle total sur l'affichage mobile de votre site.


Ce qui change avec Divi (par rapport à WordPress natif)

Avec Divi, vous pouvez :

  • ✅ Prévisualiser en temps réel : vous voyez exactement ce que vos visiteurs verront sur leur téléphone ;
  • ✅ Modifier chaque élément, 1 par 1 : bloc de texte, image, bouton, section entière...
  • ✅ Cacher des éléments sur mobile : si une image prend de la place inutilement sur les petits écrans, vous n'avez qu'à la désactiver ;
  • ✅ Changer les tailles : police, espacement, largeur... réglez tout au pixel près ;
  • ✅ Réorganiser les sections : ce qui est en 3ème position sur desktop peut être en 1er sur mobile ;
  • ✅ Créer des pages différentes : si vous avez envie, votre site sur mobile peut -être très différent de la version bureau.

Et tout ça sans toucher au code.

Le système de colonnes s'ajuste automatiquement sur mobile

  • Les pages sont conçues avec une sorte de grille invisible, dans laquelle les lignes s'élargissent ou rétrécissent automatiquement.
  • S'ils n'ont pas assez de place, les éléments vont s'aligner tout seuls sur la ligne suivante.
  • Et ils vont s'élargir ou s'écarter les uns des autres si vous passez sur un écran plus large ou si vous tournez votre téléphone à l'horizontale.

Tutoriel : Modifier la version mobile avec Divi (pas-à-pas)

Divi est un page builder : il permet de visualiser en direct l'apparence des pages pendant la construction du site.

Un bouton vous permet de basculer entre la vue classique (de votre écran d'ordinateur), tablette et mobile. 

icones mobiles et tablettes sur divi(1)

 

Voici comment faire concrètement :

Étape 1 : Activer le mode responsive dans Divi

  1. Ouvrez votre page avec le Divi Builder ;
  2. En bas à gauche, cliquez sur l'icône "Desktop/Tablette/Mobile" (image ci-dessus) ;
  3. Sélectionnez l'icône "smartphone"

🎯 La fenêtre rétrécit (voir ci-dessous). Vous êtes maintenant en mode mobile.
Attention : tout ce que vous allez modifier ne s'appliquera QUE sur mobile.

créer la version mobile d'un site internet avec divi + wordpress



Étape 2 : Cacher un élément sur mobile (exemple : image)

  1. Survolez l'élément que vous voulez cacher (ex : une image) ;
  2. Cliquez dessus pour ouvrir les réglages ;
  3. Allez dans l'onglet "Avancé" (le dernier) ;
  4. Descendez jusqu'à "Visibilité" ;
  5. Cochez : "Désactiver sur -> Téléphone" (le votre est sûrement en français) ;
  6. Cliquez sur "Enregistrer".

Résultat : Votre image est invisible sur un téléphone, mais elle toujours visible sur les autres formats d'écran. ✅


Étape 3 : Changer la taille d'un texte sur mobile

  1. Cliquez sur le texte que vous voulez modifier ;
  2. Dans les paramètres, allez dans l'onglet "Design" > "Texte" ;
  3. À l'endroit où vous réglez habituellement la taille de la police", cliquez sur l'icône 📱 (elle va paraître au survol de votre souris -> Vous la voyez ici en 3ème position à coté de "heading text size") ;
  4. Une petite fenêtre s'ouvre : vous pouvez choisir la taille pour différentes situations ;
  5. Réglez la taille pour Mobile (ex : 18px au lieu de 36px) ;
  6. Enregistrez.

Résultat : Votre titre reste gros sur un grand écran, mais il est enfin lisible (et pas gigantesque) sur un téléphone. ✅


Étape 4 : Ajuster les espacements sur mobile

  1. Cliquez sur n'importe quel module/section (par exemple : un bouton) ;
  2. Allez dans "Design" > "Espacement" ;
  3. Cliquez sur l'icône 📱 (responsive) à côté de "Padding" ou "Margin" ;
  4. Une petite fenêtre s'ouvre, avec plusieurs réglages (les 4 cotés) pour plusieurs écrans ;
  5. Réglez les espacements pour mobile (ex : moins d'espace entre les sections).

Résultat : Votre site est moins "aéré" sur mobile = tout rentre mieux dans l'écran. ✅

 


La prévisualisation en temps réel (qui fait plaisir)

Le gros avantage de Divi : vous voyez vos modifications instantanément.

Si vous avez directement réglé le Divi Builder sur la vue "Mobile", vous avez fait tout ça observant en direct votre travail sur un smartphone.

Comme ça, pas besoin de :

  • ❌ Enregistrer ;
  • ❌ Prendre votre téléphone ;
  • ❌ Actualiser la page ;
  • ❌ Espérer que ça marche.

Vous modifiez tout en observant le résultat en direct.

→ Essayer Divi gratuitement pendant 30 jours

 

 

Comparatif : WordPress natif vs Divi pour la version mobile

Et puisqu'on n'a jamais rien vu de mieux qu'un bon vieux tableau récapitulatif avec des emoji, le voici 👇

Critère WordPress natif Avec Divi
Cacher des éléments sur mobile ❌ Non (sauf CSS) ✅ Oui ("Avancé -> Visibilité")
Changer tailles texte mobile ⚠️ Dépend du thème ✅ Oui
Réorganiser les sections ❌ Non ✅ Drag & drop + "Avancé -> Visibilité"
Prévisualisation temps réel ⚠️ Basique ✅ Live preview
Modifier espacements mobile ❌ CSS obligatoire ✅ Oui ("Design -> Espacement")
Mises en page différentes ❌ Non ✅ Oui
Prix ✅ Gratuit (sauf si thème payant) ⚠️ 89$/an (≈80€)


💡 Mon avis

Si vous avez un site vitrine basique, WordPress natif peut suffire si votre thème est bien fait.

Si vous voulez :

  • Un contrôle précis sur la version mobile ;
  • Cacher des certains éléments en 2 clics ;
  • Créer des mises en page différentes bureau/mobile ;
  • Gagner du temps (beaucoup).

→ Divi est un investissement rentable.

89$/an (≈80€)* pour économiser des heures de galère technique et éviter de perdre des clients. Ça mérite d'y réfléchir.

→ Essayer Divi 30 jours gratuits

*Divi propose aussi une licence à vie à 249$, illimitée.

 

Vous hésitez encore entre Divi et d'autres page builders ? Regardez par ici :
Comparatif complet Divi vs Elementor.


 

Les bonnes pratiques de responsive design

A quoi faut il penser pour la version mobile d'un site Divi ?

Il ne s'agit pas simplement de faire apparaitre les bons éléments aux bons endroits. Il faut, en plus, penser à rendre l'ensemble facile à lire et pratique à utiliser. Sur un écran de 5 cm de large, c'est moins évident qu'il n'y parait ! 

Afficher les pages en plein écran

Généralement, comme on manque de place, on essaie d'occuper l'espace au maximum.
Mais attention, il faut quand même que ça reste aéré ! Les éléments devraient prendre toute la largeur. 

Les marges qui sont habituellement sur les cotés ne feraient que vous faire perdre de la place. Donc on les enlève.
Et on affiche les textes en plein écran (en laissant quelques millimètres quand même).

Les éléments devraient tous s'afficher en pleine largeur et les uns en dessous des autres. Par exemple,  vous essayez de mettre deux colonnes sur un écran d'iPhone, ça risque de devenir illisible. Donc on essaie au maximum d'empiler des blocs les uns sur les autres.

design version mobile wordpress et divi

Comment faire ?

Faites la liste de tout le contenu de votre page.
Et listez ce qui est indispensable (en général : les infos pratiques, c'est tout). Rayez ce qui peut être supprimé sans que ça nuise à la compréhension.

Pour les images indispensables, pensez à les redimmensionner en plus petit format.

Attention, certains éléments qui font tout le charme de votre site ne fonctionnent pas du tout pareil sur un téléphone.

  • Les grandes et belles images en plein écran auront beaucoup moins de charme lorsqu'elles feront 5 cm de large... 
  • Les beaux effets au survol ne vont pas fonctionner sur un téléphone (puisqu'on n'utilise pas de souris). D'où l'importance de faire BEAUCOUP de tests.

Les images de fond : 

Vous allez peut être mettre des grandes images de fond, en format paysage.
👉 Pensez à préparer une autre image de fond pour les écrans verticaux. Ça évitera qu'elles ne soient étirées ou coupées n'importe comment. 

En règle générale, sur la version mobile de votre site internet, vous devriez toujours donner la priorité au contenu. Et faire passer le décor au second plan. Les infos que les utilisateurs sont venus chercher doivent s'afficher rapidement sous leurs yeux et être faciles à lire, même sur un petit écran (ils sont peut-être dans le bus, ou ils cherchent discrètement des trucs sur Google pendant une réunion). 

L'affichage mobile est crucial pour le SEO

La version mobile de votre site joue aussi sur votre référencement. Google prend d'abord en compte l'affichage mobile de votre site.

Dans la Google Search Console, vous pouvez voir ce que les robots de Google ont vérifié, et s'ils ont rencontré des problèmes.

google search console ergonomie mobile

Les erreurs possibles : 

  • Texte illisible, car trop petit ;
  • Contenu plus large que l'écran : les lignes n'apparaissent pas entièrement sur l'écran. Les utilisateurs doivent faire défiler de gauche à droite avec leur pouce pour voir la suite.
  • Éléments cliquables trop rapprochés. Les utilisateurs peuvent cliquer par accident sur un mauvais lien ou un bouton. Parce que nos doigts sont beaucoup moins précis que la petite flèche de la souris.

L'approche mobile first 

Par habitude, on crée d'abord la version bureau, puis, quand c'est terminé, on s'attelle à la version mobile.

  • C'est parce qu'il y a quelques années encore, on imaginait qu'un site internet serait consulté depuis un ordinateur.
  • Puis on a commencé à rajouter une version allégée pour les téléphones portables, en ne gardant que l'essentiel.
  • Or aujourd'hui c'est plutôt l'inverse : la plupart des sites web reçoivent beaucoup plus de trafic depuis des smartphones. Parfois 90% !

bilan google par appareils

Vous pouvez voir ça dans les outils Google si vous avez un compte Google Analytics. 

Désormais, on procède souvent dans l'autre sens : mobile en premier, puis on étoffe un peu plus la version qui va s'afficher sur de grands écrans. Si ça vous parait plus simple, vous pouvez aussi utiliser la stratégie du "Mobile First" et commencer directement par la version téléphones.

Quand vous voudrez passer à la version bureau, vous allez juste ajouter des éléments de décor, et vous aurez moins l'impression de sacrifier votre joli design !

 

Comment tester l'affichage de la version mobile de son site internet sur plusieurs téléphones?

Ok, vous avez optimisé la version mobile de votre site WordPress dans les moindres détails. 

Mais le Divi Builder n'est pas 100% fiable. Il vous donne une idée globale et vous permet de travailler facilement, mais le résultat qui s'affiche sur de vrais téléphone peut être un peu différent. Les smartphone ont tous des tailles différentes et vous n'avez pas forcément de tablette.

Mais vous pouvez tester plusieurs modèles en 30 secondes.

👉 Utilisez un outil qui simule l'affichage sur différentes tailles d'écran.

tester la version mobile de son site internet extension chrome

Vous pourrez voir comment ça va vraiment se présenter avec différentes marques, modèles et tailles, y compris des tablettes, mobiles et montres connectées.

Vous trouverez plusieurs exemples d'émulateurs ici :
Tester l’affichage sur mobile de son site

 


🚀 Bilan : Quelle solution choisir pour votre version mobile ?

Un résumé ultra court :

Vous avez WordPress seul (pas de page builder)

Ce que vous pouvez faire :

  • ✅ Ajuster les réglages basiques (Apparence > Personnaliser + cliquez sur l'icône smartphone) ;
  • ⚠️ Puis ajustez encore plus avec du CSS (si vous savez et si vous voulez).

Les limites :

  • ❌ Le contrôle n'est pas très précis ;
  • ❌ Pas possible de cacher certains éléments sur mobile ;
  • ❌ Pas de prévisualisation temps réel : n'oubliez pas sauvegarder et rafraichir à chaque test.

 


Vous voulez un contrôle total sur la version mobile

Solution : Constructeur de page -> Divi, Elementor, etc.

Ce que vous gagnez :

  • ✅ Cacher/afficher des éléments en cochant une case ;
  • ✅ Modifier les tailles, espacements, marges, etc ;
  • ✅ Prévisualisation temps réel ;
  • ✅ Aucun code nécessaire (mais c'est quand même possible si vous voulez le faire).

Budget : 89$/an (≈80€)

→ Essayer Divi gratuitement pendant 30 jours


💡 Comment choisir ?

Commencez par tester ce que vous pouvez faire avec WordPress natif.

Parfois, on est surpris par les solution qu'on arrive à trouver soi-même !

Si vous êtes frustré·e au bout de 2h d'impro de CSS copié sur des forums → Réfléchissez à passer sur un constructeur de pages. Vous vous remercierez peut-être dans quelques semaines.

Et dans tous les cas : Testez sur un vrai téléphone avant de publier.


Besoin d'aide ?

Découvrez mes prestations 

Réservez une journée VIP WordPress pour régler tout ça une bonne fois pour toutes en une journée


Questions fréquentes

Est-ce que tous les thèmes WordPress sont responsive ?

La plupart, oui.

Les thèmes WordPress modernes (depuis 2015 environ) sont normalement responsive par défaut. C'est le cas de tous les thèmes premium que vous pouvez acheter sur les marketplaces comme Theme Forest ou Envato. Mais :

  • ⚠️ Les vieux thèmes (avant 2015) ne le sont souvent pas (on n'utilisait pas de smartphone) ;
  • ⚠️ Certains thèmes "gratuits" et/ou de mauvaise qualité peuvent être un peu bancals ;
  • ⚠️ N'oubliez pas que "Responsive" ne veut pas dire "joli" ni même "bien optimisé".

Comment savoir si votre thème est responsive ?

  1. Ouvrez votre site sur votre téléphone ;
  2. Si tout s'affiche correctement (pas de scroll horizontal, texte lisible) → OK ;
  3. Sinon → Soit votre thème est vieux, soit quelque chose a été modifié par erreur.

 


Est-ce que je peux modifier la version mobile de mon site sans toucher à la version bureau ?

Avec WordPress natif : Non pas vraiment (ou très limité).

Les réglages WordPress s'appliquent généralement à toutes les versions (desktop + mobile). Si vous changez une couleur, elle change partout.
Vous trouverez quand même quelques réglages spécifiques dans "Apparences -> Personnaliser". (Cliquez sur l'icône "smartphone" tout en bas).

Avec un constructeur de page comme Divi ou Elementor : oui.

Vous pouvez :

  • ✅ Modifier la taille d'un texte spécifique uniquement sur mobile ;
  • ✅ Cacher une image sur les téléphones ;
  • ✅ Changer les espacements uniquement sur tablette ;
  • etc.

Une grande partie des ajustement se font automatiquement, mais vous pouvez faire des modifications indépendantes pour chaque taille d'écran si vous voulez.

 


Combien de temps ça prend de personnaliser la version mobile avec Divi ?

Ça dépend d'où vous partez :

  • Première fois que vous utilisez un éditeur visuel (apprentissage) : 2-3h pour comprendre comment ça marche ;
  • Ensuite, pour un site complet : comptez 1-2h max supplémentaires pour faire des réglages fins ;
  • Pour ajuster un élément précis en cas de besoin : 2-5 minutes.

Exemple : Vous voulez cacher des icônes sur mobile ?

  • Avec WordPress classique : non ;
  • Avec du CSS : 30 min (pour chercher sur Google comment faire ou pour trouver le bon sélecteur, puis pour voir si ça a bien fonctionné) ;
  • Avec Divi : 30 secondes ("Avancé -> "Visibilité" -> cocher "Mobile").

Multipliez ça par 10-20 ajustements (ou plus) sur votre site = ça vous laisse pas mal de temps pour faire des choses beaucoup plus utiles.


Je peux tester ma version mobile avant de publier ?

Heureusement oui.

Avec Divi :

  1. En mode édition, cliquez sur l'icône "Mobile" en haut de la page (Divi 5, sinon c'est en bas) ;
  2. La fenêtre se redimensionne : vous voyez en temps réel ce que vos visiteurs verront quand vous aurez sauvegardé ;
  3. Modifiez, testez, ajustez la disposition ;
  4. Quand ça vous plait, cliquez sur "Sauvegarder".

Avec WordPress natif, travaillez en 2 fois :

  • Ouvrez votre site sur votre navigateur et appuyez sur F12 puis sur l'icône "smartphone" ;
  • Ou ouvrez vraiment votre site sur votre téléphone ;
  • Faites les réglages dans un autre onglet ;
  • Sauvegardez ;
  • Actualisez la page (sur votre téléphone ou dans l'autre onglet -> Ctrl + F5 ;
  • Regardez le résultat et refaites la même chose si ce n'est pas encore parfait.

Conseil : Testez TOUJOURS sur un vrai téléphone avant de publier. Les émulateurs sont très utiles, mais rien ne remplace un test réel en scrolling sur un vrai écran.


Si j'installe Divi maintenant, je dois tout refaire ?

Pas tout, mais la partie design oui.
Les constructeurs de page utilisent leur propre système.

Mais c'est plus rapide que vous ne le pensez.

Il existe des moyens d'aller plus vite.

Partez d'un template, pas d'une page blanche :

  • Le site est déjà prêt ;
  • Vous n'avez plus qu'à y insérer votre contenu ;
  • Pour les textes : ouvrez votre ancien site dans un autre onglet (sans actualiser la page !) ou copiez-collez dans un document ;
  • Pour les images : aucun problème, elles sont déjà dans votre médiathèque WordPress.

Créer son site internet plus vite avec un template

Vous avez des articles de blog ?

Pas besoin de copier-coller, eux vont s'importer automatiquement :

  • Allez dans Divi -> Thème Builder pour créer un modèle ;
  • Créez le modèle de vos futurs articles comme vous voulez, avec les modules ;
  • Ajoutez un module "Contenu" (le texte de votre article se mettra là) ;
  • Choisissez la police d'écriture, la taille des titres, etc. ;
  • Prenez quelques minutes pour personnaliser la version mobile ;
  • Validez ;
  • Désormais, ce style s'appliquera à tous vos articles de blog.

 

→ Essayer Divi 30 jours (satisfait ou remboursé)

 

Créer la version mobile de son site internet avec Divi

 

Créez votre site facilement

🎁 Guides gratuits : checklists et ebooks
à télécharger

refonte site wordpress freelance

Améliorer son site

En une journée

creer un site wordpress avec divi

Créer son site soi-même

Avec WordPress

Réservez

Une journée VIP

Une journée complète pour travailler sur votre site WordPress

crééer site internet soi même coach