Overblog Kiwi : gérer les sections, images, vidéos, liens en toute indépendance (2)

06/12/2012 11:39

Pour commencer, je vais insister sur la structure interne d'un article ou d'une page.

Les éléments constitutifs d'un article ou page.

Un article est composé de plusieurs sections. Ces sections correspondent en mode Admin/Rédaction aux icones situées dans la zone : "Ajouter une nouvelle section". On peut donc ajouter autant de section et de types de section que nécessaire à la composition/rédaction de votre billets : texte, image, vidéo, link, citation, image, html...

Nous pourrons accéder aux éléments individuels de ces sections pour notre thème en parcourant de manière itérative les sections de notre article en utilisant la syntaxe twig suivante dans notre code HTML:

Parcours itératif des sections d'un article

    
    {%list Post.Sections%}
    <!-- le code HTML et autres test nécessaires -->
    {%endlist%}

Mais alors comment déterminer le type de section ?

Heureusement Overblog à tout prévu en passant par Twig et en effectuant des tests. Si je veux par exemple afficher uniquement le contenu texte d'un article en ignorant les autres sections (images,vidéos,html,citation,etc.) , il me faudra tester d'ans l'itération parcourant l'ensemble des sections, tester uniquement celles de type "text", comme dans le morceau de code ci-dessous :

Parcours itératif des sections d'un article et ne retenir que les sections textes

    
    {%list Post.Sections%}
        {% if Section.Type=="text"%}
		  <p>{{Section.Text}}</p>
	    {%endif%}
    {%endlist%}

Ce fragment de code inséré dans votre thème affichera sous forme de paragraphe toutes les sections textes que vous avez créées même si celle ci ne se suivent pas. Si par exemple vous aviez inséré une section vidéo entre la première section texte et la seconde section texte celle ci ne sera pas affichée entre les deux sections. Et comme nous verrons comment afficher une section vidéo uniquement , vous comprendrez aisément que vous pouvez positionner cette section vidéo où bon il vous semble sur votre page web.

Les différents types que vous pouvez tester sont :

text, images, link, video, audio, quote, html

Dans mon prochain billet, je vous présenterais comment récupérer toutes les images d'un article et de les afficher sous forme de grille... A suivre.

Voir aussi :

Overblog Kiwi : gérer les sections, images, vidéos, liens en toute indépendance (1) -

Je commence aujourd'hui une série de posts concernant la récupération des différents éléments constitutifs d'un article ou d'une page : à savoir le texte, le html, la vidéo, les images, les...

http://photonautesassocies.overblog.com/overblog-kiwi-gerer-les-sections-images-videos-liens-en-toute-independance-1

Tuto : présentation et thème exemple

Overblog Kiwi : gérer les sections, images, vidéos, liens en toute indépendance (3) -

Comme convenu je continue cette découverte des possibilités d'affichage dans vos thèmes des éléments constitutifs d'un article ou d'une page. Au programme aujourd'hui extraire les images et le...

http://photonautesassocies.overblog.com/overblog-kiwi-gerer-les-sections-images-videos-liens-en-toute-independance-3