Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
***[RÉSOLU] Twentyeleven : Mettre un titre sur mes photos, en section "images"
  • KineKellyKineKelly
    Bonsoir,
    J'aimerais mettre un titre sur mes photos et non un descriptif en dessous. mais je voudrais continuer par passer par le module "image" à gauche, car je sais qu'on peut le faire en passant par la zone de texte. Je sais que c'est possible et je sais aussi que Iv-oam à la solution!, c'est mon petit doigt qui me l'a dit!! Alors Iv-oam si tu passes par ici ça m'aiderait beaucoup, et aussi toutes personnes qui sait, bien sûr!
  • KineKellyKineKelly
    Je ne dois pas être au bon endroit parce que c'est la solitude ici!!
  • HélèneMHélèneM
    KineKelly, les gens n'ont pas forcément ou le temps ou la réponse, il n'y a que des bénévoles ici. Tu as laissé ta demande hier, un peu de patience non ?

  • KineKellyKineKelly
    Ne t'inquiète pas Hélène, les bénévoles commencent à me connaitre et je commence à les connaitre aussi! c'était une petite boutade!!
  • KinouKinou
    Bonjour,
    en section "images" sais pas si c'est possible 
    Iv-oam aura peut-être une astuce  :D


    Pitchounne > ta question ne concerne pas ce fil, merci de poster sur le fil adéquat ou en ouvrir un autre.

  • BrigadesBrigades
    Bonjour, 
    A part ajouter du code en mode html, je ne vois pas comment faire. 
    Mais il y a de mémoire un fil qui en parle... Je compléterais mon post avec son adresse. 
  • BrigadesBrigades
    Bon, je n'ai pas trouvé, j'ai donc regardé mon blog et son album de test (en diaporama). 
    J'ai ce code : 
    <a style="visibility: visible; z-index: 1; transition: opacity 500ms ease-out 0ms; opacity: 1;" rel="fancybox" href="http://img.over-blog-kiwi.com/0/55/20/87/201305/ob_bff2993e1f5c1c8d9d605ecb6ea11a19_maison-moderne.jpg" class="ob-link-img"><img class="ob-cell ob-img ob-media" src="//img.over-blog-kiwi.com/600x450-ct/0/55/20/87/201305/ob_bff2993e1f5c1c8d9d605ecb6ea11a19_maison-moderne.jpg" alt="" style="position: absolute;"></a>
    C'est la partie rose qui nous intéresse, il suffit de la compléter comme ça : 
    <img class="ob-cell ob-img ob-media" src="//img.over-blog-kiwi.com/600x450-ct/0/55/20/87/201305/ob_bff2993e1f5c1c8d9d605ecb6ea11a19_maison-moderne.jpg" alt="BLABLA" title="BLABLA" style="position: absolute;">

  • KinouKinou

    En section "images" il n'y a pas de html, tu fais comment pour modifier cette ligne pour chaque photo ?


  • BrigadesBrigades
    C'est pas faux...   #-o
  • MaxMax
    Bonjour

    Il n'y a pas de solution parfaite car ce n'est pas prévu dans le système kiwi. A se demander pourquoi ? Il y avait une discussion à ce sujet en effet..

    La technique pas trop lourde que j'utilise est de transférer la description dans l'attribut alt


    Dans le code du thème, cela consiste à remplacer {{Post.Body}} par le code suivant

    {% list Post.Sections %}
        {% if Section.Type == 'images' and Section.Layout == 0 %}
            <div class="ob-section ob-section-images ob-default">
                {% list Section.Images %}
                    <div class="ob-row-1-col">
                        <a href="{{Image.Url}}" class="ob-link-img" rel="fancybox"><img src="{{Image.Url}}" title = "{{Section.Description}}" alt = "{{Section.Description}}" class="ob-cell ob-img ob-media"></a>
                    </div>  
                {% endlist %}

      {% if Section.Description %}
                <p class="ob-desc">{{Section.Description}}</p>
            {% endif %}
            </div>
        {% else %}
                {{Section.Body}}
        {% endif %}
    {% endlist %}

  • KineKellyKineKelly
    Merci, merci pour toutes vos réponses, je m'attaque à ce travail et je reviens vous dire si ça marche ;)
  • KineKellyKineKelly
    Iv-oam, quand tu mets ce code, est ce que tu dois à chaque fois mettre l'url de chaque image? ou j'ai rien compris :\">
  • MaxMax
    @KineKelly Euh... As-tu trouvé {{Post.Body}} dans ton code ? Tu dois remplacer cette expression par le code que j'ai mis {% list Post.Sections %}... {% endlist %}. C'est la liste des sections de l'article que récupère le "système". L'adresse de l'image est donc automatiquement récupérée.
  • Mehdi.Mehdi.
    Ta solution alternative fonctionne en effet et elle sera, à mon avis, largement utilisé par ceux qui en auront connaissance. 

    l'absence d’attribut "alt" en natif sur l'éditeur est en effet très pénalisant pour le référencement google. 

    Je suis bien placé pour le vérifier vu le nombre important des visiteurs qui arrive sur mon blog en passant par google image. (ancienne plateforme)
  • Mehdi.Mehdi.
    Article de test ou on voit bien l’attribut description sur les images en glissant la souris dessus

    http://mehditest2.overblog.com/test-atribut-alt-section-image

    Merci iv-oam         Heureusement que tu es la pour palier aux lacunes des développeurs ob pour fournir ce qui est le minimum pour un éditeur digne de ce nom: être optimisé pour le référencement.
  • KinouKinou

    Pitchounne > ce n'est pourtant pas compliqué, tu ouvres un nouveau fil  (nouvelle discussion) bouton en haut, à droite.

Rédiger un commentaire