Pas d'affichage de widget sur thème Wordpress affichabe mobile - Wordpress

A voir également:Pas d'affichage de widget sur thème wordpress affichabe mobileProbleme installation theme wordpress ✓ - Forum - Wordpress Changer couleur theme wordpress - Forum - Wordpress Réinitialiser theme wordpress - Forum - Webmaster Choisir un thème Wordpress professionnel - Conseils pratiques - e-outils et progiciels Affichage flux rss dans page wordpress ✓ - Forum - Wordpress

Bonjour,

J'ai un site Web Wordpress avec affichage mobile responsive designe. Le thème Wordpress est: Benzer (version gratuite)

URL: https://www.siege-gamer.fr

Problème: j'ai défini un widget dans la barre latérale droite, via un plugin "Call to action".

En version affichage Windows 10 sur PC pas de problème on la voit bien avec la promotion.

Mais sur smartphone elle n'apparait pas. Pourquoi et comment faire pour qu'elle apparaisse d'une manière ou d'une autre sur affichage mobile?
Je remarque aussi que l'affichage mobile est très différent d'une marque à une autre.

Exemple: sur un Samsung J7 prime l'affichage est différent de mon Huawei P smart 2019.

Comment faire en sorte que mon site Web s'affiche de manière "propre" et dans décalage de texte et d'image sur la majorité des smartphones et tablettes existantes?

J'utilise les plugins Wordpress "AMP" et Table Press responsive Design et aussi un plgin pour Men Responsive design.

Egalement un autre souci avec l'affichage de mon menu en affichage mobile; on ne voit les derniers caractère de certains titres de menu, comme le tout premier menu. C'est très embêtant pour mes visiteurs qui du coup ne savent pas sur quoi ils cliquent...

D'un autre côté je ne peux pas faire un titre de menu de premier niveau en seulement 3 mots!

Comment faire?

Le top serait si je pouvais personnaliser la longueur des titres de menu pour la version PC de bureau (plus longs) et pour la version mobile (titres courts). Mais je ne sais pas si c'est possible.

Forum

A voir également:Pas d'affichage de widget sur thème wordpress affichabe mobileProbleme installation theme wordpress ✓ - Forum - Wordpress Changer couleur theme wordpress - Forum - Wordpress Réinitialiser theme wordpress - Forum - Webmaster Choisir un thème Wordpress professionnel - Conseils pratiques - e-outils et progiciels Affichage flux rss dans page wordpress ✓ - Forum - Wordpress

Web: www.shapebootstrap.net

1 réponse

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Bonjour
tu as toujours le même problème, tu as des éléments qui ne sont pas responsives ( tableaux, vidéo yt) donc tant que tu ne règles pas ce problème, l'affichage sera aléatoire. Il faut vraiment que tu passes d'un tableau horizontal à un tableau vertical quitte a l'écrire spécialement pour l'affichage sur smartphone en utilisant les media queries

et quel intérêt d'avoir une sidebar aussi large pour y mettre qu'une publicité qui en plus fait doublon avec ton tableau de comparaison

Reply
réponses:
  • auteur

  • auteur

    Salut elgazar. OIk bien noté. Comment me conseilles-tu d'afficher ma promotion du mois? En popup je ne veux pas: les gens détestent..J'ai déjà mis un promo en page d'accueil pour les meilleures ventes Amazon.
    Il faut que les visiteurs voient la promo sur n'importe quelle page de mon site, pas qu'en page d'accueil.

    Sinon pour l'affichage responsive, tu dis que mon site n'est pas 100% responsive./J'utilise le plugin "Tablepress" gratuit pour les tableaux. Comment le rendre vertical en page d'accueil et comment rendre tous les éléments de mon site "responsive"? Pourtant j'utiliuse le plaugin "AMP" et "Responsive design"..

  • auteur

    le problème c'est que tu essaye de faire rentrer un tableau plus large que haut dans un écran de smartphone plus haut que large. La solution est de créer un second tableau vertical (cette fois) qui viendra en dessous du premier.
    une fois que tu auras ces deux tableaux, les medias queries css te permettront d'afficher l'un ou l'autre suivant la largeur de l'écran du visiteur.

    Dans ce code basique (c'est un exemple, ne l'utilise pas) le tableau 1 s'affichera uniquement si la largeur de l'écran est supérieur à 640 px sinon c'est le tableau 2 qui s'affichera.


    @media screen and (min-width: 640px) {   .tableau 1 {    le code css du tableau 1    } } @media screen and (max-width: 639px) {   .tableau 2 {    le code css du tableau 2    } }

  • auteur

    Le problème c'est pour remplacer ".tableau 1" par le nom de mon premier tableau dans le media queries. J'ai crée 2 tableaux via le plugin Wordpress "Tablepress". Je les insère dans les pages avec le shortcode [table Id= (numéro du tableau).
    J'imagine que je ne peux pas faire référence directement dans le code CSS a un tableau généré par "Tablepress"'. Comment dois-je procéder svp?

  • auteur

    si tu regarde le code source de ta page, tu verras qu'il y a une ligne comme celle-ci

    table id="tablepress-xxxx"


    si je me souviens bien, tablepress reprends l'identifiant du shorcode pour nommer la table css correspondante donc si ton tableau a le shortcode id 27, la table aura l'id tablepress-27

  • auteur

    J'ai utilisé l'option "scroll" de 'extension Wordpress "TablePress Responsive Design", ce qui me donne mon tableau actuel en page d'accueil. Les autres options "flip" et "collapse" ne donnent pas des résultats différents.Je sais coder en CSS, et je connais les media queries, mais cela nécessiterait de modifier le thème en lui-même et j'ai peur de mettre le *ordel dans mon CSS et avoir un affichage bidon.

  • auteur

    crée un thème enfant ainsi tu ne risqueras rien

  • auteur

    tu veux dire pour faire comme un affichage mobile du tableau sur l page d'accueil de chaise-gamer.fr?
    Comment a-t-il fait pour obtenir un affichage horizontal sur PC de bureau et affichage vertical sur mobile?

  • auteur

    Additionnellement je viens de voir à quoi correspond le thème enfant: https://codex.wordpress.org/fr:Th%C3%A8mes_Enfant
    Ca à l'air chaud pour programmer ça. Mais si c'est la seule manière pour que mon tableau s'affiche bien en version mobile, alors je le ferai.

  • auteur

    tu dois juste copier les deux codes indiqués sur la page du codex et tu as simplement deux lignes à modifier pour mettre le nom de ton thème parent, c'est quand même pas insurmontable

    sinon tu peux le faire sans créer de thème enfant en mettant ton code css directement dans la personnalisation du thème

  • auteur

    Be, justement mon thème parent c'est un tableau via le plugin "Table Press". Sinon le nom du thème parent dans Wordpress c'est quoi? J'utilise le thème "Benzer"

  • auteur

    le thème parent, c'est le thème que tu utilises actuellement donc benzer
    encore une fois tu n'est pas obligé de passer par un thème parent, tu peux le faire directement sur ton thème

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed