Forum SEO pour webmasters et blogueurs !

Bonjour,

Même ma belle-mère a une tablette !
Loin d'être expert en CSS, j'ai tout de même décidé de modifier les feuilles de styles de mon site afin de le rendre compatible sur les différents terminaux et permettre à ma belle de voire le travail de sa fille

L'outil de test de compatibilité mobile m'indique que c'est pas gagné

Alors, si vous avez quelques pistes pour m'aider à corriger les dysfonctionnements listés ci-dessous et d'autres, n'hésitez pas.
Problème sur la page accueil :
- format portrait sur smartophone et tablette : la galerie d'images est tronquée
- la police de caractère est trop petite

Problème page interne
- format paysage sur smartophone et tablette: chevauchement de caractères sur la zone titre
- format portrait le cadre entête est tronqué
- la police de caractère est trop petite

Feuilles CSS :
feuille style.min.css
feuille galleria.css

Merci d'avance pour votre aide

Salut Marcel

Il existe des classes toutes faites pour adapter ton site en responsive, tu te prendras moins la tête

http://getbootstrap.com/css/#grid

Salut Marc,

Tu trouves cela plus simple ! Je n'ai pas compris ce que je devais récupérer.
Il faut modifier toutes mes pages pour ajouter les classes ?

Oui c'est plus simple c'est un systeme de grille prédéfinie sur 12 colonnes

tu dois rajouter les classes dans tes div ou section

En fonction de la largeur que tu veux lui donner tu ajoutes class="col-lg-12" pour toute la largeur de l'écran, tu peux mettre des marges 2 colonnes a droite et 2 a gauche et ta div a 8 , ce sera alors class="col-lg-8 col-lg-offset-2"

Tu vois c'est tout simple, n'oublies pas d'inclure le fichier bootstrap.css ou les classes sont définies

C'est de l'artillerie lourde
Je vais étudier tout cela.

Et si c’était plus simple lol

si je ne m'abuse ton site est un wp

reste a connaitre ton template qui a peut être des paramètres responsive a activer, sinon, il est fort possible que le même template maj soit réglable en "responsive"

Salut,

C'était du wordpress, mais en fait c'est du pur customisé (Manuel a fait beaucoup de ménage)
Le template socle ne gère pas mieux les mobiles

héhéhé......
pas de chance!

Peut être que je devrais envisager la changement de template !
Auriez vous un thème gratuit, sympa et sans SGBD à me suggérer ?

En partie grâce à l'émulateur embarqué dans chrome, accessible par la combinaison de touches CTRL+SHIFT+M, j'ai réussi à régler quelques problèmes d'affichage

L'outil d'émulation me permet de constater que quelque soit le terminal, en mode portrait la police de caractère est trop petite.
Si l'un d'entre vous pouvait m'aider à corriger cette boulette ce serait cool.

lut;)
et ... si ... avec un simple changement de thème ( oui, pourquoi pas ! ) tous les problèmes ' RWD et autres ) pouvaient être résolus, ce ne serait pas mieux, à la fois pour 'tester', ou personnaliser et ensuite mettre en ligne ... ?

nota : vois également ceci : https://developers.google.com/speed/pagespeed/insights/
@+

bg62 a écrit:lut;)
et ... si ... avec un simple changement de thème ( oui, pourquoi pas ! ) tous les problèmes ' RWD et autres ) pouvaient être résolus, ce ne serait pas mieux, à la fois pour 'tester', ou personnaliser et ensuite mettre en ligne ... ?

Plus simple je ne sais pas, cependant je travaille cette solution en parallèle