Documentation Typo3
  • Introduction
  • Notions de base
    • Interface
    • Structure des sites
    • Les pages
      • Créer des pages
      • Actions sur les pages
      • Types de pages
      • Propriétés de la page
      • Ajouter un bandeau de page
    • Menus et footer
    • Ajout de contenu
    • Les composants
      • Texte & Médias
        • Titre
        • Texte et/ou image
        • Texte et/ou média
        • Texte dans des colonnes
        • Citation
        • Texte avec extrait
        • Texte avec icône
        • Panneau
        • Contenu audio
      • Groupes
        • Groupe de carte
        • Groupe de liste
        • Accordéon
        • Onglet
        • Groupe d'icônes
      • Menus
        • Pages
        • Sommaire
        • Sous-pages
        • Résumés
        • Plan de site
        • Cartes des pages
        • Cartes de sous-pages
        • Pages récemment mises à jour
      • Mise en page
        • Boite de mise en exergue
        • Carrousel
        • 2/3/4 Colonnes
        • Séparation
      • Autres contenus
        • Pur HTML
          • Timeline Twitter
          • Vidéos Youtube
          • Facebook
          • Google Maps
        • Liste de fichiers
        • CSV
        • Contenu miroir
        • Chiffres clés
        • Liste des formations
        • Localisation du bâtiment
        • Bloc lien externe
        • Mini annuaire
        • Réseaux sociaux
    • Les fichiers
  • Notion avancées
    • Multi-langues
    • Workspaces
    • Espace privé
    • Les modules
      • Formulaires
      • News
      • Publications HAL
      • Thèses
      • Ouvrages
        • Création du premier ouvrage
        • Ajouter des informations complémentaires
        • Gérer les séries (ou collections)
      • 🚫AddThis
      • Icônes réseaux sociaux
      • Contenu Map
      • Trombinoscope
        • Trombinoscope mixte
        • Trombinoscope simple
  • Outils complémentaires
    • Formation vidéo
    • Plausible
    • Sitechecker
  • Sites spécifiques
    • Introduction
    • Site Carrière
    • Site institutionnel
      • Le carrousel
      • Ça se passe à l'université
      • The Conversation
      • Regardez
      • Rencontrez
      • Feuilletez
      • Ecoutez
  • ⚖️Aspects juridiques
    • RGPD
    • Droit à l'image
    • Image libre de droits
    • Droit d'auteur
  • Divers
    • FAQ
    • Couleurs Charte
    • Contact
Propulsé par GitBook
Sur cette page
  • Disponible sur...
  • Présentation
  • Ajout d'un nouveau composant Pure HTML
  • Configuration du composant
  • Exemples

Cet article vous a-t-il été utile ?

  1. Notions de base
  2. Les composants
  3. Autres contenus

Pur HTML

Cet élément vous permet d'insérer du code HTML brut sur la page.

PrécédentAutres contenusSuivantTimeline Twitter

Dernière mise à jour il y a 7 mois

Cet article vous a-t-il été utile ?

Disponible sur...

Présentation

Le composant Pure HTML vous permet d'inclure dans votre page des contenu HTML. Pour créer des présentations particulières ou pour utiliser des widgets fournis par des sites tiers (lecteur YouTube, timeline twitter,...)

Ajout d'un nouveau composant Pure HTML

  1. Sur la page en mode , trouvez la section où vous souhaitez ajouter un composant Pure HTML.

  2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.

  3. Sélectionnez Pure HTML dans l'onglet Autres contenus.

L'utilisation de contenu HTML nécessite un minimun de connaissance technique. En effet si le code HTML utilisé est incorrect il peut empêcher la page de s'afficher correctement.

Configuration du composant

  1. Une fois que vous avez ajouté le composant, vous verrez une boîte de dialogue de configuration.

  2. Ajoutez un Nom (qui ne s'affiche que dans le Backend et pas sur le site) (optionnel)

  3. Vous pouvez ensuite coller votre code HTML.

  4. Enregistrez vos modifications

Exemples

Vous pouvez retrouver des exemples d'intégration de

Pour les sites le composant est disponible dans l'onglet Modules. Pour les sites le composant est disponible dans l'onglet Eléments spéciaux.

Timeline Twitter
Vidéo Youtube
Facebook
Google Maps