Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Slide de vos posts sur les "pages" créées (pages statiques)

- Auteur : Brunofaisart

Slide de vos posts sur les "pages" créées (pages statiques)

Comment afficher les posts sous forme de présentation sur vos pages ?
Il me semble que ce sytème graphique peut convenir.
Contrairement au slider proposé par Overblog sur la nouvelle plateforme, celui utilisé sur ce blog permet d'accèder directement au post quelque soit l'endroit où l'on clique, ai vu cette demande sur Uservoice ici .

De plus ce slider affiche pour un post :la cover, le titre et le résumé (snippet).
Voir la petite vidéo de présentation ci-dessous.

Si les posts ont une "Cover Image" (image de couverture) , dans mon exemple, il s'affiche sous forme d'un slide élastique en haut de la page demandée.

Nous ne sommes pas dans un contexte d'affichage de posts mais bien dans le contexte d'affichage d'une page, voir le code ci-dessous :

{% if isPage %}
<!-- Partie HTML -->
<div class="html_carousel2">
    <div id="foo3">
    	{% list Blog.Posts(13) %}
				{% if Post.Cover is not empty %}
					<div class="slide">
						<img src="{{ Post.Cover | resize(615,290)| crop }}" />
						<div><a href="{{ Post.PermaLink }}">
							<h4>{{ Post.Title }}</h4>
							<p>{{ Post.Snippet }}</p>
						</a>
						</div>
					</div>
				{% endif %}	

Je vais vous détailler le code pour l'inclure dans vos pages statiques, voir l'exemple "live" sur ce blog en cliquant-ici

La suite demain avec toutes les explications. Vous remarquerez que cette zone Slide/post n'apparaît que sur certaines pages, ce qui permet de revenir aux posts de manière simple, graphique et rapide.

Les commentaires...

comments powered by Disqus

Commentaires anciens formats...

Les 10 derniers Billets

Related Posts Plugin for WordPress, Blogger...