• EliA.16.4.21

    J'ai le plaisir d'avoir une visiteuse qui s'intéresse aux montages par code et, comme beaucoup, elle a des difficultés à adapter mes codes à ses pages (unités vw et non px).

    Alors cela va me donner un sujet pour quelques pages, en repartant du départ.

    Tou d'abord, les dimensions de votre blog.

    Mon écran de PC fait 1920px par 1080px (ratio 16/9); lorsque j'ouvre une page de blog paramétrée en, par exemple, 1600px de large, cette page s'affiche centrée avec 1 ou 2 zones latérales à l'arrière-plan que vous avez défini (couleur ou motif).

    1920px - 1600px=320px/2=160px.

    Si vous voulez que votre page s'adapte à la largeur de l'écran de lecture, vous pouvez la paramétrer en % (Onglet Apparence/modifier le thème/page:largeur: 100%); ainsi, votre page s'affichera en occupant toute la largeur de l'écran de lecture, quel qu'il soit.

    Le ou les menus latéraux (Menu1 et Menu2) ne pouvant se dimensionner qu'en pixel (unité fixe), je suppose que la partie variable, pour adapter votre largeur à celle de l'écran de lecture, se fait par une adaptation de la largeur de votre zone article.

    ******************

    Vous connaissez la largeur de votre zone article et pouvez donc définir la largeur des éléments que vous y placez (montage, texte et images).

    Il vous faut également connaître le ratio de vos images (rapport largeur/hauteur) si vous voulez les placer dans un montage; si vous publiez en utilisant l'icône "Image" de la barre d'outil, le programme calculera pour vous.

    Dans le cas d'un montage où une animation modifie un élément, il est intéressant d'avoir l'agrandissement qui correspond aux dimensions du cadre.

    ******************

    Si vous utilisez un appareil photo numérique ou un téléphone, vous pouvez transférer vos photos sur votre PC.

    Vous pouvez ensuite soit les publier directement sur une page, en utilisant les réglages proposés, soit les héberger pour en récupérer les adresses afin de les modifier avec plus de choix de paramètres et les placer dans un montage.

    Pour mes montages, j'héberge mes images sur Ekla, dans des galeries (Onglet Contenu/nouvelle galerie); pour retrouver vos galeries, une fois créées, vous pouvez ajouter un bouton dans un menu de l'entête (comme chez moi) qui ouvre la galerie d'image, soit retrouver la liste des galeries dans l'onglet Contenu/gérer les rubriques.

    Vous pouvez également placer un module dans un menu latéral dirigeant vers l'adresse de votre galerie.

    Une astuce: la galerie d'images classe vos différentes galeries du plus petit numéro, ou nom en haut, vers le plus grand, en bas.

    Pour afficher la dernière galerie créée en haut de liste, donner à vos galeries des noms genre: z100 (qui sera en bas de liste) puis z99 (qui se placera au-dessus)...

    ******************

    Les images que vous hébergez sont parfois de grandes dimensions, ce qui n'est pas utile pour la plupart de vos publications et qui en ralenti le transfert; si vous avez le choix sur votre appareil photo ou téléphone, choisissez des dimensions adaptées à vos publications.

    Vous pouvez également modifier les dimensions par un logiciel de traitement d'images ou en ligne, gratuitement.

    Malgré tout, si vous avez hébergé vos images en grandes dimensions, vous pouvez les rendre moins lourdes pour votre article en modifiant leurs adresses: exemple:

    http://ekladata.com/WgihXpxopIasru_jQLdT8T36rKk.jpg

    Adresse d'une de mes images hébergée en 1920x1080px de 1Mo;

    Si je modifie l'adresse: http://ekladata.com/WgihXpxopIasru_jQLdT8T36rKk@1000x563.jpg, son poids ne sera plus que de 327ko donc 3 fois plus rapide à afficher.

    ******************

    Voilà donc pour l'affichage, l'hébergement et le ratio; nous allosn regarder comment créer un cadre pour un montage, avec les dimensions adaptées à votre zone article et à vos photos.