Changeset 110728 in spip-zone


Ignore:
Timestamp:
Jun 17, 2018, 10:26:16 PM (11 months ago)
Author:
tcharlss@…
Message:

Squelettes de présentations résumées : normalisation des logos et de leurs options. Maintenant dans les listes de contenus les vignettes peuvent être en pleine largeur, voir occuper toute la taille de leur conteneur, on augmente donc la taille du logo. On recadre par défaut en 16:9 sur le point de focus avec possibilité de choisir le ratio.

Location:
_squelettes_/integraal/squelettes/inclure/resume
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/integraal/squelettes/inclure/resume/article.html

    r110726 r110728  
    77        * conseillé
    88
    9         - **id_article (int) ! identifiant de l'article
     9        - **id_article (int) : identifiant de l'article
    1010
    11         - logo_rubrique : pour afficher le logo de la rubrique au lieu de celui de l'article
    12         - largeur_logo : largeur_max du logo | défaut = 96
    13         - hauteur_logo : hauteur max du logo | défaut = 96
     11        - largeur_logo  : largeur max du logo | défaut = 1200
     12        - hauteur_logo  : hauteur max du logo | défaut = 1200
     13        - ratio_logo    : ratio forcé du logo | défaut 16:9
     14        - recadrer_logo : « non » pour ne pas recadrer le logo
     15        - logo_rubrique : « oui » pour prendre le logo de la rubrique
     16        - masquer_logo  : « oui » si on ne veut pas de logo
    1417
    1518        - coupe : longueur de l'introduction | défaut = 200
     
    1922#SET{titre,#TITRE}
    2023#SET{url,#URL_ARTICLE}
     24
     25[(#REM) Si c'est l'article d'accueil d'une rubrique, on prend le texte de celle-ci ]
    2126<BOUCLE_resume_rubrique(RUBRIQUES){id_rubrique}{si #PLUGIN{article_accueil}}>
    2227[(#ID_ARTICLE_ACCUEIL|=={#_articles:ID_ARTICLE}|oui)
     
    2631</BOUCLE_resume_rubrique>
    2732
     33[(#REM) Choix de la vignette avec éventuellement les filtres d'images du thème ]
     34#SET{vignette, #ENV{masquer_logo}|!={oui}|?{
     35        #ENV{logo_rubrique}|=={oui}|?{
     36                #LOGO_ARTICLE_RUBRIQUE,
     37                #LOGO_ARTICLE
     38        }
     39}}
     40
     41[(#REM) Définition du ratio de recadrage ]
     42#SET{ratio_logo, #ENV{recadrer_logo}|!={non}|?{
     43        #ENV{ratio_logo,16:9},
     44        #GET{vignette}|largeur|concat{:,#GET{vignette}|hauteur}
     45}}
     46
    2847<article class="entry article hentry">
    2948
    3049        <strong class="entry-title">
    3150                <a href="#GET{url}" rel="bookmark">
    32                         [(#ENV{logo_rubrique,' '}|?{#LOGO_ARTICLE_RUBRIQUE,#LOGO_ARTICLE}
    33                                 |image_passe_partout{#ENV{largeur_logo,96},#ENV{hauteur_logo,96}}
    34                                 |image_recadre{#ENV{largeur_logo,96},#ENV{hauteur_logo,96}}
    35                                 |responsive_logo)]
     51                        [(#GET{vignette}
     52                                |image_recadre{#GET{ratio_logo}, -, focus}
     53                                |adaptive_images{#ENV{largeur_logo,1200},#ENV{hauteur_logo,1200}})]
    3654                        #GET{titre}
    3755                </a>
  • _squelettes_/integraal/squelettes/inclure/resume/evenement.html

    r110726 r110728  
    99        - **id | id_evenement (int) : identifiant de l'évènement
    1010
    11         - logo_rubrique : pour afficher le logo de la rubrique au lieu de celui de l'article
    12         - largeur_logo : largeur_max du logo | défaut = 96
    13         - hauteur_logo : hauteur max du logo | défaut = 96
     11        - largeur_logo  : largeur max du logo | défaut = 1200
     12        - hauteur_logo  : hauteur max du logo | défaut = 1200
     13        - ratio_logo    : ratio forcé du logo | défaut 16:9
     14        - recadrer_logo : « non » pour ne pas recadrer le logo
     15        - masquer_logo  : « oui » si on ne veut pas de logo
    1416
    15         - intro | sinon_intro_article : "non" pour ne pas afficher l'intro de l'article
     17        - intro | sinon_intro_article : « non » pour ne pas afficher l'intro de l'article
    1618        - coupe : longueur de l'introduction | défaut = 300
    1719
    1820]
    1921<BOUCLE_vevent(EVENEMENTS){id_evenement=#ENV{id,#ENV{id_evenement}}}{tout}>
    20 [(#SET{annee,#DATE_DEBUT|annee})][(#SET{mois,#DATE_DEBUT|nom_mois})][(#SET{jour,#DATE_DEBUT|jour})]
     22#SET{annee,#DATE_DEBUT|annee}
     23#SET{mois,#DATE_DEBUT|nom_mois}
     24#SET{jour,#DATE_DEBUT|jour}
     25
     26[(#REM) Choix de la vignette ]
     27#SET{vignette, #ENV{masquer_logo}|!={oui}|?{#LOGO_EVENEMENT}}
     28
     29[(#REM) Définition du ratio de recadrage ]
     30#SET{ratio_logo, #ENV{recadrer_logo}|!={non}|?{
     31        #ENV{ratio_logo,16:9},
     32        #GET{vignette}|largeur|concat{:,#GET{vignette}|hauteur}
     33}}
    2134
    2235<article class="entry evenement vevent id_#ID_EVENEMENT" itemscope itemtype="http://schema.org/Event">
     
    2841        <strong class="summary entry-title #EDIT{titre}">
    2942                <a itemprop="url" class="url" href="[(#URL_EVENEMENT)]">
    30                         [(#LOGO_EVENEMENT
    31                                 |image_passe_partout{#ENV{largeur_logo,96},#ENV{hauteur_logo,96}}
    32                                 |image_recadre{#ENV{largeur_logo,96},#ENV{hauteur_logo,96}}
    33                                 |responsive_logo)]
     43                        [(#GET{vignette}
     44                                |image_recadre{#GET{ratio_logo}, -, focus}
     45                                |adaptive_images{#ENV{largeur_logo,1200},#ENV{hauteur_logo,1200}})]
    3446                        <span itemprop="name">#TITRE</span>
    3547                </a>
  • _squelettes_/integraal/squelettes/inclure/resume/rubrique.html

    r110726 r110728  
    11[(#REM)
    22
    3   Squelette Presentation resumee d'un rubrique dans une liste
    4   Distribue sous licence GPL
     3        Présentation résumée d'un rubrique dans une liste
     4
     5        Paramètres :
     6        ** obligatoire
     7        * conseillé
     8
     9        - **id_article (int) : identifiant de l'article
     10
     11        - largeur_logo  : largeur max du logo | défaut = 1200
     12        - hauteur_logo  : hauteur max du logo | défaut = 1200
     13        - ratio_logo    : ratio forcé du logo | défaut 16:9
     14        - recadrer_logo : « non » pour ne pas recadrer le logo
     15        - masquer_logo  : « oui » si on ne veut pas de logo
     16
     17        - coupe : longueur de l'introduction | défaut = 200
    518
    619]
    720<BOUCLE_resume_rubrique(RUBRIQUES) {id_rubrique} {statut?}>
     21[(#REM) Choix de la vignette avec éventuellement les filtres d'images du thème ]
     22#SET{vignette, #ENV{masquer_logo}|!={oui}|?{#LOGO_RUBRIQUE}}
     23
     24[(#REM) Définition du ratio de recadrage ]
     25#SET{ratio_logo, #ENV{recadrer_logo}|!={non}|?{
     26        #ENV{ratio_logo,16:9},
     27        #GET{vignette}|largeur|concat{:,#GET{vignette}|hauteur}
     28}}
     29
    830<div class="entry rubrique hentry">
    9 
    10         [(#LOGO_RUBRIQUE|sinon{#CHEMIN{images/cube-bleu.jpg}}
    11                 |image_reduire{#ENV{largeur_logo,640},0}
    12                 |image_recadre{#ENV{logo_proportion,4:3},''}
    13                 |responsive_logo)]
    1431
    1532        <strong class="titre entry-title">
    1633                <a href="#URL_RUBRIQUE" rel="bookmark">
     34                        [(#GET{vignette}
     35                                |image_recadre{#GET{ratio_logo}, -, focus}
     36                                |adaptive_images{#ENV{largeur_logo,1200},#ENV{hauteur_logo,1200}})]
    1737                        #TITRE
    1838                </a>
Note: See TracChangeset for help on using the changeset viewer.