Petit site web

Créez vous-même votre site web, rapidement et en toute indépendance.

(Ref: Kapsule 5)

Copie d'écran de la Kapsule 4

Présentation

  • Cette kapsule open source utilise "Typesetter". C'est une application web de gestion de contenu (CMS) de type WYSIWYG (What You See Is What You Get). Vous pouvez ainsi composer vos pages à votre guise et selon votre inspiration.
  • La courbe d'apprentissage de Typesetter demande un effort relativement important mais moindre que pour d'autres CMS de type Drupal ou Joomla. De plus, Typesetter est plus facile à installer et à administrer.
  • Techniquement, Typesetter est un "Flat-file CMS". C'est à dire qu'il n'utilise pas de base de données de type MySQL ou MariaDB comme d'autres CMS tels que Wordpress. Il est ainsi plus léger, plus facile à installer, à maintenir et plus sécurisé.
  • Typesetter utilise des technologies de références telles que Bootstrap, {less} et {Sass} pour la composition visuelle.
  • Vous pouvez donc avoir confiance quant à la fiabilité de ce projet open source et surtout, sur les capacités d'évolution de votre site web.

Compétences techniques requises

Environnement nécessaire

Pour fonctionner, Typesetter nécessite un hébergement composé:

  • d'un serveur web (Apache ou Nginx par exemple),
  • d'un langage de programmation nécessaire à la génération des pages Web dynamiques de Typesetter (PHP).

Cet environnement peut être installé par vos soins sur votre propre matériel (Linux, Mac, Windows) ou directement loué chez un hébergeur.

Depuis la documentation officielle, vous serez renseigné(e)s sur les configurations requises.

Une version de démonstration est également disponible à l'adresse suivante.

Vous pouvez également nous contacter pour plus d’informations.

Installation de Typesetter

  1. Téléchargez gratuitement Typesetter depuis le site officiel.
  2. Dézippez l'archive téléchargée et placez son contenu sur votre hébergement. Appliquez-y les droits nécessaires.
  3. Depuis votre navigateur web, rendez-vous à l'adresse de votre hébergement ou au sous-dossier si vous en avez créé un, par exemple: https://votresiteweb.ch ou https://votresiteweb.ch/typesetter.
  4. Au premier lancement, une page de configuration complète s'affiche avec une vérification de votre configuration serveur ainsi que la configuration de votre site. Veuillez être attentif(ve) à la vérification faite par Typesetter. Si des informations relatives à la colonne des valeurs actuelles ne correspondent pas à celles de la colonne des valeurs requises, veuillez faire le nécessaire ajuster votre environnement afin de vous éviter des problèmes ultérieurs. Consultez la documentation officielle pour plus d'information.

Utilisation de Typesetter

  • Pour accéder à l'administration de votre site, ajoutez /admin à l'adresse url de votre site.
  • Depuis l'administration de votre site, la barre latérale noire de gauche vous permet d'accéder à plusieurs options:
    • Content: Le contenu de votre site tel que ses pages, votre galerie multimédia, l'envoi de fichiers, etc.
    • Appearance: Cette section vous permet de modifier l'apparence de vos pages et d'appliquer des thèmes.
    • Plugins: Pour ajouter des fonctionnalités complémentaires à votre site telles que des post-it, un calendrier, un éditeur markdown, un formulaire de contact, etc.
    • Settings: Depuis cette section, vous pouvez configurer de façon avancée votre site web: gestion des permissions, formulaire de contact, reCaptcha, etc.
    • Tools: Différents outils vous permettront par exemple de faire une sauvegarde immédiate de votre site et de la télécharger sur votre ordinateur.
    • Performance: Une section qui vous permet de vérifier la taille ou la rapidité de votre site.
    • Online Ressources: Des raccourcis pour accéder à la documentation officielle ou le forum.
  • Depuis la section Settings -> Configuration -> Interface, vous pouvez spécifier la langue par défaut de votre choix.
  • Pour modifier une page de votre site, placez le curseur de votre souris à l'endroit désiré puis cliquez sur l'icône du stylo. Vous pouvez ainsi ajouter des nouveaux éléments, modifier les existants et bien d'autres choses!

Informations importantes