• Résolu Media Queries


    Samedi 9 Novembre 2019 à 00:10
    Marc81

    Bonsoir.
    Quelqu'un, parmi les Eklablogueurs, s'est-il aventuré à utiliser les Media Queries pour améliorer le design "responsive" de son site ? Je serais intéressé par son retour d'expérience.

    Mardi 12 Novembre 2019 à 15:00
    Colette95

    Bonjour Marc81,

    J'ai utilisé les Media Queries avant de venir sur la plateforme Eklablog car j'avais un site personnel que je gérais dans son intégralité, créant mes pages Web que j'envoyais sur un serveur.

    Eh bien, si je suis ici maintenant, c'est que j'en ai eu assez de passer plus de temps à m'occuper de mon site, informatiquement parlant, que de créer pour l'alimenter. Certes il était adapté à toutes les résolutions d'écran avec l'utilisation des Media Queries (félicitations de Google en récompense smile) mais il s'agissait d'un site et non d'un blog, donc d'une configuration totalement différente.

    Nos blogs ayant déjà une version standard ou mobile, selon le choix, il est bien plus facile d'améliorer la version mobile en utilisant par exemple l'excellent tuto de stormalo 
    http://doc.eklablog.com/personnaliser-la-version-mobile-astuces-topic188406
    que d'avoir à faire une refonte totale d'un blog. D'ailleurs la version mobile existant, je me demande si les codes utilisés dans les Media Queries prendraient le pas sur ladite version.

    Maintenant tu peux mettre les mains dans le moteur et voir ce que tu peux en sortir. yes

    Très cordialement.

    Mardi 12 Novembre 2019 à 15:24
    Marc81

    Bonjour Colette95,

    Merci de ta réponse et de ton retour d'expérience.
    Il se trouve que j'utilise Eklablog pour faire un site et non pas un blog, d'où ma question.
    Comme tu le sais, la version mobile d'Eklablog n'est pas satisfaisante en l'état, dans la mesure où elle ne permet pas d'avoir accès au menu (visible quelle que soit la page où l'on se trouve). J'ai vu l'astuce que tu as utilisée sur ton blog pour faire apparaître un menu en tête d'articles, mais je ne vois pas comment adapter cela à un site...
    Enfin, et surtout, la galerie d'images proposée par Eklablog est non seulement "non responsive", mais en plus, même en forçant depuis un mobile l'affichage standard, la galerie plante le visiteur en rase campagne (voir ce que j'en disais déjà... en 2015 !
    http://doc.eklablog.com/galeries-d-images-topic116958/5 )

    Je me penche actuellement sur ces sujets (avec l'aide précieuse de Stormalo) et je confirme : ce n'est pas simple...

    Mardi 12 Novembre 2019 à 19:00
    Colette95

    En ce qui concerne le menu, jette un petit coup d'oeil sur la version mobile de Canalblog. Le menu se trouve en haut et est accessible sur toutes les pages. Si cela te convenait tu peux faire de même avec les codes de stormalo.

    Pour la galerie d'images, je crains que là, malheureusement, tu ne puisses rien faire.

    Bon courage pour la suite.

    Cordialement.

    PS - Comme je suis également sur la plateforme Canalblog, tu peux trouver mes blogs en liens sur celui d'Eklablog.

    Mardi 12 Novembre 2019 à 19:37
    Marc81

    C'est amusant, parce que j'étais justement en train de regarder le fonctionnement des versions mobiles des autres plateformes de Webedia !

    Oui, le menu "hamburger" de Canalblog correspond bien à ce que je cherche à obtenir. Hélas, ce n'est pas si simple avec les codes de Stormalo. Au mieux, j'arrive à positionner (en absolu, pas en fixe) un bouton dans la ligne du header, qui renvoie vers une page menu. Mais on est loin du menu responsive de Canalblog, qui se situe au-dessus du header, se déroule par-dessus le contenu et se referme...

    Concernant la galerie d'images, oui, c'est vraiment le point noir... et c'est vraiment problématique pour mon site. Y a-t-il un galerie responsive proposée chez Canalblog ? Parce que, si c'est le cas, on pourrait imaginer que le "coût d'adaptation" de son code à celui de Eklablog ne devrait pas être exorbitant, au sein d'un même groupe...

    Merci de tes encouragements.

    Mardi 12 Novembre 2019 à 20:16
    Colette95

    Si le menu "hamburger" de Canalblog correspond  à ce que tu cherches, le code de stormalo en position absolute c'est parfait et tu le retrouveras sur toutes pages.

    Sur Canablog ce que tu me décris ce n'est pas la version RWD mais la version classique sur mobile (tout comme celle d'Eklablog) et elle est loin d'être appréciée par Google car il est très difficile de naviguer sur le blog à partir de celle-ci.

    Sur la plateforme dont s'agit, ce sont des albums photos et ils sont bien en RWD. Je te laisse le soin de voir le résultat sur ton mobile car ça passe très mal sur le mien, mais là où je me trouve rien ne passe vraiment alors ?...

    En souhaitant que tous ces renseignements te seront utiles,
    je te souhaite une bonne soirée.

    Mercredi 13 Novembre 2019 à 10:04
    Marc81

    Merci Colette95.




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.