Les blocs pour les liens et les outils
8 blocs pour relier, partager, protéger et échanger
Groupe de boutons ronds
🎯 À quoi sert-il ? Proposer des boutons ronds pour naviguer : vers d'autres pages, ou vers un endroit de la page.
🛠️ Comment faire ? Un bouton par ligne : le libellé, une barre verticale, puis l'adresse.
💡 Astuce : Un bouton peut être mis en avant, en couleur pleine.
🏅 Petit défi : cliquer sur un bouton pour visiter une autre famille de blocs.
Lien commenté (externe)
🎯 À quoi sert-il ? Proposer une grille de boutons vers des sites extérieurs utiles.
🛠️ Comment faire ? Pour chaque bouton : un intitulé et l'adresse du site.
💡 Astuce : Les liens s'ouvrent dans un nouvel onglet : le visiteur ne quitte pas votre site.
Listing YouTube / Facebook / Sites Web
Démonstration en vidéo
FileZilla, le logiciel de transfert
L'edelweiss sur Wikipédia
Mixkit, des vidéos gratuites
🎯 À quoi sert-il ? Tenir une liste de vidéos, de pages Facebook ou de sites Internet, triée par ordre alphabétique.
🛠️ Comment faire ? Deux lignes par entrée : le titre, puis le lien juste en dessous.
💡 Astuce : Les doublons sont repérés automatiquement dans l'Éditeur.
Document PDF
🎯 À quoi sert-il ? Afficher un document PDF dans la page, que le visiteur peut lire ou télécharger.
🛠️ Comment faire ? Le nom du fichier PDF, rangé dans medias/pdf/, et un titre.
💡 Astuce : Parfait pour un programme, un règlement, un bulletin d'inscription.
Code HTML (iFrame)
Une carte interactive, ajoutée avec un simple code
🎯 À quoi sert-il ? Ajouter dans la page un contenu fourni par un autre site : une carte, un agenda, un formulaire, une présentation.
🛠️ Comment faire ? On copie le code proposé par le site (bouton « Intégrer » ou « Partager ») et on le colle tel quel.
💡 Astuce : Bloc pour les plus curieux : uniquement des codes de sites de confiance, jamais de mot de passe.
🏅 Petit défi : zoomer sur la carte pour trouver le sommet du Mont-Blanc.
Lien protégé par code
🎯 À quoi sert-il ? Protéger un lien par un code à 6 chiffres : seuls ceux qui ont le code peuvent télécharger, écouter ou regarder.
🛠️ Comment faire ? On choisit le contenu, on écrit un code, puis on clique sur « Verrouiller ce lien » : le lien est chiffré.
💡 Astuce : Pour cette démonstration, le code est 202620. Essayez !
🏅 Petit défi : ouvrir le bouton, taper le code, et télécharger la photo.
Formulaire (messages)
Laissez-nous un message
Une question, une idée, un encouragement ? Écrivez-nous ici !
🎯 À quoi sert-il ? Permettre aux visiteurs d'envoyer un message, qui arrive par courriel, sans que l'adresse e-mail apparaisse dans la page : les robots ne peuvent pas la voler.
🛠️ Comment faire ? On écrit le titre, le texte d'introduction et le texte du bouton. Si l'hébergement n'accepte pas le PHP (c'est le cas des petites offres de 1 Go), on colle en plus une clé d'envoi, obtenue gratuitement en une minute.
💡 Astuce : Ce formulaire est le même que celui de la page « Contact » : essayez-le !
Recherche sur le site
Rechercher sur le site
🎯 À quoi sert-il ? Chercher un mot dans toutes les pages du site, directement dans le navigateur.
🛠️ Comment faire ? On écrit le titre et un exemple de recherche.
💡 Astuce : La recherche a besoin d'un fichier « index-recherche.json », préparé avec l'outil « Indexer le site » et déposé à la racine du site : sans lui, elle répond qu'elle ne trouve pas son index.
