Dotclear

i_love_dc

Membre

Inscription : 2007-07-13

div+class à une image dans post-excerpt post-content ?

Bonjour.

sur le {{tpl:EntryFirstImage}} il me semble que l'on peut ordonner une class du type {{tpl:EntryFirstImage class="ma-class"}}, mais...

Est-il possible dans le post.html d'inclure une div qui engloberait une image dans le post-excerpt et ou post-content ?

Exemple (très très tiré par les cheveux) :

 <!-- # Entry with an excerpt -->
    <tpl:EntryIf extended="1">
      <div class="post-excerpt">{{tpl:EntryExcerpt <div class="ma-class-eglobant-limage"> {{tpl:EntryFirstImage class="autre-class-pour-image"}}</div>}}</div>
    </tpl:EntryIf>

<div class="post-content">{{tpl:EntryContent <div class="ma-class-eglobant-limage"> {{tpl:EntryFirstImage class="autre-class-pour-image"}}</div>

Désolé pour ce code complétement imaginaire, mais je ne voyais pas comment illustrer autrement ma question.

et merci d'avance pour vos lumières.

Mathieu M.

Membre

Lieu : Rhône-Alpes

Inscription : 2009-09-14

Re : div+class à une image dans post-excerpt post-content ?

C'est possible.

Possible aussi pour toi de respecter les auteurs de thème et plugin ?

Philippe

Stagiaire

Lieu : Toulon

Inscription : 2004-06-13

Site Web

Re : div+class à une image dans post-excerpt post-content ?

@Mathieu M. : ce n'est pas le sujet de ce fil, merci de régler ton différend autrement.

---

Vous en reprendrez bien une petite dose ?

i_love_dc

Membre

Inscription : 2007-07-13

Re : div+class à une image dans post-excerpt post-content ?

Je n'ai pas eu le temps de tester a fond, mais je pense avoir trouvé un début de solution qui ressemblerait a quelque chose comme ...

 <!-- # Entry with an excerpt -->
    <tpl:EntryIf extended="1">
       <div class="post-excerpt"><div class="ma-class-eglobant-limage">{{tpl:EntryFirstImage class="autre-class-pour-image" with_category="1"}}</div><div class="ma-class-eglobant-lecontenu">{{tpl:EntryExcerpt}}</div></div>
    </tpl:EntryIf>

<div class="post-content"><div class="ma-class-eglobant-limage">{{tpl:EntryFirstImage class="autre-class-pour-image" with_category="1"}}</div><div class="ma-class-eglobant-lecontenu">{{tpl:EntryContent}}</div></div>

Je ne sais pas si quelque chose est faussé dans le résonnement, merci d'avance pour vos lumières.

Philippe

Stagiaire

Lieu : Toulon

Inscription : 2004-06-13

Site Web

Re : div+class à une image dans post-excerpt post-content ?

Le code que tu proposes devrait fonctionner. Il a néanmoins un inconvénient à mon avis : l'image sera affichée deux fois.

Pour pallier cet inconvénient, tu peux afficher une image qui n'est pas dans le contenu du billet à l'aide du plugin Featured Media : http://plugins.dotaddict.org/dc2/details/featuredMedia

---

Vous en reprendrez bien une petite dose ?

i_love_dc

Membre

Inscription : 2007-07-13

Re : div+class à une image dans post-excerpt post-content ?

Bonjour Philippe et merci pour ta réponse constructive.

Pour résoudre le problème de "duplicate" d'image, pense tu que par exemple un simple ...

.post-excerpt img {
display:none;
}

serait suffisant/bon d'un point de vue affichage et code source?

- EDIT -

je viens d'installer et de tester featuredMedia, le plugin est topisime merci pour la découverte, seul petit soucis ...
j'ai copier-collé ceci :

<!-- # Featured media -->
<tpl:FeaturedMedia>
    <div class="post-featured-media" id="featured-media {{tpl:FeaturedMediaType}}">
        <tpl:FeaturedMediaIf is_audio="1">
            {{tpl:include src="_audio_player.html"}}
        </tpl:FeaturedMediaIf>
        <tpl:FeaturedMediaIf is_video="1">
            <tpl:FeaturedMediaIf is_flv="0">
                {{tpl:include src="_video_player.html"}}
            {{tpl:else}}
                {{tpl:include src="_flv_player.html"}}
            </tpl:FeaturedMediaIf>
        </tpl:FeaturedMediaIf>
        <tpl:FeaturedMediaIf is_image="1">
            <img src="{{tpl:FeaturedMediaImageURL size="m"}}" alt="{{tpl:FeaturedMediaTitle}}" />
        </tpl:FeaturedMediaIf>
    </div>
</tpl:FeaturedMedia>

malheureusement il semble impossible d'ajouter une class à l'image, comme par exemple :

<img src="{{tpl:FeaturedMediaImageURL class"ma-class-englobant-limage" size="m"}}" alt="{{tpl:FeaturedMediaTitle}}" />

Le code semble "nettoyé" et peut importe la class que l'on ajoute, jamais elle n'apparait dans le code source.
Y a t'il quelque chose que j'ai mal fait ou on ne peut tout simplement pas ajouter de class supplémentaire au code ?

.

Dernière modification par i_love_dc (2017-01-24 16:03:42)

Franck

Footer de merde

Lieu : Paris

Inscription : 2004-11-09

Site Web

Re : div+class à une image dans post-excerpt post-content ?

…
malheureusement il semble impossible d'ajouter une class à l'image, comme par exemple :

<img src="{{tpl:FeaturedMediaImageURL class"ma-class-englobant-limage" size="m"}}" alt="{{tpl:FeaturedMediaTitle}}" />

Le code semble "nettoyé" et peut importe la class que l'on ajoute, jamais elle n'apparait dans le code source.
Y a t'il quelque chose que j'ai mal fait ou on ne peut tout simplement pas ajouter de class supplémentaire au code ?

Pas étonnant, manque un = après class et en plus l'attribut n'est pas au bon endroit.

---

Dotclear addicted since 2004