Les widgets & les extensions - Historique des versions

Wiki.cerpeg : /* Map - WebFactory */

2023-01-11T15:02:13Z

Map - WebFactory

← Version précédente		Version du 11 janvier 2023 à 15:02
Ligne 105 :		Ligne 105 :

	\|}		\|}

	===Widget - Flux Rss===		===Widget - Flux Rss===
	{\|		{\|

Wiki.cerpeg : /* Widget - Flux Rss */

2023-01-11T15:00:19Z

Widget - Flux Rss

← Version précédente		Version du 11 janvier 2023 à 15:00
Ligne 107 :		Ligne 107 :
	===Widget - Flux Rss===		===Widget - Flux Rss===
	{\|		{\|
			\|-
			\|
	Un flux Rss ''Really Simple Syndication'' permet d'embarquer l'actualité d'un site sur un autre. Ce flux facilite la veille informationnelle.		Un flux Rss ''Really Simple Syndication'' permet d'embarquer l'actualité d'un site sur un autre. Ce flux facilite la veille informationnelle.
	* <span style="color:blue">'''-1-''' </span> Accéder aux Widgets du pied de page ou du menu de navigation latéral		* <span style="color:blue">'''-1-''' </span> Accéder aux Widgets du pied de page ou du menu de navigation latéral

Wiki.cerpeg : /* Widget - Flux Rss */

2023-01-11T14:59:36Z

Widget - Flux Rss

← Version précédente		Version du 11 janvier 2023 à 14:59
Ligne 104 :		Ligne 104 :
	\|		\|

			\|}
	===Widget - Flux Rss===		===Widget - Flux Rss===
			{\|
	Un flux Rss ''Really Simple Syndication'' permet d'embarquer l'actualité d'un site sur un autre. Ce flux facilite la veille informationnelle.		Un flux Rss ''Really Simple Syndication'' permet d'embarquer l'actualité d'un site sur un autre. Ce flux facilite la veille informationnelle.
	* <span style="color:blue">'''-1-''' </span> Accéder aux Widgets du pied de page ou du menu de navigation latéral		* <span style="color:blue">'''-1-''' </span> Accéder aux Widgets du pied de page ou du menu de navigation latéral

Wiki.cerpeg : /* Widget - Géolocalisation */

2023-01-11T14:58:59Z

Widget - Géolocalisation

@@ Ligne 56 : / Ligne 56 : @@
 === Widget - Géolocalisation===
 Une carte dynamique de géolocalisation peut être intégrée au site. Il existe différentes applications en ligne permettant de récupérer le code HTML à intégrer au site.
 * Intégrer une carte avec '''google map''' sur sont site via IFrame [https://1map.com/fr/map-embed]
@@ Ligne 84 : / Ligne 85 : @@
 |-
+|
 ===Widget - Flux Rss===
 Un flux Rss ''Really Simple Syndication'' permet d'embarquer l'actualité d'un site sur un autre. Ce flux facilite la veille informationnelle.

Wiki.cerpeg : /* Extension "import/export utilisateurs" */

2023-01-11T14:32:48Z

Extension "import/export utilisateurs"

← Version précédente		Version du 11 janvier 2023 à 14:32
Ligne 150 :		Ligne 150 :
	4- Import du fichier csv		4- Import du fichier csv
	\|-		\|-
	\| {{#evt:service=youtube\|id=https://youtu.be/~~iQy4ztRRvi4~~\|dimensions=380x220}}		\| {{#evt:service=youtube\|id=https://youtu.be/K4iYf38pAr0\|dimensions=380x220}}
	\|\|		\|\|
	{{#evt:service=youtube\|id=https://youtu.be/W4zO-1tuomE\|dimensions=380x220}}		{{#evt:service=youtube\|id=https://youtu.be/W4zO-1tuomE\|dimensions=380x220}}

Wiki.cerpeg : /* Extension "import/export utilisateurs" */

2023-01-11T12:38:38Z

Extension "import/export utilisateurs"

← Version précédente		Version du 11 janvier 2023 à 12:38
Ligne 152 :		Ligne 152 :
	\| {{#evt:service=youtube\|id=https://youtu.be/iQy4ztRRvi4\|dimensions=380x220}}		\| {{#evt:service=youtube\|id=https://youtu.be/iQy4ztRRvi4\|dimensions=380x220}}
	\|\|		\|\|
	{{#evt:service=youtube\|id=https://youtu.be/~~XmpLJPC5RHY~~\|dimensions=380x220}}		{{#evt:service=youtube\|id=https://youtu.be/W4zO-1tuomE\|dimensions=380x220}}
	\|}		\|}

Wiki.cerpeg : Page créée avec «  fichier:home2.png Accueil > WordPress > Les widgets & les extensions == Les widgets== Les widgets font partie de WordPress. Il s'agit d'une sorte de modules (cf : Joomla) qui s'intègrent dans des zones définies par WordPress (footer, header, sidebar, content selon le thème). Ils permettent la personnalisation du thème. '''APPARENCE... »

2022-10-20T20:03:56Z

Page créée avec «  fichier:home2.png Accueil > WordPress > Les widgets & les extensions == Les widgets== Les widgets font partie de WordPress. Il s'agit d'une sorte de modules (cf : Joomla) qui s'intègrent dans des zones définies par WordPress (footer, header, sidebar, content selon le thème). Ils permettent la personnalisation du thème. '''APPARENCE... »

Nouvelle page

[[fichier:home2.png]] [[Accueil|Accueil]] > [[WordPress]] > [[Les widgets & les extensions|Les widgets & les extensions]] 

== Les widgets==
Les widgets font partie de WordPress. Il s'agit d'une sorte de modules (cf : Joomla) qui s'intègrent dans des zones définies par WordPress
(footer, header, sidebar, content selon le thème). Ils permettent la personnalisation du thème.

'''APPARENCE / Widget''' 

=== Widgets populaires ===

17 Widgets sont présents à l'installation de WordPress. Certains sont plus populaires que d'autres
* '''Articles récents''' affiche les derniers articles publiés dans un blog sous forme de lien. La date de publication et le nombre d'articles affichés sont paramétrables.
* '''Calendrier''' affiche les dates de parution des articles (pas très utile)
* '''Flux Rss''' affiche les derniers articles provenant d'autres sites. Ce widget est intéressant pour la mise en place d'une veille.
* '''Galerie''' affiche en miniature plusieurs images à la fois pour créer une galerie photos. Chaque image pointe sur l'article correspondant
* '''HTML''' permet d'insérer facilement du code HTML. Par exemple, ce widget est utile pour insérer une carte Google-maps
* '''Commentaires récents''' affiche les derniers commentaires saisis sur des articles (à éviter pour le SOE)
 

=== Intégration d'un Widget===
{| border="0"
|
Les widgets '''1''' permettent de personnaliser le site en ajoutant des informations : carte Google dynamique, articles récents, calendrier, réseaux sociaux, etc. La disposition des widgets dépend du thème choisi mais en général nous trouvons la colonne latérale, le pied de page 1 et 2 '''3'''.
L'ajout d'un widget se fait par un clic-glisser du widget vers la position choisie '''2'''.
|
[[Fichier:WIDGET1.png|vignette|Ajout de Widget"]]
|-
|
{{#evt:service=youtube|id=https://youtu.be/qzugbwO5J_c|dimensions=380x220}}
 
|-
|

=== Widget météo ===
Il est possible d'installer de nouveaux Widgets à partir des extensions.

 '''EXTENSIONS / Ajouter''' 

|-

|Il faut rechercher dans les extensions un widget dédié à la météo, et l'installer.
* '''-1-'''Rechercher le widget dans les extensions une dédiée à la '''météo''' avec une ergonomie sympathique
* '''-2-'''Installer le widget et l'activer
|
[[Fichier:Wp-meteo1.png|vignette|Extension "météo"]]
|-
|L'extension installée étant un widget, il convient de la paramétrer et de l'intégrer au site.
* Positionner le widget
* paramétrer les informations à afficher
|[[Fichier:Wp-meteo2.png|vignette|Widget météo]]
|}
{{#evt:service=youtube|id=https://youtu.be/SIR7hnGKIGw|dimensions=380x220}}
 

=== Widget - Géolocalisation===
Une carte dynamique de géolocalisation peut être intégrée au site. Il existe différentes applications en ligne permettant de récupérer le code HTML à intégrer au site.
* Intégrer une carte avec '''google map''' sur sont site via IFrame [https://1map.com/fr/map-embed]
* Intégrer une carte avec '''google.fr/maps''' [https://www.google.fr/maps?hl=fr&authuser=0]

{|
|-
|
* '''-1-''' Recherche l'adresse sur la carte
* '''-2-''' Régler l'affichage par défaut
* '''-3-''' Obtention de code
* '''-4- ''' Copie du code dans le presse papier
|
[[Fichier:google-map1.png|vignette| Option 1 - Google Map Géolocalisation]]
|
[[Fichier:google-map4.png|vignette| Option 2 - Google Map Géolocalisation]]
|-
|
* '''-5- ''' Intégration du widget '''HTML personnalisé''' à l'endroit voulu
* '''-6- ''' Collage du code dans le widget '''HTML personnalisé''' et enregistrement
* '''-7- ''' Affichage sur le site de la géolocalisation dynamique
* '''-0- Adaptation du code HTML ''' pour l'option 2 uniquement .
Les valeurs d'affichage largeur (width) et hauteur (height) peuvent être modifiées pour être adaptées au site '''width="600" height="450" ''''.
|
[[Fichier:google-map3.png|vignette| Option 1 - Intégration au site - Widget HTML personnalisé]]
|
[[Fichier:google-map5.png|vignette| Option 2 - Intégration au site - Widget HTML personnalisé]]
|-
|
===Widget - Flux Rss===
Un flux Rss ''Really Simple Syndication'' permet d'embarquer l'actualité d'un site sur un autre. Ce flux facilite la veille informationnelle.
* '''-1-''' Accéder aux Widgets du pied de page ou du menu de navigation latéral
* '''-2-''' Sélectionner dans la liste '''RSS'''
* '''-3-''' Copier l'URL du site
* '''-4-''' Utiliser l'URL
* '''-5-''' Visualiser le flux tel qu'il est embarqué sur votre site
|
[[Fichier:rss1.png|vignette| Intégration d'un flux en pied de page]]
|-
|
* '''-6-''' Visualiser le flux sur votre site
|
[[Fichier:rss2.png|vignette| Affichage du flux sur le site]]
|}

== Les extensions ==
=== Principe de l'extension===
 '''EXTENSIONS / Extensions installées''' 
{| border="0"
|Une extension aussi appelée, selon les CMS, PlugIn ou Module permet d'ajouter des applications au thème (template) de base du site. Elle permet d'améliorer le site sans passer par du développement Web. Attention, certaines sont payantes selon le degré de technicité.
Avant d'installer une extension, il est préférable de se renseigner sur ses fonctionnalités et sur sa compatibilité avec la version de WordPress ainsi que la version du template.

* Export and Import User/Customers : import et export d'utilisateurs
* Contact Form : formulaire de contact
* Slide Show : présentation animée de diapositives
* Embed any document : ajout de documents MSOffice
* PolyLang : utilisation multiplangue de WP
* etc.

|[[fichier:extension.png|vignette|Extensions]]
|-
|
===Extension "Duplication"===
Cette extension permet la duplication (ou copie) d'une page ou d'un article et types de contenus personnalisés en un clic. La copie est enregistrée selon les options sélectionnées (brouillon, privé, public, en attente de relecture. Les extensions '''Duplicate Page''' ou '''Dupliquer une publication''' permettent ces actions.
* '''-1- / -2-''' Contrôler la dernière mise à jour de l'extension et la compatibilité de version WordPress
* '''-3-''' En savoir plus sur l'extension (fonctionnalités, captures d'écran, avis, etc.)
* '''-4-''' Installer l'extension en cliquant sur le bouton
|[[fichier:wp-duplicate01.png|vignette|Extensions DUPLICATION]]
|-
Une fois l'extension '''Dupliquer une publication''' installée, il convient d'aller sur une page ou un article pour voir s'afficher la possibilité de '''copier'''/'''dupliquer'''
|* '''-5- Copiez ''' Cliquer pour afficher les paramètres
* '''-6- ''' Renseignez le nombre de copies et les réglages souhaités. Ces réglages sont faits depuis le menu '''Copier et supprimer les duplications'''. Ils permettent de définir pour cette extension : les éléments à copier, le nommage des copies et d'autres options de duplication.
|[[fichier:wp-duplicate02.png|vignette|Extensions DUPLICATION]]
|}

=== Extension "import/export utilisateurs" ===
 '''EXTENSIONS / Extensions / Ajouter''' 

L'installation d'une extension pour importer en nombre des utilisateurs (1 classe de 30 élèves, par exemple !).

L'extension '''Import Export WordPress Users''' permet d'importer rapidement et facilement en nombre des utilisateurs dans la base à l'aide d'un fichier csv. La conception du csv est relativement simple. Un onglet HELP apporte l'aide nécessaire même si elle est en anglais.
{| class="wikitable"
|-
! 1- Installation de l'extension et activation
! 2- Conception du fichier csv d'import, sélection des champs utiles
|-
| {{#evt:service=youtube|id=https://youtu.be/PdjCoXQwCxs|dimensions=380x220}}
||
{{#evt:service=youtube|id=https://youtu.be/Ln4y07LZBtE|dimensions=380x220}}
|-
!
3- Conception du fichier csv d'import, insertion des utilisateurs dans le fichier
!
4- Import du fichier csv
|-
| {{#evt:service=youtube|id=https://youtu.be/iQy4ztRRvi4|dimensions=380x220}}
||
{{#evt:service=youtube|id=https://youtu.be/XmpLJPC5RHY|dimensions=380x220}}
|}

=== Extension "NewsLetter" - Installation ===
 '''EXTENSIONS / Ajouter''' 

90 % des internautes consultent leur messagerie au moins une fois par semaine, et 81 % sont inscrits à au moins une newsletter
''Étude EMA – Email Marketing Attitude, 2017''. L'email est un canal de communication largement utilisé par les internautes devant les réseaux sociaux
même si ces derniers sont très présents.

WordPress détient des extensions gratuites dédiées à la publication de NewsLetter

{| border="0"
|
* Installation de l'extension NewsLetter
{{#evt:service=youtube|id=https://youtu.be/aqk_uoPCIU0|dimensions=380x220}}
 
|-
|
* Création d'une NewsLetter
:: '''Titre''' : essentiel, il sera déterminant dans l'ouverture ou non du mail de NewsLetter
:: '''Mots''' : faire appel aux émotions dans la rédaction à l'aide d'une liste de mots magiques formidable, rénovation, exceptionnel, économie, etc.[https://le-blog-du-redacteur.com/233-mots-magiques/]
:: '''Médias''' : ajout de photos, vidéos, audios pour dynamiser l'écrit de la NewsLetter
:: '''Conseils''' : parlez à l'abonné comme à un ami sans trop en faire, mettre en avant les articles importants, ne pas trop en faire (cliquez là, partagez cela, etc.), séduisez par un contenu de qualité et par une présentation esthétique, etc.[https://www.webmarketing-com.com/2019/04/03/89613-comment-rediger-une-newsletter-diaboliquement-engageante]

{{#evt:service=youtube|id=https://youtu.be/e4-YIu54qJ0|dimensions=380x220}}
|-
|

* Envoi de la NewsLetter par publipostage
:: Il est indispensable d'avoir une liste d'abonnés "souscripteurs" pour l'envoi en nombre de la NewsLetter. Cette newsletter peut être dédiée aux derniers articles publiés sur le site ou à votre ecommerce (marque, produits, promotions, relation client,etc.). L'idée étant de susciter la visite du site en rappelant à l'internaute votre existence.
:: Le public cible est défini avant l'envoi du message : homme, femme, liste prédéfini en amont, etc.
{{#evt:service=youtube|id=https://youtu.be/bFMpxk0UhVU|dimensions=380x220}}
|}

Les widgets & les extensions - Historique des versions

Wiki.cerpeg : /* Map - WebFactory */

Wiki.cerpeg : /* Widget - Flux Rss */

Wiki.cerpeg : /* Widget - Flux Rss */

Wiki.cerpeg : /* Widget - Géolocalisation */

Wiki.cerpeg : /* Extension "import/export utilisateurs" */

Wiki.cerpeg : /* Extension "import/export utilisateurs" */

Wiki.cerpeg : /* Map - WebFactory */

Wiki.cerpeg : /* Widget - Flux Rss */

Wiki.cerpeg : /* Widget - Flux Rss */

Wiki.cerpeg : /* Widget - Géolocalisation */

Wiki.cerpeg : /* Extension "import/export utilisateurs" */

Wiki.cerpeg : /* Extension "import/export utilisateurs" */