History: Utilisation de la fonction APPARENCES et SENSATIONS
Source of version: 3
Copy to clipboard
La façon la plus rapide de configurer Tikiwiki est d'utiliser la fonctionnalité 'Thèmes et Apparence' (Look and Feel). Bien que ne permettant pas spécifiquement la fabrication de thème, elle est décrite ici parce qu'elle s'en rapproche et pourrait être utilisée en accord avec d'autres aspects de conception du design du site.
!!Description générale
La fonction 'Thèmes et apparences' aide l'administrateur du site en simplifiant la procédure de personnalisation de son site Tiki. Au lieu de travailler manuellement le code des fichiers de gabarits (*.tpl), ce qui nécessite des connaissances de programmation Web approfondies, l'administrateur peut simplement créer son espace d'entête de site avec son logo, son slogan et plein d'autres éléments directement modifiable à partir du panneau de configuration de TikiWiki.
!!Les fonctions clés et les sous-fonctions
Les différentes caractéristiques qui contribuent à l'identité du site peuvent être activées par l'Administrateur à partir de son panneau d'administration.
Pour y accéder, connectez-vous à votre site à l'aide d'un nom d'utilisateur ADMINISTRATEUR. Allez dans le menu principal à gauche, cliquez sur __Administrer__ (le dernier en bas), le sous-menu du panneau d'administration s'ouvre et choisissez le premier item du haut __Accueil Administration__. La page __Administration__ apparait. La fonction Thème et apparence est le sixième bouton de la liste des fonctions dans la grille regroupant 43 boutons. (pour la version Tiki 5.0)
Le chemin du fichier est (tiki-admin.php?page=look).
Dans la version Tiki 5.0, vous pouvez :
* Thème
**Thème : Sélectionnez le thème par défaut du site
**Options de thème : Sélectionner une option de thème (variation du thème principal) si disponible
**Les utilisateurs peuvent changer de thème
***Styles disponibles
**Chaque groupe peut avoir son propre thème
**Thème des diapositives
**Modifier le CSS
**Contrôle des thèmes
**Affichage du gabarit Tiki
**Modifier les Gabarits
**Indicateurs à l'usage dans les Gabarits Smarty
**Utilisation des catégories dans les Gabarits (TPL)
*Options générales de mise en page
**Personnaliser le contenu HTML <head>
**Largeur fixe
**Code personnalisé du menu secondaire
**En-tête du site sur mesure
***Contenu
***Le publier
**Titre et logo du site
***Logo
****Logo source (chemin de l'image)
****Couleur de fond du Logo
****Style de fond du Logo
****Alignement du Logo
****Titre du Logo (lorsque la souris est dessus)
****Description Alt (pour les navigateurs textuels)
***Titre
****Titre du Site
****Sous-titre
**Barre de Connexion
**Barre du haut
***Barre de menu sur le site
****Code personnalisé du menu du site
****ID du menu
***Afficher la version courante de Tiki
***Console de débogage
***Barre de Recherche
***Personnalisation du code
**En-tête personnalisée de la colonne centrale
**Colonne de gauche
**Colonne de droite
**Fil d'Ariane
***Préfixer le fil d'Ariane avec "Emplacement : "
***Fil d'Ariane du site
***Police de caractères plus large pour
***Utiliser la description de la page
**Bas de page du site sur mesure
***Contenu
**Code personnalisé de fin de la balise <body>
**Barre du bas
***Barre du bas avec les icônes
***Barre du bas de débogage
***Barre du bas du flux (RSS)
***Ajouter un lien __Powered by Tiki__ dans le bas de page de votre site (Nécessite 'Barre du bas')
**Barre de Recherche
**Barre de rapport de Site
***Rapport du Webmestre
***Courriel du Webmestre
***Envoyer cette page par courriel
*Calques
**Calques : Couches supplémentaires pour ombrages, coins ronds, et autres décorations stylisées
***Début de l'ombrage principal
***Fin de l'ombrage principal
***Début du Calque d'en-tête
***Fin du Calque d'en-tête
***Début de l'ombrage du milieu
***Fin de l'ombrage du milieu
***Début de l'ombrage du centre
***Fin de l'ombrage du centre
***Début du Calque du pied de page
***Fin du Calque du pied de page
***Début du Calque des Modules (boîte)
***Fin du Calque des Modules (boîte)
*Liens de pagination
***Nombre maximum d'éléments affichés dans chaque liste
***Utiliser des liens de pagination (suivant / précédent) relatifs
***Utiliser les liens de pagination directs
***Nombre maximum de liens autour de l'élément courant
***Nombre maximum de liens après le premier ou avant le dernier élément
***Afficher les 'Premier' et 'Dernier' liens
***Afficher des liens rapides (par tranches de 10% du nombre total de pages)
***Masquer la pagination lorsqu'il n'y a qu'une seule page
***Utiliser les icônes
* Effets UI
**Module d'extension et accessoires JQuery
***Info-bulles
***Saisie semi-automatique
***Superfish
***Réflexion
***UI JQuery
***Thèmes JQuery UI
***Expérimental
****Tableur JQuery
****JQuery Image Carrousel
****Grille pouvant être triée JQuery
***JQuery JQS5
**Effets UI généraux
***Effets pour modules
***Vitesse
***Direction
**Effets UI des onglets
***Effets d'onglets
***Vitesse
***Direction
**Autre
***Shadowbox / ColorBox
***Calendrier JS
*Divers
**Utiliser les onglets
**Mise en page par section
**Administrer la mise en page par section
**Corrige la transparence Alpha des images PNG dans IE6 (expérimental)
***Sélecteurs CSS à corriger
***HTMLDomElements à corriger
**Favicon
***Nom du fichier de l'icône Favicon
***Type Mime de l'icône
**Menus contextuels (normalement utilisés dans les galeries de fichiers)
***Utiliser des icones pour les actions des menus contextuels
***Utiliser du texte pour les actions des menus contextuels
**Séparateur
***Emplacement (Fils d'Ariane)
***Choix
**Code personnalisé
***CSS personnalisé
***Javascript personnalisé
These are the options specifically on the Look and Feel admin page in Tiki 3.0 (though this list is not complete; some more minor items were left out to keep things simple). Ce sont les options spécifiques à la recherche et la page admin Sentez-vous à Tiki 3,0 (bien que cette liste n'est pas complète, certains éléments de moindre importance ont été omis de garder les choses simples). Other admin pages are also related to visual aspects of the site, such as the Theme Manager (controls application of themes per feature, per page, etc.) Autres pages d'administration sont également liés à l'aspect visuel du site, tels que le gestionnaire de thèmes (application des contrôles de thèmes par fonction, par page, etc)
L'image qui suit représente l'interface d'administration des caractéristiques de la fonction Thème : Menu > Administrer > Accueil Administration > Thèmes et apparence. (Notez que cette capture d'écran représente les fonctionnalités de la version Tiki 5.0, les versions antérieures sont similaires.)
{IMG(fileId="111")}{IMG}
^Note: Le concept "d'identité du site" a été introduit dans la version de Tiki 1.9, et à partir de la version 3.0 ce n'était plus une fonction optionnelle, mais bien une partie essentielle de TikiWiki. Maintenant, chaque fonction de "l'identité du site" est une option individuelle.^
!!Utilisations courantes
* Renforcer l'identité visuelle et de distinguer les sites alimenté par Tiki, des autres CMS.
* Une personnalisation facile de l'en-tête du site, du bas de page et éventuellement d'autres éléments communs partagés et affichés sur chaque page à travers le site.
!!Démonstration
Pour avoir un avant-goût de la facilité avec laquelle il est possible de configurer l'apparence d'un site Tiki, allez sur le site de démonstration Tiki offert gracieusement par [http://demo.opensourcecms.com/tiki/|OPENSOURCECMS.COM|nocache]
Pour vous connecter en tant que 'Administrateur' utilisez-y : __admin__
Le 'Mot de passe' associé est : __demo123__ (sans accent)
Une fois connecté, allez dans le menu principal à gauche, cliquez sur __Admin__ (le dernier en bas), le sous-menu du panneau d'administration s'ouvre et choisissez le premier item du haut __Admin Home__. La page __Administration__ apparait.
Cliquez sur le cinquième icône de la liste : __Feel & Look__ {IMG(src="display108",id="108",fileId="108")}{IMG}
Vous y êtes !
ou cliquez sur l'icône {IMG(src="display109")}{IMG} (Feel & Look) le deuxième en haut à droite.
Si vous ne trouvez pas, cliquez directement ici :
http://demo.opensourcecms.com/tiki/tiki-admin.php?page=look