Le thème configurable Ukoo

Développé par l'agence web Ukoo, le thème intégré à Clemweb permet de répondre aux principaux besoins d'un site vitrine ou blog en apportant un outil facile à prendre en main.

Il permet aussi aux intégrateurs de réduire le temps nécessaire à transposer un webdesign sur la solution Clemweb afin de se concentrer sur les aspects cruciaux du projet.

Librairies intégrées

Fonctionnalités modifiables

Général

Personnalisation graphique

Personnalisation fonctionnelle

  • Couleur principale du thème (reprise pour les liens, boutons, décoration...)
  • Couleur de fond des boutons
  • Couleur du texte des boutons
  • Police Google Font pour les titres
  • Couleur des titres
  • Afficher les titres en majuscules
  • Afficher les titres en gras
  • Police Google Font pour les textes
  • Afficher/masquer la décoration sous les titres des blocs
  • Activer un design "arrondi" sur l'interface (supprime  arrondis sur les blocs, boutons etc.)
  •  

Entête

Personnalisation graphique

Personnalisation fonctionnelle

  • Couleur de fond de la barre supérieure
  • Couleur des éléments de la barre supérieure
  • Logo du client
  • Couleur de fond de la barre de menu
  • Couleur des liens de menu
  • Couleur des liens de menu actifs (niveau 1)
  • Couleur de la décoration au survol des liens de premier niveau
  • Couleur des flèches indiquant un sous menu (1er niveau)
  • Couleur des liens de menu (niveaux 2 et suivants)
  • Couleur des liens de menu actifs (niveaux 2 et suivants)
  • Couleur de fond des sous-menus
  • Couleur de fond des sous-menus au survol
  • Couleur des séparateurs des sous-menus
  • Couleur des flèches indiquant un sous menu (2ème niveau et +)
  • Afficher/masquer la barre supérieure
  • Éditer le texte SEO
  • Définition du texte alternatif du logo

 

Réseaux sociaux

Personnalisation fonctionnelle

  • Activation des icônes vers les réseaux sociaux suivants
    (affichées dans l'entête et le pied de page) :
    • Facebook
    • Google +
    • Instagram
    • LinkedIn
    • Twitter
    • Viadeo
    • YouTube
    • Tripadvisor

Slider

Personnalisation graphique

Personnalisation fonctionnelle

  • Hauteur du slider
  • Image du slider
  • Couleur du titre
  • Couleur du texte
  • Largeur du bloc de texte
  • Nombre de caractères max affichés dans le bloc de texte
  • Couleur du bouton
  • Couleur du texte du bouton
  • Couleur du calque opacifiant
  • Opacité du calque opacifiant
  • Choix de l’aspect des éléments de navigation (http://docs.averta.net/display/MSJQ/Slider+Skin)
  • Couleur de la timeline
  • Afficher/masquer le slider
  • Afficher le slider sur la page d’accueil
  • OU afficher le slider sur toutes les pages
  • Définir la durée des slides
  • Afficher/masquer un calque opacifiant entre l'image et le texte
  • Afficher/masquer les flèches de navigation
  • Afficher/masquer les indicateurs du slide actif
  • Afficher/masquer la timeline
  • Afficher/masquer le lien “En savoir plus”
  • Afficher/masquer les slides reprenant les articles du blog
  • Afficher/masquer les slides personnalisés

Bloc contenu

Ce bloc s’affichera seulement si un contenu/module est présent/affecté sur la page d’accueil (via module pagemanager).

Personnalisation graphique

Personnalisation fonctionnelle

  • Couleur de fond du bloc
  • OU image d'arrière plan
  • Couleur du titre
  • Couleur de la décoration du titre
  • Afficher/masquer le titre du bloc
  • Modifier l’intitulé du titre
  • Activer/désactiver l’effet de parallaxe sur l’image de fond

Bloc services

Personnalisation graphique

Personnalisation fonctionnelle

  • Couleur de fond du bloc
  • OU image d'arrière plan
  • Couleur du titre
  • Couleur de la décoration du titre
  • Couleur du texte
  • Couleur des icônes
  • Couleur de fond des icônes
  • Afficher/masquer le bloc
  • Afficher/masquer le titre du bloc
  • Modifier l’intitulé du titre
  • Afficher/masquer le texte d'introduction
  • Modifier le texte d’introduction
  • Activer/désactiver l’effet de parallaxe sur l’image de fond
  • Ajouter/ordonner/supprimer des éléments

Bloc articles du blog

Personnalisation graphique

Personnalisation fonctionnelle

  • Couleur de fond du bloc
  • OU image d'arrière plan
  • Couleur du titre
  • Couleur de la décoration du titre
  • Couleur du texte
  • Afficher/masquer le bloc
  • Afficher/masquer le titre du bloc
  • Modifier l’intitulé du titre
  • Afficher/masquer le texte d'introduction
  • Modifier le texte d’introduction
  • Activer/désactiver l’effet de parallaxe sur l’image de fond
  • Nombre d’articles à afficher
  • Activer/désactiver le carrousel

Bloc logos

Personnalisation graphique

Personnalisation fonctionnelle

  • Couleur de fond du bloc
  • OU image d'arrière plan
  • Couleur du titre
  • Couleur de la décoration du titre
  • Afficher/masquer le bloc
  • Afficher/masquer le titre du bloc
  • Modifier l’intitulé du titre
  • Afficher/masquer le texte d'introduction
  • Modifier le texte d’introduction
  • Activer/désactiver l’effet de parallaxe sur l’image de fond
  • Nombre d’articles à afficher
  • Activer/désactiver le carrousel
  • Ajouter/ordonner/supprimer des éléments

Bloc newsletter

Personnalisation graphique

Personnalisation fonctionnelle

  • Afficher/masquer une icône
  • Définir l’icône à afficher
  • Couleur de fond du bloc
  • OU image d'arrière plan
  • Couleur du texte d’introduction et de l’icône
  • Couleur du texte d’information
  • Afficher/masquer le bloc
  • Afficher/masquer le titre du bloc
  • Modifier le texte d’introduction
  • Modifier le texte d’information
  • Activer/désactiver l’effet de parallaxe sur l’image de fond
  • Activer/désactiver le captcha antispam

Pied de page

Personnalisation graphique

Personnalisation fonctionnelle

  • Couleur de fond du bloc
  • OU image d'arrière plan
  • Couleur des titres des blocs
  • Couleur du texte/liens/icônes
  • Activer/désactiver l’effet de parallaxe sur l’image de fond
  • Afficher/masquer le bloc “À propos”
  • Afficher/masquer le bloc “Contact”
  • Afficher/masquer le bloc “Social”

Page contact

Personnalisation fonctionnelle

  • Afficher une image d’illustration
  • Afficher/masquer l’adresse
  • Afficher/masquer les horaires
  • Afficher/masquer le numéro de téléphone
  • Afficher/masquer le fax
  • Afficher/masquer le numéro de portable
  • Afficher/masquer l’adresse e-mail

Colonne

Personnalisation graphique

Personnalisation fonctionnelle

  • Couleur des titres des blocs
  • Couleur de la décoration des titres
  • Couleur de fond du bloc
  • Couleur des textes
  • Couleur des liens
  • Afficher/masquer la colonne
  • Choisir la position de la colonne (gauche ou droite)
  • Afficher/masquer les blocs personnalisés en haut de la colonne
  • Afficher/masquer les blocs personnalisés en bas de la colonne

Widgets

Personnalisation fonctionnelle

  • Afficher/masquer le widget de recherche
  • Afficher/masquer le widget qui liste les articles de la catégorie courante
  • Afficher/masquer le widget qui liste les catégories du blog
  • Afficher/masquer le widget qui liste les derniers articles du blog
  • Afficher/masquer le widget qui liste les derniers évènements du blog
  • Afficher/masquer le widget de calendrier des évènements du blog
  • Afficher/masquer le widget qui liste les archives du blog (classés par mois)
  • Afficher/masquer le widget qui liste les catégories d'albums photo
  • Afficher/masquer le widget qui liste des albums photo
  • Afficher/masquer le widget qui liste des tags
  • Gérer l’ordre des widgets dans la colonne

 

Cookies

Personnalisation graphique

Personnalisation fonctionnelle

  • Couleur de fond de la barre d’info
  • Couleur du texte de la barre d’info
  • Afficher/masquer la barre d’info
  • Durée d’expiration avant de réafficher la barre d’info cookie sur un navigateur après qu’elle est été validée par l’internaute
  • Contenu textuel de la barre d’info
  • Titre de la modal d'infos
  • Texte d'information présent dans la modal