Category

Geek

Category

Comment créer la structure d’une page web ? Comment gérer l’apparence des différents éléments de cette même page web ? Deux questions importantes à se poser quand on veut se lancer dans la création d’un site/blog/forum sur internet. Pour y répondre, nous allons nous intéresser aux langages HTML et CSS. Tu vas voir, ce n’est pas bien compliqué, une fois que l’on a compris le fonctionnement des pages.

Les bases du HTML

Qu’est-ce que le HTML ? Pour faire simple, le HTML est le langage utilisé pour créer la structure d’une page web. Prenons comme exemple une pièce de la maison : le salon. Tout ce qui est lié à la structure de la pièce (murs, canapé, table-basse… ) représenterait le HTML. Tout ce qui est lié à la décoration (couleurs, grandeur, type de revêtements… ) représenterait les CSS. Concrètement, le HTML va nous servir à dire que nous voulons créer un type de contenu : paragraphe, liste, tableau, image etc.

Comment fonctionne le HTML

Le langage HTML est composé de balises ouvrantes et fermantes. Il existe cependant quelques balises uniques.

Prenons un exemple simple : la création d’un paragraphe

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

Ici, le paragraphe est matérialisé grâce aux balises <p> et </p>. J’indique donc au navigateur que le contenu compris entre ces balises est un paragraphe.

La structure d’une page web

Maintenant que tu as compris le fonctionnement des balises, voici la structure d’une page. Cette structure est celle de base, et est toujours utilisée pour créer une page web.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  </body>
</html>

Quelques explications sur le code :

  • <html></html> : ces balises limitent le code de la page
  • <head></head> : indiquent les informations relatives à la page, mais qui ne s’afficheront pas
  • <title></title> : c’est ici que se place le titre affiché dans l’onglet de ton navigateur
  • <body></body> : délimitent l’endroit où se trouve le contenu à afficher sur la page

Les balises les plus courantes

Titres

<h1></h1> : titre 1er niveau
<h2></h2> : titre 2ème niveau
<h3></h3> : titre 3ème niveau

Éléments de texte

<p></p> : paragraphe
<ul></ul> : liste à puce
<ol></ol> : liste numérotée
<li></li> : élément d’une liste
<a href="lien"></a> : lien hypertexte
<blockquote></blockquote> : bloc de citation
<strong></strong> : met en gras

Tableau

<table></table> : tableau
<tr></tr> : ligne du tableau
<th></th> : cellule de légende de ligne ou de colonne
<td></td> : cellule du tableau (colonne)

Structure et habillage

<div></div> : définition de bloc
<span></span> : habillage d’élément

Pour aller plus loin, je te propose de te rendre sur le site de Mozilla pour les développeurs. En effet, tu y trouveras des informations complètes sur les bases du HTML. 

Les bases des CSS

Qu’est-ce qu’une feuille CSS ? Il existe une différence fondamentale entre HTML et CSS : le HTML défini le type de contenu, et le CSS indique l’apparence de ce dernier. Si le HTML se place directement dans la page web, la feuille CSS est très souvent séparée de cette dernière. Il est très simple de créer une pareille feuille : on peut passer par un éditeur, ou bien utiliser le bloc note de Windows et enregistrer son fichier en .css.

Comment fonctionne une feuille CSS

Comme pour le HTML, il est assez simple de comprendre ce langage. En effet, ce que l’on a appris avec le précédent, va nous servir pour créer notre feuille de styles. Voici un exemple de code :

p {
 color: blue;
}

Reprenons l’exemple d’un paragraphe. Ici, j’indique dans mon code que tous les paragraphes de la page devront être en bleu.

  • P est le sélecteur. Il détermine le contenu impacté par le code que l’on met en place.
  • Color est la propriété. Elle indique ce qui va changer dans le contenu que l’on a choisi.
  • Blue est la valeur. Elle sélectionne un des changements possibles dans la propriété.

Les propriétés et valeurs les plus courantes

Le fonctionnement est toujours plus ou moins le même. Tout d’abord, on sélectionne le type de contenu que l’on veut modifier. Puis, on choisi sa propriété. Enfin, on détermine la valeur de la propriété que l’on a choisie.

width : longueur d’un élément (s’écrit en pourcentages ou pixels)
height : hauteur d’un élément (s’écrit en pourcentages ou pixels)
color : couleur du texte (peut s’écrire en toutes lettres (exemples : red, blue, yellow… ), en hexadécimale (#000000), en RVB)
background : apparence du fond d’un élément (image, couleur, position, répétition)
border : bordure d’un élément (grosseur en pixels, type de bordure (solid, dotted etc), couleur)
font-size : taille de la police d’écriture (en em ou en pixels)
font-family : nom de la police d’écriture
text-align : alignement du texte (center, left (par défaut), justify, right)
line-height : interligne (nombre de pixels)
letter-spacing : espacement entre les lettres d’un mot

Bien sûr, il y en a beaucoup d’autres ! Cependant, celles-ci sont les plus utilisées. Si tu veux en apprendre un peu plus sur les bases des CSS, je t’invite à te rendre sur le lien que je viens de te mettre.

Voilà, c’est tout pour cette fois. J’espère que ce petit article t’aura aidé à comprendre comment fonctionne ces deux langages indispensables sur le Net. N’hésite pas si tu as des questions, j’y répondrais avec plaisir ! Sinon, dis-moi si tu connais et/ou maîtrise un peu le HTML et le CSS, et comment tu les as appris, si tu le souhaites. A très vite !

Comment personnaliser son forum hébergé sur Forumactif ? Une question que beaucoup de débutants sur la plateforme de forums gratuits se posent. Il existe de très nombreuses sources où tu peux trouver de l’aide, mais celles-ci peuvent être fastidieuses à chercher. Je te propose de te donner des conseils, et ressources, qui sont issus de ma propre expérience de fondatrice. Après avoir vu comment créer un forum sur la plateforme gratuite Forumactif dans mon précédent article, je vais maintenant t’apprendre à le personnaliser. 

Personnaliser son forum : groupes & permissions

Sur cette partie d’explication, on va supposer que la structure de ton forum (catégories et sous-forums) est terminée. Voyons donc comment créer des groupes d’utilisateurs, mais aussi comment leur ouvrir ou fermer des permissions.

Créer des groupes d’utilisateurs

Tout d’abord, qu’est-ce qu’un groupe d’utilisateurs ? Sur un forum, les utilisateurs, mais aussi les modérateurs et les administrateurs, peuvent être répartis dans des groupes. Ces groupes permettent de gérer différentes permissions de manière aisée. S’ils n’existaient pas, il faudrait gérer les permissions des utilisateurs profil par profil. Imagine le boulot que ce serait sur un forum de plus de mille membres !

Comment créer ces groupes ?

Pour créer un nouveau groupe d’utilisateurs, rendez-vous dans le panneau d’administration, rubrique « Utilisateurs et groupes », « Groupes », puis clique sur « Administration des groupes ». Tu dois arriver sur cette page :

groupes-forumactif-leblogdelagauffre

Ensuite, pour créer un nouveau groupe, il suffit de cliquer sur « créer un nouveau groupe ». Afin de créer ton groupe, on te demande de renseigner plusieurs informations : le nom du groupe, la description de celui-ci, le modérateur (celui qui aura les permissions pour ajouter/supprimer un membre à ce groupe), la couleur qui sera appliquée aux membres du groupe (si tu coches la case située juste en dessous), l’ordre d’affichage du groupe sur la partie du forum « Qui est en ligne », le statut, les permissions pour les messages privés, et si l’adhésion des membres se fait automatiquement.

Concrètement, voici comment compléter chacune de ces parties :

  • Nom et description : tu as juste à les renseigner suivant ce que tu souhaites faire. Pour la partie description, il est intéressant de l’utiliser pour mettre les conditions d’adhésion au groupe (nombre de messages minimum par exemple) ;
  • Modérateur : je te conseille de te mettre toi, le fondateur du forum, ou un administrateur. Ça t’évitera de devoir le modifier si l’un des modérateurs quitte le forum ;
  • Couleur : si tu le souhaites, tu peux appliquer une couleur aux pseudonymes de tes utilisateurs membres de ce groupe. Attention, si un utilisateur fait partie de plusieurs groupes, c’est la couleur du premier, dans l’ordre des groupes, qui sera prise en compte ;
  • Ordre du groupe : c’est la hiérarchisation des groupes. Grâce à ton choix, tes groupes seront considérés comme plus ou moins importants sur le forum. 0, puis 1, étant considéré comme le plus important ;
  • Statut : suivant ce que tu choisis (ouvert, fermé, ou invisible), les utilisateurs pourront ou non voir le groupe dans la légende du forum, et/ou pourront demander leur adhésion au modérateur du groupe ;
  • Permission d’envoyer des messages privés de masse : ici tu gères les autorisations liées à l’envoi de messages privés, à tous les membres du groupe, en une seule fois. Je te conseille plus que fortement de cocher « admin » pour éviter les publicités par messages privés de tes utilisateurs, ou même les spams.
  • Adhésion automatique : cette partie te permet de choisir si l’adhésion des membres se fait de manière automatique ou manuelle. Si tu coches cette case, on te demandera le nombre de messages minimum demandé pour entrer dans le groupe. Il est tout-à-fait possible de mettre zéro.

Gérer les permissions sur le forum

Félicitations ! Tes groupes sont maintenant créés ! 

Nous allons pouvoir gérer les permissions du forum. Il y a plusieurs façons de le faire : directement lors de la création de tes sous-forums, sur la page « Catégories et forums » dans « Contrôle des permissions », sur le récapitulatif des groupes du forum (voir capture d’écran des groupes), ou encore en modifiant un profil utilisateur dans « Gestion des utilisateurs »,

Directement sur les groupes et utilisateurs

Pour gérer les permissions des groupes et/ou d’un utilisateur, la marche à suivre est la même. Lorsque tu es sur le récapitulatif, après avoir cliqué sur « Administration des groupes » ou sur « Gestion des utilisateurs », il te suffit de cliquer sur le petit oeil gris situé tout au bout à droite de la ligne du groupe ou de l’utilisateur. Tu peux alors gérer les permissions spéciales pour le groupe ou l’utilisateur, mais aussi décider de le mettre modérateur (peut gérer les sujets et messages écrits dans un sous-forum).

groupes-permissions-forumactif

Dans « Catégories et forums »

En passant par cette partie, le contrôle des permissions est total. Je veux dire par là, que tu peux donner ou supprimer des permissions de manière avancée. Pour cela, tu dois choisir un sous-forum, puis, soit cliquer sur le petit oeil gris, soit entrer dans le sous-forums et cliquer sur « permissions ». Une fois ceci fait, tu arrives ici :

forums-permissions-forumactif

Sur ce panneau, tu as plusieurs possibilités pour modifier tes permissions. Soit tu utilises les menus déroulants, qui modifieront de manière automatique les tableaux du dessous, soit tu coches et décoches les cases liées aux différentes actions possibles.

Attention, pour dégriser les cases, il faut d’abord que tu décoches les cases « invités » et « Membres ». En effet, si celles-ci sont cochées, tu ne peux pas retirer des permissions à des groupes spécifiques. C’est logique. Si tu ouvres un sous-forum aux invités et à tous les membres du forum, tu ne peux décemment pas le fermer à un groupe d’utilisateurs.

Voilà, c’est tout pour la gestion des permissions et des groupes. Si tu as des questions, n’hésite surtout pas à laisser un commentaire à la suite de cet article ou à me contacter par formulaire de contact dans la rubrique Contactez-moi. Je serai ravie de te donner un coup de main. Passons maintenant à la partie que je préfère, la personnalisation de l’apparence du forum. 

Personnaliser son forum : design & apparence

Pour personnaliser l’apparence de ton forum, tu as pas mal de solutions devant toi. Certaines sont très simples, et à la portée de tous, et d’autres sont plus complexes. Ces dernières nécessiteront que tu t’accroches, et que tu ai une véritable curiosité intellectuelle.

Utiliser les thèmes gratuits Hitskin

Pour trouver un thème qui te plaît sans te prendre la tête avec les difficultés liées à la personnalisation, Hitskin est la meilleure solution. Intégrée au panneau d’administration de ton forum, tu peux avoir accès à de très nombreux thèmes, proposés par des utilisateurs, depuis ton forum ou le site internet. Pour cela, tu dois te rendre dans « Affichage », puis, dans « Choisir un thème ». Si un thème te plaît, il suffit de cliquer dessus et de faire « Sauver les paramètres ». Un message qui demande ta confirmation doit alors s’afficher. Confirme l’installation, et voilà ! Ton thème est installé.

A savoir : c’est également dans cette partie que tu peux changer la version de ton forum.

Attention, le fait de changer de version de forum supprime toutes modifications que tu as pu faire lors de ta dernière personnalisation. En effet, le thème par défaut de la version sera installé.

Modifier l’apparence à partir de la rubrique « Affichage »

Là, nous allons commencer en entrer dans les détails de la personnalisation. Avant toute chose, il va falloir que tu décides de l’aspect que tu vas vouloir donner à ton forum. Je veux dire par là, qu’il va falloir que tu décides de la manière d’afficher les catégories et les sous-forums. Ce n’est qu’après ça que nous toucherons au design du forum.

Structure et hiérarchie

Je ne t’ai pas encore parlé de cette partie, c’est vrai. Elle n’est pas vraiment liée au design à proprement parlé, mais par contre influence vraiment l’apparence de ton forum. C’est pourquoi, je te la présente ici.

Pour aller dans cette partie du panneau d’administration, tu dois te rendre dans « Affichage », « Page d’accueil », puis cliquer sur « Structure et hiérarchie ». Ceci doit normalement s’afficher :

structure-forum-forumactif

Concrètement, sur cette partie, on te demande de décider du degré de séparation de tes catégories et de tes sous-forums. Comme tu peux le voir, j’ai choisi le « Moyen » du dessous. Cette configuration permet d’afficher une séparation entre les catégories, mais aussi d’afficher les sous-forums sous forme de petits liens sur l’index. A mon sens, la configuration moyenne du haut et du bas, sont les deux seules configurations de forum intéressantes. Les autres étant soient pas assez condensées, soit trop.

Pour ce qui est de la hiérarchie, je te laisse mettre les paramètres qui te plaisent. Personnellement, j’affiche toujours le titre du sujet du dernier message posté dans un sous-forum. Il en est de même pour les liens vers les sous-forums. C’est beaucoup plus pratique pour tes membres de les voir, car sinon, ils ne peuvent pas savoir qu’il y a des sous-forums, et ne posteront donc jamais dedans.

Modifier les couleurs et les polices d’écriture

Une fois que tu as décidé du design de base de ton forum, tu vas pouvoir le modifier comme tu le souhaites. Pour cela, on va commencer par modifier les couleurs et les polices d’écriture de ton forum. Pour choisir des couleurs qui peuvent aller ensemble, tu peux aller lire mon article sur Adobe Color qui est outil très utile pour faire des nuanciers de couleurs.

Tu sais à peu près qu’elles couleurs tu souhaites utiliser pour personnaliser ton forum ? Alors, rendez-vous dans « Affichage », « Images et couleurs », puis clique sur « Couleurs ». Tu dois avoir cette fenêtre :

couleurs-forum-forumactif

Comme tu peux le voir, tu as la possibilité de modifier une grande partie des couleurs de ton forum. C’est également le cas pour les polices d’écriture principales. Tu peux même en mettre plusieurs, au cas où l’une ne serait pas accessible par un membre ou visiteur. Classe, non ? Je ne sais pas si tu as remarqué, mais il est possible de mettre le code de la couleur, ou si tu préfères, cliquer sur la couleur et la sélectionner à l’aide d’une palette. Bref, sur cette partie, tu peux tout te permettre. Je te laisse bidouiller les polices et les couleurs pour voir ce que donnent les modifications que tu fais. A mon sens, c’est le meilleur moyen pour comprendre comment ça marche.

Modifier les Templates & la Feuille de style CSS

A cette étape, ça se complique furieusement. Bien sûr, tu n’es pas obligé de le faire, mais si tu veux personnaliser ton forum un maximum, tu seras contraint de le faire. Je ne vais pas expliquer en profondeur comment modifier les templates du forum et la feuille de style CSS dans cet article, car pour ça, il faut avoir de bonnes notions de HTML et de CSS. Par contre, j’essayerai de faire un article sur ce sujet, au moins pour que tu comprennes comment ça fonctionne, et faire des modifications simples.

Alors où ça se trouve tout ça ?

Pour la feuille de style CSS, si tu regardes bien dans la capture d’écran de la page de modification des couleurs, tu as un onglet, sur fond gris, à côté de « couleurs » en haut. C’est ici que tu dois cliquer pour avoir accès à la feuille de style. Suivant ton thème, il se peut qu’il y ai déjà quelques codes dans cette feuille.

En ce qui concerne les templates, ils se trouvent dans « Affichage », puis « Templates ». Suivant ce que tu vas vouloir modifier, tu choisiras ensuite de cliquer sur « Général », « Portail », « Galerie », ou encore « Groupes ». Pour être honnête, la plupart des templates à modifier se trouvent dans « Général », car c’est là que tu trouveras les templates liés à l’apparence de la page d’accueil, de l’index, mais aussi de l’affichage des sujets et des sous-forums.

Quelques ressources indispensables

Comme je le disais au début de cet article, il existe de très nombreuses sources pour apprendre à créer son forum. Personnaliser son forum n’est pas chose aisée, mais voici quelques forums qui peuvent être très précieux pour t’aider dans cette tâche fastidieuse :

  • Le forum de Forumactif : le lien indispensable pour tous ceux qui se lancent dans l’aventure forumesque. C’est une véritable mine d’or d’informations. Tu pourras y trouver de nombreux tutoriels pour personnaliser ton forum, mais aussi une aide très précieuse en cas de soucis techniques ;
  • Never Utopia : personnellement, c’est ma bible depuis plusieurs années, en plus du forum de Forumactif. Il y a pleins de choses intéressantes ! Et en particuliers, de super tutoriels, et libres services pour aider à personnaliser son forum. Si tu ne connais pas encore Never Utopia, et que tu es fondateur de forum, il faut absolument que tu y jettes un coup d’oeil. C’est THE place to be.

Et voilà, nous y sommes. C’est la fin de cet article consacré à la personnalisation de ton forum sur la plateforme Forumactif. J’espère que tous ces petits conseils te serviront, et comme dit plus haut, n’hésite pas à me poser tes questions si tu as besoin d’aide. Bien sûr, il y a encore pas mal de choses que tu dois découvrir, mais ça c’est à toi de le faire. Avec les ressources que je t’ai données, ça ne devrait pas poser de soucis. Bon courage dans la création de ton forum ! A très bientôt pour un nouvel article Geek qui portera sur le thème des codages HTML et CSS. 

On ne présente plus le fabricant de logiciels professionnels Adobe, particulièrement connu pour ses logiciels de la Creative Cloud (Photoshop, Lightroom, Illustrator, Indesign, Premiere, Dreamweather …). Ces logiciels sont destinés avant tout à un public professionnel, et sont payants. Cependant, savais-tu qu’Adobe propose des outils gratuits en ligne destinés à ses utilisateurs professionnels ainsi qu’au grand public? Tu connais forcément Acrobat Reader pour lire les PDF, mais connais-tu Adobe Color CC et Spark? Non? Alors je t’invite à les découvrir de toute urgence. 

Adobe Color CC – Accordons nos couleurs

En quelques mots, Adobe Color CC permet de créer facilement des accords de couleurs. Concrètement, cet outil te permet de créer de manière automatique des nuanciers de couleurs pour tes thèmes, tes designs ou même tes créations. Adobe Color CC propose plusieurs possibilités pour créer ces accords de couleurs. Voici quelques explications sur celles-ci.

Le menu général

Le menu général comporte 3 liens et donc possibilités: Créer, Explorer, et Mes thèmes.

L’onglet « Créer »

roue-chromotique-adobe-leblogdelagauffre

La partie « Créer » permet de créer un nuancier ou une association de couleurs, de manière automatique, à partir d’une image téléchargée sur l’outil en ligne ou d’une couleur choisie. Il y a plusieurs possibilités de création:

  • Semblable
  • Monochrome
  • Triade
  • Complémentaire
  • Composite
  • Nuances
  • Personnalisé

Tous ces choix te permettent de créer un nuancier qui correspond à tes attentes. Pour voir chaque effet, je t’invite à essayer directement sur Adobe Color CC. Pour chacune de ces possibilités, tu peux bouger les points de la roue pour modifier les couleurs de ton nuancier comme tu le souhaites.

L’onglet « Explorer »

A cet endroit, tu vas pouvoir trouver une multitude de nuanciers de couleurs prédéfinis. C’est très pratique si tu n’as pas la moindre idée des couleurs que tu veux mettre dans ton thème, ta création ou ton design. Plusieurs possibilités s’offrent alors à toi. Tu peux afficher les nuanciers de la manière que tu souhaites à l’aide des différentes options dans le menu déroulant. Ces options sont les suivantes:

    • Tous les thèmes
    • Mes appréciations
    • Mes thèmes publiés
    • Les plus populaires
    • Les plus utilisés
    • Au hasard

Une fois que tu as choisi ton nuancier, tu peux afficher ses informations, le modifier si tu le souhaites, le télécharger, mettre un « j’aime », ou encore l’enregistrer dans tes thèmes.

L’onglet « Mes thèmes »

nuancier-adobe-leblogdelagauffre

Dans cet onglet, tu vas pouvoir retrouver tous les nuanciers que tu as créés et enregistrés. Ils sont visibles dans tes bibliothèques, et l’affichage est triable par quantité, dates, noms, mais aussi par ordre croissant et décroissant.

Spark – Post, page web, vidéo

spark-adobe-leblogdelagauffre

Cet outil gratuit Adobe est mon vrai coup de coeur. Je suis sure que tu connais déjà Canva ou Crello, ces outils gratuits (ou payants) qui permettent de créer du contenu graphique en très peu de temps. Et bien, Adobe Spark te permet également de le faire de manière très simple, mais surtout, il va beaucoup plus loin ! Alors on clique sur le gros « + » en haut de la page, et on commence à créer !

Spark Post

spark-post-adobe-leblogdelagauffre

Cette partie de Spark te permet de créer des covers, bannières et posts pour différents supports. Tu peux démarrer à partir d’un document vierge ou commencer ta création à partir de modèles prédéfinis. De nombreuses possibilités s’offrent à toi quant aux modèles prédéfinis. En effet, tu peux faire des créations pour les réseaux sociaux (posts, covers et thumbnails), blogs, sites et pour tout autre support (lettres, …).

spark-post-instagram-adobe-leblogdelagauffre

Spark Page

Créer une page web en deux temps trois mouvements? Adobe l’a fait avec cette partie de Spark ! En effet, Spark Page permet de créer une page web simple (ou plus sophistiquée) en quelques minutes. Vraiment facile d’utilisation, c’est un outil intéressant si l’on souhaite mettre en avant un concours ou un évènement pour son blog par exemple.

spark-page-adobe-leblogdelagauffre

Envie de voir ce que ça donne en vrai? Je te propose ma petite page test que j’ai créé exprès pour cet article.

Spark Video

Dernière possibilité de Spark, la création de vidéo simplifiée. Là encore, on peut créer un projet en quelques minutes. Il y a des thèmes prédéfinis qui peuvent être très pratiques et nous faire gagner du temps. Spark video peut être intéressant si l’on a besoin de créer une petite vidéo pour un évènement ou un concours.

spark-video-adobe-leblogdelagauffre

Comment puis-je les utiliser?

Adobe Color CC et Spark sont deux outils gratuits, mais qui requiert une inscription avec une adresse mail valide. Il faut cependant noter que pour Spark, si l’on veut retirer le logo « Adobe Spark » des pages et des vidéos. mais aussi accéder à plus de personnalisation, il faudra passer à la version premium qui elle, bien sûr, est payante. Ce n’est pas le cas pour la partie « Post » où il suffit de cliquer sur le logo pour pouvoir le supprimer.

Voilà, j’espère t’avoir fait découvrir deux outils qui t’intéresseront. Personnellement, je les trouve vraiment bien, surtout si l’on court après le temps. Adobe Color CC est un indispensable pour les graphistes et webdesigners, quant à Spark, il est très apprécié par les community managers. C’est d’ailleurs lors de ma formation dans ce domaine que j’ai découvert ces deux outils. Et toi, quels sont tes outils indispensables pour le web? N’hésite pas à réagir à cet article si tu le souhaites. A très vite !

Lorsque l’on demande à la plupart des personnes que l’on connaît si ils connaissent Pinterest et/ou si ils l’utilisent, la réponse est très souvent non. C’est bien dommage, car Pinterest est un réseau social puissant qui peut vraiment être intéressant pour les blogueurs mais pas que …

Qu’est-ce que Pinterest?

Pinterest est un réseau social qui fête cette année ses 8 ans. Et oui, déjà ! Fondé en 2010 par Ben Silbermann, ancien employé de chez Google, et Paul Sciarra, Pinterest est un réseau social où l’image et le visuel sont primordiaux. En effet, ce sont les images qui s’affichent lorsque l’on fait une recherche, et non les liens.
Concrètement, comme pour tout réseau social, il est nécessaire de créer un compte pour utiliser le service. Une fois inscrit, l’utilisateur peut créer des collections d’images. Une collection est appelée « tableaux » et une image est appelée « épingle ». Les autres utilisateurs peuvent ensuite s’abonner à un compte ou bien s’abonner à l’un ou plusieurs tableaux de ce compte.
Il est possible de créer des épingles de trois manières différentes:

 

  • Par le biais d’un bouton « Pin it » présent sur un site internet.
  • En téléchargeant l’extension de navigateur « Pinterest ».
  • En ajoutant directement sur son compte une image.
Une fois qu’une image a été téléchargée sur Pinterest, il est possible d’ajouter une légende à ton épingle. A l’intérieur de cette légende tu peux bien sûr y mettre du texte mais aussi renvoyer ton épingle vers une page internet. Et c’est là que la puissance de Pinterest se dessine.

Pourquoi utiliser Pinterest?

Grâce au renvoi vers une page internet, Pinterest est un réseau social incontournable pour se faire connaître. Que l’on soit blogueur, vendeur professionnel ou freelance, ou bien que l’on ai juste envie de faire connaître ses créations, Pinterest est une formidable opportunité.
En effet, il suffit de poster une photo de ses créations (ou ses créations sous forme d’images), d’y ajouter une légende pertinente, quelques hashtags, et le lien vers son produit, sa page ou son site, et le tour est joué.
Les visiteurs et les utilisateurs de Pinterest feront ensuite leurs recherches et si votre épingle est pertinente avec ces dernières, elle apparaîtra.
Pinterest est un réseau social qui ne nécessite pas beaucoup de temps. Ce qui peut vraiment prendre du temps par contre, c’est la création des visuels. En effet, plus votre visuel sera travaillé et attrayant, plus votre épingle sera susceptible d’être ajoutée à un tableau par les utilisateurs.

Quelques conseils pour utiliser le réseau

Le premier conseil que je pourrais te donner c’est de t’inscrire sur Pinterest. C’est tout bête je sais mais pas mal de personnes se disent que ça ne vaut pas le coup, je pense au contraire que ça en vaut vraiment le coup.

Le second conseil est de vraiment travailler tes visuels mais aussi et surtout y mettre ta patte. Il est important que tes visuels te ressemblent et ne ressemblent pas à tous les autres, ça permet de te différencier.

Le troisième et dernier conseil que je pourrais te donner c’est de prendre quelques minutes dans ta journée pour créer des tableaux et y ajouter des épingles. C’est une façon simple d’avoir de nouveaux abonnés.

Et toi alors, est-ce que tu utilises Pinterest? Qu’en penses-tu? De plus, le réseau social a changé d’apparence et de nouvelles fonctionnalités sont apparues. Que penses-tu de cette nouvelle version?

Et oui, déjà un mois que je vous ai rejoint dans la blogosphère … c’est fou comme ça passe vite quand même ! Je te propose donc un article pour faire un petit bilan de ce premier mois. Tu trouveras des infos sur: où j’en suis dans la construction du blog, mon ressenti en tant que nouvelle blogueuse et quelques infos sur mon activité sur les réseaux sociaux. Bien sûr je compte sur toi, toi qui me lis, pour me donner ton avis également. 
 

Où en est le blog?

Au niveau du design, il est pas mal avancé et je ne m’y attendais pas. J’avais imaginé que ça prendrait beaucoup plus de temps mais j’ai eu la chance de trouver un thème qui me corresponde pas mal, du coup ce sont surtout des finitions qu’il reste à faire sur le design. 
 

Concernant la structure, j’ai encore un peu de boulot. Si récemment j’ai mis en ligne les pages principales du blog, elles sont encore en construction. Je pense que tu l’as surement remarqué si tu as cliqué sur les liens de la navigation du haut. Les pages « à propos » et « blogroll » sont en chantier et ne t’apporteront pas encore les informations que tu souhaites, cependant la page « contact », elle, est bien opérationnelle. Tu peux tout-à-fait me contacter par ce biais si tu le désires. 

Malgré cela, plusieurs articles sont maintenant en ligne. A l’heure où je tapes ces lignes, ils sont au nombre de 9 et ceci est donc mon 10ème article ! Ca se fête, non?

Mon ressenti de nouvelle blogueuse

Pour être très honnête, je suis nouvelle dans le monde du blogging mais je ne suis pas nouvelle sur internet. J’ai déjà eu l’habitude d’échanger avec des communautés et de créer mes propres communautés par le biais des forums mais jamais par le biais d’un blog, en tout cas pas au sens blog comme on l’entend aujourd’hui. (Skyblog ça vous dit quelque chose? Oui, oui, ce truc flashy du début des années 2000)

En tant que nouvelle sur la blogosphère, je me suis très vite rendue compte que c’était un milieu extrêmement vaste. Comme beaucoup de jeunes blogueuses, j’ai pris des conseils à droite et à gauche pour faire connaître mon blog. Et c’est grâce à ces conseils que j’ai rejoint Hellocoton (que je ne connaissais absolument pas) et Inspillia (pareil, je ne connaissais pas du tout). J’aime beaucoup le concept de partager ce que l’on fait et découvrir les blogs des autres via ces plateformes, même si il y aurait des choses à améliorer.

Au niveau de la gestion de mon blog en elle-même, je peux te dire que j’adore ça ! Je trouve ça génial de pouvoir allier l’écriture et le partage sur des idées avec d’autres personnes. Je suis juste en train de me demander pourquoi je n’ai pas commencé plus tôt à bloguer?

Et sur les réseaux sociaux?

Etant donné que je débute complètement dans le milieu du blog, j’ai choisi d’avoir une présence assez forte sur les réseaux sociaux. C’est un bon moyen pour gagner en visibilité et pour partager de manière différente que sur le blog avec les personnes qui nous suivent. Le blog de la Gauffre est donc présent sur les principaux réseaux sociaux (si tu ne me suis pas encore, je te mets ci-dessous les liens de mes pages et comptes)

Facebook Twitter Pinterest Instagram Google-plus Linkedin


Mon bilan pour ce premier mois est plutôt positif. Vous êtes de plus-en-plus nombreux à me suivre et je vous en remercie. Les réseaux sociaux représentent une part importante des visites du blog. Le blog étant tout jeune, il n’est pas encore complètement référencé sur les moteurs de recherche mais cela n’empêche pas que vous êtes toujours plus nombreux à lire mes articles. Donc à toi qui me lit, merci d’être là. C’est ce qui me motive à poursuivre dans cette merveilleuse aventure qu’est le blogging. Je te dis donc à très vite !

On parle depuis quelques temps maintenant des modifications de l’algorithme de Facebook pour privilégier le contenu des amis et de la famille, mais il y a également une petite nouveauté sur le réseau: la possibilité de créer des listes.

Qu’est-ce qu’une liste sur Facebook?

Tu connais certainement la liste de choses à faire ou la « to do list », les listes numérotées, ou encore les listes de courses. Et bien les listes de Facebook c’est un peu pareil. Facebook propose maintenant à ses utilisateurs et utilisatrices de créer des listes sur plusieurs thèmes préenregistrés.

 

Comment ça marche?

Pour expliquer le fonctionnement de cette nouvelle fonctionnalité, je te propose quelques petits visuels agrémentés d’explications. Cette explication est faite pour les pages Facebook mais il est également possible de créer une liste sur un profil utilisateur. Le fonctionnement est globalement le même.

Affichage pour une page Facebook

creation-liste-facebook-leblogdelagauffre
Attention, si tu as l’affichage ci-dessous sur ta page Facebook, tu ne peux pas créer de liste pour le moment. Je reste en veille pour trouver une solution cependant. 
creation-liste-facebook-la-gauffre-mauvais-affichage

Affichage pour un utilisateur Facebook

creation-liste-facebook-la-gauffre-utilisateur

Création de la liste Facebook

Pour créer une liste sur ta page Facebook, rendez-vous dans la création d’un post et clique sur « Evènement, Produit + ». Tu devrais y trouver en deuxième position « Rédiger une liste ». Clique dessus.
creation-liste-facebook-la-gauffre-choix
Une liste de propositions apparaît. A toi de choisir le type de liste que tu souhaites créer. Pour l’exemple, j’ai cliqué sur « Mes projets pour le week-end ».
creation-liste-facebook-la-gauffre-projets
Une fois ton type de liste choisi, on te propose d’ajouter des éléments « article ». Il te suffit de cliquer sur « ajouter un article » et de mettre ton texte. Puis de cliquer sur « ajouter un élément » pour ajouter un nouvel article à ta liste. Tu peux bien sûr en ajouter plusieurs à la suite.
A noter: Tu peux choisir ton type de liste « numérotée » ou « pucée » à l’aide des icônes situées à gauche des couleurs. Tu peux également choisir la couleur de fond de ta liste grâce aux pastilles de couleurs.
Ta liste est faite, tu n’as plus qu’à cliquer sur « publier ».
Voici le résultat sur ma page.
creation-liste-facebook-la-gauffre-résultats
A toi de jouer !

Voilà quelques semaines, suite à la fin de ma formation de community manager, j’ai décidé de compléter ma formation grâce à une formation en ligne. Après quelques recherches, je suis tombée sur un article du blog du Modérateur qui proposait 10 formations gratuites pour les professionnels du web. Bon c’est vrai je ne suis pas (encore?) une professionnelle du web, mais l’article était cependant très intéressant et j’ai trouvé une formation particulièrement pertinente pour compléter ma formation: il s’agit de « writing for the web » de Open2study.

Quelques craintes au début

J’ai donc sauté le pas après quelques temps de réflexion. Je me suis inscrite sur la plateforme à partir de mon compte Linkedin et j’ai attendu le début des cours. J’avais quelques appréhensions au départ. C’était la première fois que je faisais une formation en ligne et en particulier dans une langue autre que ma langue maternelle, l’anglais. De plus, le centre proposant cette formation est situé à l’autre bout du monde, en Australie, il y a donc un énorme décalage horaire.

Malgré ces questions, le 12 février est arrivé, et j’ai commencé ma formation. Très vite mes craintes se sont envolées. Le décalage horaire n’est absolument pas un problème puisque l’on a accès aux cours quand on le souhaite à partir de la date de départ, et la personne qui fait le cours dans les vidéos parle assez doucement et articule suffisamment pour qu’on la comprenne facilement. De plus, on peut activer les sous-titres en anglais. Que demander de plus?

Comment se déroule la formation?

Le principe de la formation est tout simple mais efficace. Elle est composée de quatre modules de formation traitant chacun de plus d’une quinzaine de thèmes (topics sur la plateforme). Chacun de ces thèmes se déroule en trois parties; d’abord on regarde une vidéo assez courte (de 3 à 10 minutes environ), puis on répond à une question portant sur le thème de la vidéo pour voir si on a bien compris, et enfin on a quelques explications supplémentaires dans une deuxième vidéo beaucoup plus courte (moins d’une minute).

A la fin du module et donc une fois que l’on a vu et répondu à toutes les questions des quizz, un questionnaire d’une dizaine de questions nous permet de valider ou non notre module. On remplit le questionnaire en répondant aux questions suivant ce que l’on a retenu du cours, et à la fin, on nous donne le pourcentage de nos bonnes réponses. On a ensuite la possibilité de refaire le questionnaire pour répondre différemment aux questions sans savoir quelles réponses sont bonnes ou fausses, ou la possibilité de valider le module avec notre pourcentage de réussite. Il faut savoir que l’on peut répondre trois fois à ce questionnaire. Au bout de la troisième fois, le dernier pourcentage est pris en compte pour la validation, ou non, du module.

Mon bilan sur la formation

Ma formation est terminée. J’ai appris beaucoup de choses que je peux mettre en pratique sur mon blog maintenant mais aussi, je l’espère, professionnellement. J’ai terminé la formation avec un score de 95% de réussite. Les questions après chaque topic (sujet) étaient assez faciles mais les assessments (les questionnaires finaux après les modules) étaient beaucoup plus compliqués. Pourtant, si on suit bien la formation, il n’y a que peu de soucis à se faire pour répondre aux questions. En tout cas, pour ceux qui parlent anglais, je vous conseille cette formation. D’ailleurs, j’en ai entamé une autre sur Open2Study mais cette fois-ci sur la publicité sur internet.
Pin It