Les images sur une seule ligne (Créer un compte)

  • WordPress :6.4
  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2467396
    laurentsc
    Participant
    Chevalier WordPress
    367 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8
    • Thème utilisé : Star Child (star-child)
    • Extensions en place :
      AddToAny Share Buttons: version: 1.8.9, author: AddToAny, Mises à jour auto activées
      Advanced Editor Tools: version: 5.9.2, author: Automattic, Mises à jour auto activées
      Akismet Anti-spam: Spam Protection: version: 5.3.1, author: Automattic - Anti-spam Team, Mises à jour auto activées
      Antispam Bee: version: 2.11.5, author: pluginkollektiv, Mises à jour auto activées
      Automatic Featured Images from YouTube / Vimeo: version: 1.2.2, author: WebDevStudios, Mises à jour auto activées
      Broken Link Checker: version: 2.2.3, author: WPMU DEV (latest version: 2.2.4), Mises à jour auto désactivées
      Category Posts Widget: version: 4.9.15, author: TipTopPress, Mises à jour auto activées
      CF7 Views: version: 2.3.2, author: WebHolics, Mises à jour auto activées
      Classic Editor: version: 1.6.3, author: WordPress Contributors, Mises à jour auto activées
      Classic Widgets: version: 0.3, author: WordPress Contributors, Mises à jour auto activées
      CMS Tree Page View: version: 1.6.8, author: Jon Christopher, Mises à jour auto désactivées
      Combo Blocks: version: 2.2.73, author: PickPlugins, Mises à jour auto activées
      Conditional Fields for Contact Form 7: version: 2.4.6, author: Jules Colle, Mises à jour auto activées
      Contact Form 7: version: 5.8.7, author: Takayuki Miyoshi, Mises à jour auto activées
      Contact Form 7: Accessible Defaults: version: 1.1.8, author: Joseph Dolson, Mises à jour auto activées
      Contact Form CFDB7: version: 1.2.6.7, author: Arshid, Mises à jour auto activées
      Contact Information Widget: version: 1.0.3, author: Jaydeep Chauhan <jd.dev777@gmail.com>, Mises à jour auto activées
      Content Views: version: 3.6.3, author: Content Views, Mises à jour auto activées
      Cookie Notice & Compliance for GDPR / CCPA: version: 2.4.13, author: Hu-manity.co, Mises à jour auto activées
      Database for WPforms: version: 1.0.4, author: wpdebuglog, Mises à jour auto activées
      Duplicate Page: version: 4.5.3, author: mndpsingh287, Mises à jour auto activées
      Duplicator: version: 1.5.6, author: Duplicator (latest version: 1.5.8.1), Mises à jour auto désactivées
      Exclude Category Widget: version: 1.0, author: Ravinder Singh, Mises à jour auto activées
      FileBird Lite: version: 5.6.1, author: Ninja Team, Mises à jour auto activées
      Flamingo: version: 2.4, author: Takayuki Miyoshi, Mises à jour auto activées
      FooBox Image Lightbox: version: 2.7.27, author: FooPlugins, Mises à jour auto désactivées
      FooGallery: version: 2.4.9, author: FooPlugins, Mises à jour auto activées
      Front Page Category: version: 3.3.5, author: Ben Gillbanks, Mises à jour auto activées
      Go Live Update Urls: version: 6.6.2, author: OnPoint Plugins (latest version: 6.7.2), Mises à jour auto désactivées
      Insert PHP Code Snippet: version: 1.3.4, author: xyzscripts.com, Mises à jour auto activées
      Loco Translate: version: 2.6.6, author: Tim Whitlock, Mises à jour auto désactivées
      Logo Slider Free: version: 3.9.9, author: LogicHunt Inc., Mises à jour auto activées
      Media Slider: version: 1.3.6, author: A WP Life (latest version: 1.3.8), Mises à jour auto désactivées
      Menu Image: version: 3.11, author: Freshlight Lab, Mises à jour auto activées
      Multi Step for Contact Form 7 (Lite): version: 2.7.5, author: NinjaTeam, Mises à jour auto activées
      Open Graphite: version: 1.7.0, author: Rocket Apps, Mises à jour auto activées
      PHP Compatibility Checker: version: 1.6.2, author: WP Engine (latest version: 1.6.3), Mises à jour auto désactivées
      Post Type Switcher: version: 3.2.1, author: Triple J Software, Inc. (latest version: 3.2.2), Mises à jour auto désactivées
      Redirection: version: 5.4.2, author: John Godley, Mises à jour auto activées
      Scroll Back to Top: version: 1.1.3, author: Joe Sexton, Mises à jour auto activées
      Solid Security Basic: version: 9.3.0, author: SolidWP, Mises à jour auto activées
      Team Members: version: 5.3.0, author: WP Darko, Mises à jour auto activées
      The Events Calendar: version: 6.3.2, author: The Events Calendar, Mises à jour auto activées
      UpdraftPlus - Backup/Restore: version: 1.23.16, author: UpdraftPlus.Com, DavidAnderson, Mises à jour auto activées
      Video Thumbnails: version: 2.12.3, author: Sutherland Boswell, Mises à jour auto activées
      WordPress Importer: version: 0.8.1, author: wordpressdotorg (latest version: 0.8.2), Mises à jour auto désactivées
      WP-Optimize - Clean, Compress, Cache: version: 3.3.0, author: David Anderson, Ruhani Rabin, Team Updraft, Mises à jour auto activées
      WP Armour - Honeypot Anti Spam: version: 2.1.5, author: Dnesscarkey (latest version: 2.1.14), Mises à jour auto désactivées
      WPForms Lite: version: 1.8.6.4, author: WPForms, Mises à jour auto activées
      WP Import Export Lite: version: 3.9.26, author: VJInfotech, Mises à jour auto désactivées
      WP Links Page: version: 4.9.5, author: Robert Macchi, Mises à jour auto activées
      Yoast SEO: version: 22.0, author: Team Yoast, Mises à jour auto activées
      Zero Spam for WordPress: version: 5.5.1, author: Highfivery LLC, Mises à jour auto activées

      </div>

    • Nom de l’hébergeur : EVXONLINE
    • Adresse du site : https://vercorshandisport.org/sejour-en-allemagne-oberammergau-baviere-du-31-janvier-au-5-fevrier-2024/

    Problème(s) rencontré(s) : Sur cette page, il y a 2 images l’une au-dessus de l’autre alors que je souhaite les aligner sur une seule ligne. Je suppose que c’est possible mais comment faire SVP ?

    • Ce sujet a été modifié le il y a 1 année et 4 mois par laurentsc.
    • Ce sujet a été modifié le il y a 1 année et 4 mois par laurentsc.
    #2467401
    laurentsc
    Participant
    Chevalier WordPress
    367 contributions

    Précision : si je vais sur le web, on me conseille de créer une galerie (http://www.vivez-bloguez.com/comment-aligner-des-images-dans-un-article-sur-wordpress/). Cette solution me pose problème car je souhaite appliquer un lien à chacun de mes images

    <div class="center">
    <a href="url_lien" target="_blank"><img src="image1" alt="" /></a>
    <a href="url_lien" target="_blank"><img src="image2" alt="" /></a>
    </div>

    et je doute que ça soit possible (je sais pas faire)

    #2467402
    ferman
    Modérateur
    Maître WordPress
    7613 contributions

    Bonjour, essayez ceci (on peut aussi utiliser display:grid).

    @media screen and (min-width:800px){
    .center{display:flex;
    gap:50px;
    max-width:40em;
    margin-left:auto;
    margin-right:auto;
    }
    }
    @media screen and (max-width:799px){
    .center{
    max-width:20em;
    margin-left:auto;
    margin-right:auto;
    }
    }

    #2467416
    Li-An
    Participant
    Maître WordPress
    29210 contributions

    Bonjour, avec Meow Gallery ou la galerie par défaut + Meow Custom Link, vous pouvez gérer en plus les liens https://fr.wordpress.org/plugins/gallery-custom-links/

    #2467453
    laurentsc
    Participant
    Chevalier WordPress
    367 contributions

    Même si y a plein de plugins sur ce site, je préfère une solution sans plugin, donc j’ai essayé la solution de Ferman, et elle fonctionne ! Par contre, je suis pas très fort en CSS, donc pouvez-vous m’expliquer ?

    #2467455
    ferman
    Modérateur
    Maître WordPress
    7613 contributions

    Explication du code en pj.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2467480
    laurentsc
    Participant
    Chevalier WordPress
    367 contributions

    Merci pour les explications. Je connais un peu les flexbox donc ça me parle. Mais pourquoi une image ? D’où vient-elle ?

    Le fait de parler de la colonne de droite qui est exclue prouve que c’est consacré à WordPress.

    #2467485
    Flobogo
    Modérateur
    Maître WordPress
    20915 contributions

    Bonjour,

    Le fait de parler de la colonne de droite qui est exclue prouve que c’est consacré à WordPress.

    Cela me semble assez logique sur un forum consacré à WordPress.

    #2467494
    laurentsc
    Participant
    Chevalier WordPress
    367 contributions

    En effet mais ce qui m’a surpris est de voir un code CSS qui tient compte de la structure des pages WP ; il me semble que c’est la première fois que je vois ça.

    #2467501
    Flobogo
    Modérateur
    Maître WordPress
    20915 contributions

    Parce que @ferman a adapté le code à votre thème !

10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.