svgIcon : Extraction des icônes SVG - Blogger XML Documentation
![Blogger - svgIcon [Common]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJtTTV8C-n4wPJSW4daeRrgYIjv5QE7eYw8SHFUjS_JFw7UlpfqO0CRcpOI7qH3Rd1gClP2Qr9-W71bTVim-nj5b4u54jpMVJEGStBbRss29gaTOSOo_aCJXCGHsx3o6EeFMeojnG24nzO/s600-rw/svgIcon-Common.jpg)
- Description de l'inclusion
svgIconest l'identifiant 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.- Directives d'usage et niveau de priorité de mise à jour
-
Thème Version 1Garantie d'usage : AbandonnéPriorité indéfinieThème Version 2Garantie d'usage : AbandonnéPriorité indéfinieThème DynamiqueGarantie d'usage : AbandonnéPriorité indéfinieThème Version 3Garantie d'usage : OuiPriorité haute
- Variante par thème
- Inexistante.
- Inclusion de gadget équivalente
- Aucune.
Table des matières
Contenu de l'inclusion
Le code XML
<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>
Les nœuds parents
| ID Inclusion | Balisage |
|---|---|
backArrowIcon |
Original |
chevronDownIcon |
Original |
chevronUpIcon |
Original |
closeIcon |
Original |
commentIcon |
Original |
defaultAvatarIcon |
Original |
emailIcon |
Original |
facebookIcon |
Original |
flatBloggerIcon |
Original |
forwardArrowIcon |
Original |
linkIcon |
Original |
menuIcon |
Original |
pinterestIcon |
Original |
searchIcon |
Original |
shareIcon |
Original |
sharingOtherIcon |
Original |
twitterIcon |
Original |
verticalMoreIcon |
Original |
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_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.
<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 "BackEnd" n'est plus prioritaire.
Dans ce cas-ci, pour appeler l'inclusion "BackEnd", vous devez mentionner le préfixe super à l'identifiant de l'inclusion.
<!-- Call Custom version -->
<b:include name='svgIcon'/>
<!-- Call BackEnd version -->
<b:include name='super.svgIcon'/>
Disponibilité des variantes de l'inclusion
| Thèmes | FrontEnd | BackEnd |
|---|---|---|
| Original | Inexistant | Original |
| Contempo | Inexistant | Original |
| Emporio | Inexistant | Original |
| Essential | Inexistant | Original |
| Notable | Inexistant | Original |
| Soho | Inexistant | Original |
| Afficher les variantes | ||
