svgIcon [server version]

StatutGadget TypeDefault Gadget VersionLayouts VersionUpdate Version
Invisible
Common
2
3
Révision 1.3.0

Présentation

svgIcon [server version]
svgIcon est le nom d'une inclusion commune qui a été conçue pour extraire des icônes SVG contenues dans un fichier image-objet.
En bref, l'inclusion reconstruit les balises <svg> avec le nom d'un fichier qui a été défini dans l'inclusion parente.


Contenu de l'inclusion

<b:includable id='svgIcon'>
  <svg class='svg-icon-24'>
    <b:class expr:name='data:iconClass'/>
    <use expr:xlink:href='"/responsive/sprite_v1_6.css.svg" fragment data:iconId' xmlns:xlink='http://www.w3.org/1999/xlink'/>
  </svg>
</b:includable>


Appel de l'inclusion et paramètres

L'inclusion peut être appelée depuis un emplacement quelconque dans le XML.

<b:include name='svgIcon'/>

Présenté tel quel, l'appel ne travaillera pas, puisqu'il faut mentionner le nom du fichier a extraire. Quelques autres paramètres peuvent être également ajouté via l'attribut data dans la balise <b:include> ou via un jeu de balises <b:with>.

<b:include data='{ ITEMS }' name='svgIcon'/>

L'objet peut contenir ces items:

Alias Signification -
iconId L'identifiant de l'icône SVG. Voir la liste des identifiants fournis par Blogger ci-dessous. Obligatoire
iconClass Ajouter le nom d'une classe à la balise <svg> Facultatif

Exemple
<b:include data='{ iconId: "ic_share_black_24dp" }'
           name='svgIcon'/>


Identifiants des icônes SVG

Ce tableau reprend la liste de tous les SVG hébergés sur votre blog. La taille par défaut est de 24px. Comme vous pourrez le constater, leurs dimensions peuvent être adaptées.

Identifiant Icône 24px Icône 48px Icône 96px Icône 192px
ic_24_email_dark
ic_24_facebook_dark
ic_24_googlePlus_dark
ic_24_link_dark
ic_24_pinterest_dark
ic_24_twitter_dark
ic_add_box_black_24dp
ic_arrow_back_black_24dp
ic_arrow_forward_black_24dp
ic_chat_bubble_black_24dp
ic_check_box_black_24dp
ic_check_box_outline_blank_black_24dp
ic_chevron_left_black_24dp
ic_chevron_right_black_24dp
ic_close_black_24dp
ic_expand_less_black_24dp
ic_expand_more_black_24dp
ic_expand_more_black_24dp
ic_mode_comment_black_24dp
ic_more_horiz_black_24dp
ic_more_vert_black_24dp
ic_person_black_24dp
ic_post_blogger_black_24dp
ic_rss_feed_black_24dp
ic_search_black_24dp
ic_share_black_24dp


Modifier l'inclusion

L'inclusion peut être modifiée dans un marquage commun.
En savoir plus
<b:defaultmarkups>
  <b:defaultmarkup type='Common'>
    <b:includable id='svgIcon'>

      <!-- Add new code for "svgIcon" inclusion here -->

    </b:includable>
  </b:defaultmarkup>
</b:defaultmarkups>

Lorsque l'inclusion est marquée explicitement dans le thème, la version "serveur" n'est plus prioritaire.
Dans ce cas-ci, pour appeler l'inclusion "serveur", vous devez mentionner le préfixe super à l'identifiant de l'inclusion.
En savoir plus
  <!-- Call custom version -->
  <b:include name='svgIcon'/>

  <!-- Call server version -->
  <b:include name='super.svgIcon'/>


Inclusions parentes

Gadget Type Inclusion Gadget Version Thème
Common
Common
backArrowIcon 2
Common
Common
chevronDownIcon 2
Common
Common
chevronUpIcon 2
Common
Common
closeIcon 2
Common
Common
commentIcon 2
Common
Common
defaultAvatarIcon 2
Common
Common
emailIcon 2
Common
Common
facebookIcon 2
Common
Common
flatBloggerIcon 2
Common
Common
forwardArrowIcon 2
Common
Common
googlePlusIcon 2
Common
Common
linkIcon 2
Common
Common
menuIcon 2
Common
Common
pinterestIcon 2
Common
Common
searchIcon 2
Common
Common
shareIcon 2
Common
Common
twitterIcon 2
Common
Common
verticalMoreIcon 2


Inclusions similaires

Gadget Type Inclusion Gadget Version Thème
Common
Common
svgIconButton 2

Posts les plus consultés de ce blog