Tutoriels Template Helix pour Joomlaagence de création de sites internet, spécialiste joomla: sites vitrines, sites marchands, formation, maintenance, migration Joomlahttps://www.web54.fr/tutoriels-frameworks-/-templates/tutoriels-helix/feed/atom/2024-03-29T14:26:55+00:00WEB 54 création de site internetcontact [AT] web54 [POINT] frJoomla! - Open Source Content ManagementSommaire 2013-04-27T11:18:30+00:002013-04-27T11:18:30+00:00https://www.web54.fr/tutoriels-frameworks-/-templates/tutoriels-helix/sommaire-documentation-helixSerge Billonserge [AT] web54 [POINT] fr<p style="text-align: center;">Voici la documentation en français sur le<a href="http://demo.joomshaper.com/2015/helix3/" target="_blank" rel="noopener" title="demo du template helix 3 pour Joomla"> framework Helix</a></p>
<p style="text-align: center;"></p><p style="text-align: center;">Voici la documentation en français sur le<a href="http://demo.joomshaper.com/2015/helix3/" target="_blank" rel="noopener" title="demo du template helix 3 pour Joomla"> framework Helix</a></p>
<p style="text-align: center;"></p>Configuration requise2014-09-23T07:22:13+00:002014-09-23T07:22:13+00:00https://www.web54.fr/tutoriels-helix/mise-en-route/configuration-requiseSerge Billonserge [AT] web54 [POINT] fr<h2>Exigences du système Joomla</h2>
<p align="LEFT">La plupart des hébergeurs et les systèmes d'installations personnelles sur Unix/Linux/Windows devraient être en mesure de recevoir Joomla 2.5 et Joomla 3.x dans des configurations très communes. Mais nous vous conseillons de vérifier les réglages suivants avant et non pas après que le problème soit apparu.</p>
<p><strong>Serve</strong><strong>u</strong><strong>r:</strong></p>
<p align="JUSTIFY">Logiciel: PHP 5.3.10 ou version ultérieure (mais 5.4 est plus recommandé)</p>
<p align="JUSTIFY">Module Apache mod_rewrite (pour des URL courtes)</p>
<p align="JUSTIFY"><img src="https://www.web54.fr/images/stories/tutos_helix/pre-installation-check.png" alt="pre-installation-check" name="images8" width="608" height="263" /></p>
<p align="JUSTIFY"><strong>Base de données:</strong></p>
<ol>
<li>
<p>MySQL 5.1 ou supérieur</p>
</li>
<li>
<p>MSSQL 10.50.1600.1 ou supérieur</p>
</li>
<li>
<p>PostgreSQL 8.3.18 ou supérieur</p>
</li>
</ol>
<p><strong>Serveur Web:</strong></p>
<ol>
<li>
<p>Apache 2.x+</p>
</li>
<li>
<p>Microsoft IIS 7+</p>
</li>
<li>
<p>Nginx 1.0(1.1 recommandé)</p>
</li>
</ol>
<p><strong>Navigateur:</strong></p>
<ol>
<li>
<p>Firefox 29+</p>
</li>
<li>
<p>Google Chrome 30+</p>
</li>
<li>
<p>Opera 10+</p>
</li>
<li>
<p>Safari 5+</p>
</li>
<li>
<p>IE 10+</p>
</li>
</ol>
<p><strong>Environnement de développement :</strong></p>
<p>Nous vous recommandons les configurations suivantes dans l'ordinateur servant au développement en local.</p>
<p><strong>Windows:</strong></p>
<ol>
<li>
<p>Wamp Server</p>
</li>
<li>
<p>Xampp pour Windows</p>
</li>
<li>
<p>Jamp pour Windows</p>
</li>
</ol>
<p><strong>Linux:</strong></p>
<ol>
<li>
<p>Lamp Server</p>
</li>
<li>
<p>Xampp pour Linux</p>
</li>
</ol>
<p><strong>Mac OS:</strong></p>
<ol>
<li>
<p>Mamp et Mamp Pro</p>
</li>
<li>
<p>Xampp pour Mac OS</p>
</li>
</ol><h2>Exigences du système Joomla</h2>
<p align="LEFT">La plupart des hébergeurs et les systèmes d'installations personnelles sur Unix/Linux/Windows devraient être en mesure de recevoir Joomla 2.5 et Joomla 3.x dans des configurations très communes. Mais nous vous conseillons de vérifier les réglages suivants avant et non pas après que le problème soit apparu.</p>
<p><strong>Serve</strong><strong>u</strong><strong>r:</strong></p>
<p align="JUSTIFY">Logiciel: PHP 5.3.10 ou version ultérieure (mais 5.4 est plus recommandé)</p>
<p align="JUSTIFY">Module Apache mod_rewrite (pour des URL courtes)</p>
<p align="JUSTIFY"><img src="https://www.web54.fr/images/stories/tutos_helix/pre-installation-check.png" alt="pre-installation-check" name="images8" width="608" height="263" /></p>
<p align="JUSTIFY"><strong>Base de données:</strong></p>
<ol>
<li>
<p>MySQL 5.1 ou supérieur</p>
</li>
<li>
<p>MSSQL 10.50.1600.1 ou supérieur</p>
</li>
<li>
<p>PostgreSQL 8.3.18 ou supérieur</p>
</li>
</ol>
<p><strong>Serveur Web:</strong></p>
<ol>
<li>
<p>Apache 2.x+</p>
</li>
<li>
<p>Microsoft IIS 7+</p>
</li>
<li>
<p>Nginx 1.0(1.1 recommandé)</p>
</li>
</ol>
<p><strong>Navigateur:</strong></p>
<ol>
<li>
<p>Firefox 29+</p>
</li>
<li>
<p>Google Chrome 30+</p>
</li>
<li>
<p>Opera 10+</p>
</li>
<li>
<p>Safari 5+</p>
</li>
<li>
<p>IE 10+</p>
</li>
</ol>
<p><strong>Environnement de développement :</strong></p>
<p>Nous vous recommandons les configurations suivantes dans l'ordinateur servant au développement en local.</p>
<p><strong>Windows:</strong></p>
<ol>
<li>
<p>Wamp Server</p>
</li>
<li>
<p>Xampp pour Windows</p>
</li>
<li>
<p>Jamp pour Windows</p>
</li>
</ol>
<p><strong>Linux:</strong></p>
<ol>
<li>
<p>Lamp Server</p>
</li>
<li>
<p>Xampp pour Linux</p>
</li>
</ol>
<p><strong>Mac OS:</strong></p>
<ol>
<li>
<p>Mamp et Mamp Pro</p>
</li>
<li>
<p>Xampp pour Mac OS</p>
</li>
</ol>Comment installer un plugin Helix2014-09-30T11:20:33+00:002014-09-30T11:20:33+00:00https://www.web54.fr/tutoriels-helix/mise-en-route/comment-installer-un-plugin-helixSerge Billonserge [AT] web54 [POINT] fr<h2>Comment installer le plugin Helix</h2>
<p align="JUSTIFY">Bien que Joomla soit livré avec un grand nombre de fonctions intégrées par défaut, avec les extensions, vous pouvez ajouter une toute nouvelle fonctionnalité à votre site en seulement quelques clics. Nos templates offrent de nombreuses fonctionnalités uniques mais ils requièrent que le framework Helix soit installé et activé.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto; border: 1px solid #000000;" src="https://www.web54.fr/images/stories/tutos_helix/telecharger_helix.png" alt="telecharger plugin helix" name="images9" width="613" height="393" /></p>
<p>Pour la plupart des extensions donc le <strong>plugin Helix</strong>, la procédure d'installation sera la même:</p>
<ol>
<li>
<p>Téléchargez le package Plugin System Joomla 2.5&3 sur votre machine locale comme un paquet de fichier zip (~900Kb).<br />Il s'agit d'un fichier plugin commun, compatible avec les deux versions de Joomla (3.x & 2.5).</p>
</li>
<li>
<p>La première chose que vous devez faire est de vous connecter à la zone administrative de votre site Joomla.</p>
</li>
<li>
<p>Dans le backend de votre site Joomla dans menu principal sélectionnez <strong>Extensions -> Install</strong><strong>ation</strong></p>
</li>
<li>
<p><strong>Cliquez sur le bouton</strong><strong>Parcourir</strong> et sélectionnez le package de plugin sur votre ordinateur.</p>
</li>
<li>
<p>Enfin, cliquez sur le bouton. Envoyer et installer</p>
</li>
</ol>
<p>6. À ce stade, vous avez téléchargé et installé avec succès un plugin framework Helix JoomShaper. Mais les plugins ne sont pas activés par défaut, donc notre prochaine étape consistera à activer notre plugin helix.</p>
<p>7. Dans le menu du haut, survolez <strong>Extensions</strong> et cliquez sur <strong>Gestion des </strong><strong>Plug-In</strong>. La fonction de filtre permet de trouver votre plugin helix plus rapidement.</p>
<p>8. Ensuite cliquez sur la case à cocher du plugin dans la liste ci-dessous et changez la valeur de statut vers activé.</p>
<p>9. Félicitations, vous venez de télécharger, installer et activer le plugin helix dans votre système Joomla!</p><h2>Comment installer le plugin Helix</h2>
<p align="JUSTIFY">Bien que Joomla soit livré avec un grand nombre de fonctions intégrées par défaut, avec les extensions, vous pouvez ajouter une toute nouvelle fonctionnalité à votre site en seulement quelques clics. Nos templates offrent de nombreuses fonctionnalités uniques mais ils requièrent que le framework Helix soit installé et activé.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto; border: 1px solid #000000;" src="https://www.web54.fr/images/stories/tutos_helix/telecharger_helix.png" alt="telecharger plugin helix" name="images9" width="613" height="393" /></p>
<p>Pour la plupart des extensions donc le <strong>plugin Helix</strong>, la procédure d'installation sera la même:</p>
<ol>
<li>
<p>Téléchargez le package Plugin System Joomla 2.5&3 sur votre machine locale comme un paquet de fichier zip (~900Kb).<br />Il s'agit d'un fichier plugin commun, compatible avec les deux versions de Joomla (3.x & 2.5).</p>
</li>
<li>
<p>La première chose que vous devez faire est de vous connecter à la zone administrative de votre site Joomla.</p>
</li>
<li>
<p>Dans le backend de votre site Joomla dans menu principal sélectionnez <strong>Extensions -> Install</strong><strong>ation</strong></p>
</li>
<li>
<p><strong>Cliquez sur le bouton</strong><strong>Parcourir</strong> et sélectionnez le package de plugin sur votre ordinateur.</p>
</li>
<li>
<p>Enfin, cliquez sur le bouton. Envoyer et installer</p>
</li>
</ol>
<p>6. À ce stade, vous avez téléchargé et installé avec succès un plugin framework Helix JoomShaper. Mais les plugins ne sont pas activés par défaut, donc notre prochaine étape consistera à activer notre plugin helix.</p>
<p>7. Dans le menu du haut, survolez <strong>Extensions</strong> et cliquez sur <strong>Gestion des </strong><strong>Plug-In</strong>. La fonction de filtre permet de trouver votre plugin helix plus rapidement.</p>
<p>8. Ensuite cliquez sur la case à cocher du plugin dans la liste ci-dessous et changez la valeur de statut vers activé.</p>
<p>9. Félicitations, vous venez de télécharger, installer et activer le plugin helix dans votre système Joomla!</p>Comment installer un template JoomShaper basé sur Helix2014-10-25T14:44:33+00:002014-10-25T14:44:33+00:00https://www.web54.fr/tutoriels-helix/mise-en-route/comment-installer-un-template-joomshaper-base-sur-helixSerge Billonserge [AT] web54 [POINT] fr<h4>Installation et modification de templates dans Joomla</h4>
<p align="JUSTIFY">À l'aide des fonctionnalités de Joomla, vous pouvez facilement changer le template de votre site Web à tout moment. Le changement de votre template vous permet d'explorer une variété de styles de design et de combinaisons de couleur, qui peuvent complètement changer le look et l'ambiance de votre site web. Dans ce tutoriel, nous allons vous apprendre à installer un nouveau template Joomla et le définir par défaut pour votre site web.</p>
<ol>
<li>
<p align="JUSTIFY">La première chose que vous avez besoin de faire est de télécharger sur votre disque local le nouveau template Joomla que vous voudriez utiliser dans votre site. Faites le tour des templates sur Joomshaper, vous y trouverez sûrement un template correspondant à votre goût.</p>
</li>
<li>
<p>Si votre site a déjà du contenu, vous pouvez installer uniquement le template et les modules. Quickstart est bon seulement pour les nouveaux sites Web parce que cela comprends le package Joomla lui-même.</p>
</li>
<li>
<p>Avant l'installation, vérifier la compatibilité, à savoir si la version téléchargée du template est compatible avec votre version de Joomla.<br /><br /><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/telecharger_template_joomshaper.png" alt="telecharger template joomshaper" height="248" width="651" /></p>
</li>
<li>
<p>Une fois que vous avez votre template Joomla téléchargé sur votre ordinateur, connectez-vous à la zone administrative de votre site Joomla et téléchargez le template par le biais du gestionnaire d'extensions (<strong>Extensions -> </strong><strong>Gestion des extensions</strong>).</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/installer_template_helix.png" alt="installer template helix" height="213" width="600" /></p>
</li>
<li>
<p>Cliquez sur le bouton <strong>Parcourir</strong> et sélectionnez l'archive de template téléchargée précédemment. Enfin, cliquez sur <strong>Envoyer & installer.</strong><br />Après avoir installé le template, vous devriez recevoir un message "<em>Template : installation effectuée avec succès.</em>". À ce point, vous avez installé avec succès un nouveau template Joomla 3.x/2.5. Veuillez noter que ceci n'a pas activé votre nouveau template, vous devez encore le faire si vous voulez utiliser ce design.</p>
</li>
<li>
<p>Dès que le gabarit est installé dans votre système Joomla 3, vous devez configurer par défaut pour votre site afin que vos pages reçoivent le nouveau design. Tout d'abord, vous devez aller à <strong>Extensions -> </strong><strong>Gestion des tempaltes</strong>. Maintenant, cochez la case près de son nom et cliquez sur <strong>D</strong><strong>é</strong><strong>faut</strong>.<br /><br /><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/par_defaut.png" alt="par defaut" height="386" width="633" /></p>
</li>
<li>
<p>Vous pouvez également affecter le nouveau modèle seulement à des sous-pages spécifiques (éléments de menu) - en utilisant l'option Assigner dans les paramètres.</p>
</li>
<li>
<p>Ne pas oublier d'installer le plugin système Helix - il doit être installé et activé pour que le template fonctionne correctement.</p>
</li>
</ol><h4>Installation et modification de templates dans Joomla</h4>
<p align="JUSTIFY">À l'aide des fonctionnalités de Joomla, vous pouvez facilement changer le template de votre site Web à tout moment. Le changement de votre template vous permet d'explorer une variété de styles de design et de combinaisons de couleur, qui peuvent complètement changer le look et l'ambiance de votre site web. Dans ce tutoriel, nous allons vous apprendre à installer un nouveau template Joomla et le définir par défaut pour votre site web.</p>
<ol>
<li>
<p align="JUSTIFY">La première chose que vous avez besoin de faire est de télécharger sur votre disque local le nouveau template Joomla que vous voudriez utiliser dans votre site. Faites le tour des templates sur Joomshaper, vous y trouverez sûrement un template correspondant à votre goût.</p>
</li>
<li>
<p>Si votre site a déjà du contenu, vous pouvez installer uniquement le template et les modules. Quickstart est bon seulement pour les nouveaux sites Web parce que cela comprends le package Joomla lui-même.</p>
</li>
<li>
<p>Avant l'installation, vérifier la compatibilité, à savoir si la version téléchargée du template est compatible avec votre version de Joomla.<br /><br /><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/telecharger_template_joomshaper.png" alt="telecharger template joomshaper" height="248" width="651" /></p>
</li>
<li>
<p>Une fois que vous avez votre template Joomla téléchargé sur votre ordinateur, connectez-vous à la zone administrative de votre site Joomla et téléchargez le template par le biais du gestionnaire d'extensions (<strong>Extensions -> </strong><strong>Gestion des extensions</strong>).</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/installer_template_helix.png" alt="installer template helix" height="213" width="600" /></p>
</li>
<li>
<p>Cliquez sur le bouton <strong>Parcourir</strong> et sélectionnez l'archive de template téléchargée précédemment. Enfin, cliquez sur <strong>Envoyer & installer.</strong><br />Après avoir installé le template, vous devriez recevoir un message "<em>Template : installation effectuée avec succès.</em>". À ce point, vous avez installé avec succès un nouveau template Joomla 3.x/2.5. Veuillez noter que ceci n'a pas activé votre nouveau template, vous devez encore le faire si vous voulez utiliser ce design.</p>
</li>
<li>
<p>Dès que le gabarit est installé dans votre système Joomla 3, vous devez configurer par défaut pour votre site afin que vos pages reçoivent le nouveau design. Tout d'abord, vous devez aller à <strong>Extensions -> </strong><strong>Gestion des tempaltes</strong>. Maintenant, cochez la case près de son nom et cliquez sur <strong>D</strong><strong>é</strong><strong>faut</strong>.<br /><br /><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/par_defaut.png" alt="par defaut" height="386" width="633" /></p>
</li>
<li>
<p>Vous pouvez également affecter le nouveau modèle seulement à des sous-pages spécifiques (éléments de menu) - en utilisant l'option Assigner dans les paramètres.</p>
</li>
<li>
<p>Ne pas oublier d'installer le plugin système Helix - il doit être installé et activé pour que le template fonctionne correctement.</p>
</li>
</ol>Comment installer un package Quickstart basé sur Helix2015-02-12T07:30:57+00:002015-02-12T07:30:57+00:00https://www.web54.fr/tutoriels-helix/mise-en-route/comment-installer-un-package-quickstart-base-sur-helixSerge Billonserge [AT] web54 [POINT] fr<p><strong>Remarque</strong><strong>: </strong><strong><span style="font-weight: normal;">Un Q</span></strong>uickstart est avant tout un Joomla entièrement fonctionnel et complet contenant le CMS lui-même, tous les modules utilisés, les plugins et le template choisi avec le framework Helix avec toutes les configurations et les données que nous avons utilisées sur le site de démonstration en un seul endroit. Donc, fondamentalement, c'est du tout en un.</p>
<p>L'ensemble du processus d'installation est très simple et peut être considéré comme une installation normale de Joomla! (2,5 / 3.x), mais avec en plus toutes les extensions et leurs paramètres, et bien sûr du contenu de démonstration afin de faire correspondre parfaitement le template tel qu'il apparaît sur la page de démonstration de JoomShaper.</p>
<p>Voici le tutoriel qui vous dirigera vers le processus étape par étape l'installation d'un package Quickstart <strong>(Joomla 3.3 / 3.4)</strong>:</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 1</strong>: Évidemment, la première chose que vous devez faire est de télécharger le pack de démarrage rapide avec nom du template choisi.</p>
<p style="text-align: left;"><img style="display: block; margin-left: auto; margin-right: auto;" alt="quickstart 1" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-1.png" /></p>
<p><strong>Étape </strong><strong>2: </strong><span style="font-weight: normal;">Prochaine étape, décompressez le fichier zip compressé </span>(par exemple shaper_xeon_quickstart_j3.zip) dans un dossier sur votre disque dur. Il est judicieux de créer un nouveau dossier qui contiendra le paquet téléchargé de QS. Maintenant vous devez décompresser le pack, sur toutes les versions modernes de OS, vous n'avez pas besoin de logiciels supplémentaires pour l'opération. Une fois l'extraction terminée, le dossier extrait contiendra tous les fichiers nécessaires pour effectuer l'installation de Joomla! Avec le modèle démo, images et modules et leurs paramètres respectifs enregistrés temporairement en fichiers .sql.</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 3:</strong> Avant l'installation, vous devriez vérifier si le serveur qui héberge votre compte répond à toutes les exigences du système Joomla!, surtout si vous avez l'intention d'installer la dernière version de Joomla! 3.x.</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 4:</strong> En utilisant votre logiciel FTP préféré (par exemple FileZilla), téléchargez tous les fichiers dans le répertoire où vous souhaitez installer votre nouveau projet Joomla !, tel que le serveur Web. Vous pouvez télécharger vos fichiers directement via cPanel également en utilisant le gestionnaire de fichiers. Le répertoire spécifique ou vous les téléchargerez dépendra si vous travaillez avec le domaine principal, un domaine complémentaire, ou un sous-domaine. Dans la plupart des cas, le dossier <strong>public_html </strong>est la racine web pour votre nom de domaine principal. Cela signifie que c'est le dossier dans lequel vous mettez tous les fichiers du site web que vous souhaitez voir apparaître quand quelqu'un tape votre nom de domaine principal. Selon la vitesse de téléchargement de votre connexion ou la configuration de votre serveur, ce processus de téléchargement peut prendre plusieurs minutes.</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 5</strong>: Ouvrez votre navigateur préféré et accédez à l'adresse ou à un répertoire sur votre serveur dans lequel vous effectuerez l'installation. <br />L'écran d'installation apparaîtra.</p>
<p style="text-align: center;"><img alt="quickstart 2b" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-2b.png" /></p>
<p style="text-align: left;"><strong>Étape</strong><strong> 6:</strong> Sur cette page, vous devez configurer le nom du site, l'administrateur e-mail, nom d'utilisateur et le mot de passe administrateur. Les données d'administrateur seront nécessaires pour accéder au panneau d'administration. Veuillez ne pas utiliser "admin" comme nom d'utilisateur par défaut – ce n'est pas sûr. Les pirates peuvent effectuer une attaque par force brute sur votre compte en utilisant le nom d'utilisateur "admin" afin de récupérer votre mot de passe et d'accéder sur votre site web. En utilisant des noms d'utilisateurs non typiques vous êtes mieux protégé contre les attaques habituelles pour tenter d'avoir accès à votre site Web Joomla !.</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 7:</strong> Ensuite, vous pouvez appuyer sur le bouton « Suivant » bleu dans le coin supérieur droit. Vous serez redirigé vers l'écran de Configuration de base de données. Avant que nous puissions remplir tous les champs de formulaire, vous devrez créer une base de données MySQL/PostgreSQL, un utilisateur de base de données (et lui attribuer tous les privilèges) et le mot de passe dans le panel de l'hébergement. Sans exception toute installation Joomla ! et Wordpress exigent que la base de données soit créée en utilisant le jeu de caractères utf8_general_ci.</p>
<p style="text-align: center;"><img alt="quickstart 3b" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-3b.png" /></p>
<p><strong>Remarque</strong><strong>: </strong><span style="font-weight: normal;">Si vos paramètres ne sont pas corrects, vous pourriez être incapable de vous connecter à la base de données. Une option supplémentaire permets de changer le préfixe de la table.</span> Il suffit de ne pas oublier de mettre le caractère de soulignement (_) à la fin du préfixe. Il vous sera proposé un préfixe par défaut aléatoire. Cela peut être utile pour des raisons de sécurité.</p>
<p>Une fois tous les champ de base de données complètés, cliquez sur le bouton suivant. L'installateur Joomla ! vérifiera maintenant s'il peut communiquer à la base de données. Si vous voyez un message d'erreur, vous avez probablement fait une faute de frappe lors de la saisie des informations de base de données ou vous avez oublié de créer une nouvelle base de données, veuillez donc vérifier ces détails.</p>
<p><strong>Étape</strong><strong> 8: </strong><span style="font-weight: normal;">La dernière page d'installation de Joomla contient toutes les informations sur l'installation.</span></p>
<p>La section est divisée en 4 groupes :</p>
<ul>
<li>
<p style="margin-bottom: 0cm;">Configuration principale : Toute information spécifique sur le site Internet, tel que le nom du site Internet, la description, nom d'utilisateur admin, etc.</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Configuration de base de données: Contient les renseignements sur la base de données que Joomla ! utilisera.</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Vérification de pré-installation: Ces exigences doivent toutes figurer comme Oui, sinon, vous ne serez pas en mesure d'installer Joomla ! À l'exception de la Version de PHP, le reste est généralement contrôlé dans le fichier php.ini. Vous pouvez avoir besoin de l'assistance de votre hébergeur dans la correction ou le contrôle de ces paramètres pour voir s'il est possible de les régler. Pour plus d'informations, voir le fichier de configuration de PHP.</p>
</li>
<li>
<p>Paramètres recommandés: Ce sont des paramètres qui sont recommandés dans votre configuration de PHP, mais cela n'empêchera pas Joomla! d'être installé. Vous pouvez vous référer aux instructions ci-dessus sur la façon dont ils peuvent être modifiés.</p>
</li>
</ul>
<p>Cela inclut les options (en haut) pour l'installation des exemples de données et les configurations de serveur (en bas).</p>
<p><strong>Attention :</strong><strong> le contenu de la démo n'est pas automatiquement installé.</strong><span style="font-weight: normal;">Donc si vous en avez besoin, vous devez cliquer aussi</span><strong><span style="font-weight: normal;">sur</span></strong><strong>Install the Sample Data</strong>, cela vous aidera à apprendre à utiliser Joomla et helix</p>
<p style="text-align: center;"> <img alt="quickstart 4" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-4.png" /></p>
<p><span style="font-weight: normal;"></span></p>
<p><span style="font-weight: normal;">L'</span><span style="font-weight: normal;">i</span><span style="font-weight: normal;">nstallateur </span><span style="font-weight: normal;">du </span><span style="font-weight: normal;">CMS gère également une série de vérifications du système et des serveurs pour s'assurer que Joomla sera en mesure d'être installé et de fonctionner correctement (vérifie</span><span style="font-weight: normal;">z</span><span style="font-weight: normal;">votre</span><span style="font-weight: normal;"> écran).</span><span style="font-weight: normal;">Si la moindre option n'est pas verte</span> (ils vont être rouges et dire « Non ») alors vous aurez besoin de prendre des mesures pour les corriger. Rappelez-vous que ce sont les paramètres Joomla officiel recommandés. Si tout est correct et toutes les vérifications sont finies, vous pouvez maintenant cliquer sur le bouton <strong>Install</strong> dans le coin supérieur droit de l'<strong>Aperçu</strong> de la page. </p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="quickstart 5" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-5.png" /></p>
<p><strong>Étape</strong><strong> 9:</strong> Appuyez sur la touche suivante pour installer le contenu de démonstration et terminer l'installation.</p>
<p style="text-align: center;"><img alt="quickstart 6" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-6.png" /></p>
<p><strong>Étape</strong><strong> 10</strong>: L'installation est terminée. Nous voici à la dernière étape. Toutefois, avant de profiter de votre nouveau site Web, vous devez supprimer le dossier « installation ». Cliquez sur le bouton <strong>Remove Installation Directory </strong><strong>(supprimer répertoire installation en version française)</strong>. <strong>Ne le faites pas tout de suite</strong> car :</p>
<p>Avant de supprimer le dossier d'installation, vous pouvez installer des langues supplémentaires à la fois pour le front-end et back-end. Si vous voulez ajouter des langues supplémentaires pour votre site Joomla! l'application, cliquez sur le bouton <strong>Install languages</strong>.</p>
<p style="text-align: center;"><img alt="quickstart 7" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-7.png" /></p>
<p>Maintenant, vous pouvez accéder à l'administration en cliquant sur <strong>administrator</strong> ou aller directement vers votre site en cliquant sur <strong>Site</strong>.</p><p><strong>Remarque</strong><strong>: </strong><strong><span style="font-weight: normal;">Un Q</span></strong>uickstart est avant tout un Joomla entièrement fonctionnel et complet contenant le CMS lui-même, tous les modules utilisés, les plugins et le template choisi avec le framework Helix avec toutes les configurations et les données que nous avons utilisées sur le site de démonstration en un seul endroit. Donc, fondamentalement, c'est du tout en un.</p>
<p>L'ensemble du processus d'installation est très simple et peut être considéré comme une installation normale de Joomla! (2,5 / 3.x), mais avec en plus toutes les extensions et leurs paramètres, et bien sûr du contenu de démonstration afin de faire correspondre parfaitement le template tel qu'il apparaît sur la page de démonstration de JoomShaper.</p>
<p>Voici le tutoriel qui vous dirigera vers le processus étape par étape l'installation d'un package Quickstart <strong>(Joomla 3.3 / 3.4)</strong>:</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 1</strong>: Évidemment, la première chose que vous devez faire est de télécharger le pack de démarrage rapide avec nom du template choisi.</p>
<p style="text-align: left;"><img style="display: block; margin-left: auto; margin-right: auto;" alt="quickstart 1" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-1.png" /></p>
<p><strong>Étape </strong><strong>2: </strong><span style="font-weight: normal;">Prochaine étape, décompressez le fichier zip compressé </span>(par exemple shaper_xeon_quickstart_j3.zip) dans un dossier sur votre disque dur. Il est judicieux de créer un nouveau dossier qui contiendra le paquet téléchargé de QS. Maintenant vous devez décompresser le pack, sur toutes les versions modernes de OS, vous n'avez pas besoin de logiciels supplémentaires pour l'opération. Une fois l'extraction terminée, le dossier extrait contiendra tous les fichiers nécessaires pour effectuer l'installation de Joomla! Avec le modèle démo, images et modules et leurs paramètres respectifs enregistrés temporairement en fichiers .sql.</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 3:</strong> Avant l'installation, vous devriez vérifier si le serveur qui héberge votre compte répond à toutes les exigences du système Joomla!, surtout si vous avez l'intention d'installer la dernière version de Joomla! 3.x.</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 4:</strong> En utilisant votre logiciel FTP préféré (par exemple FileZilla), téléchargez tous les fichiers dans le répertoire où vous souhaitez installer votre nouveau projet Joomla !, tel que le serveur Web. Vous pouvez télécharger vos fichiers directement via cPanel également en utilisant le gestionnaire de fichiers. Le répertoire spécifique ou vous les téléchargerez dépendra si vous travaillez avec le domaine principal, un domaine complémentaire, ou un sous-domaine. Dans la plupart des cas, le dossier <strong>public_html </strong>est la racine web pour votre nom de domaine principal. Cela signifie que c'est le dossier dans lequel vous mettez tous les fichiers du site web que vous souhaitez voir apparaître quand quelqu'un tape votre nom de domaine principal. Selon la vitesse de téléchargement de votre connexion ou la configuration de votre serveur, ce processus de téléchargement peut prendre plusieurs minutes.</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 5</strong>: Ouvrez votre navigateur préféré et accédez à l'adresse ou à un répertoire sur votre serveur dans lequel vous effectuerez l'installation. <br />L'écran d'installation apparaîtra.</p>
<p style="text-align: center;"><img alt="quickstart 2b" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-2b.png" /></p>
<p style="text-align: left;"><strong>Étape</strong><strong> 6:</strong> Sur cette page, vous devez configurer le nom du site, l'administrateur e-mail, nom d'utilisateur et le mot de passe administrateur. Les données d'administrateur seront nécessaires pour accéder au panneau d'administration. Veuillez ne pas utiliser "admin" comme nom d'utilisateur par défaut – ce n'est pas sûr. Les pirates peuvent effectuer une attaque par force brute sur votre compte en utilisant le nom d'utilisateur "admin" afin de récupérer votre mot de passe et d'accéder sur votre site web. En utilisant des noms d'utilisateurs non typiques vous êtes mieux protégé contre les attaques habituelles pour tenter d'avoir accès à votre site Web Joomla !.</p>
<p style="text-align: left;"><strong>Étape</strong><strong> 7:</strong> Ensuite, vous pouvez appuyer sur le bouton « Suivant » bleu dans le coin supérieur droit. Vous serez redirigé vers l'écran de Configuration de base de données. Avant que nous puissions remplir tous les champs de formulaire, vous devrez créer une base de données MySQL/PostgreSQL, un utilisateur de base de données (et lui attribuer tous les privilèges) et le mot de passe dans le panel de l'hébergement. Sans exception toute installation Joomla ! et Wordpress exigent que la base de données soit créée en utilisant le jeu de caractères utf8_general_ci.</p>
<p style="text-align: center;"><img alt="quickstart 3b" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-3b.png" /></p>
<p><strong>Remarque</strong><strong>: </strong><span style="font-weight: normal;">Si vos paramètres ne sont pas corrects, vous pourriez être incapable de vous connecter à la base de données. Une option supplémentaire permets de changer le préfixe de la table.</span> Il suffit de ne pas oublier de mettre le caractère de soulignement (_) à la fin du préfixe. Il vous sera proposé un préfixe par défaut aléatoire. Cela peut être utile pour des raisons de sécurité.</p>
<p>Une fois tous les champ de base de données complètés, cliquez sur le bouton suivant. L'installateur Joomla ! vérifiera maintenant s'il peut communiquer à la base de données. Si vous voyez un message d'erreur, vous avez probablement fait une faute de frappe lors de la saisie des informations de base de données ou vous avez oublié de créer une nouvelle base de données, veuillez donc vérifier ces détails.</p>
<p><strong>Étape</strong><strong> 8: </strong><span style="font-weight: normal;">La dernière page d'installation de Joomla contient toutes les informations sur l'installation.</span></p>
<p>La section est divisée en 4 groupes :</p>
<ul>
<li>
<p style="margin-bottom: 0cm;">Configuration principale : Toute information spécifique sur le site Internet, tel que le nom du site Internet, la description, nom d'utilisateur admin, etc.</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Configuration de base de données: Contient les renseignements sur la base de données que Joomla ! utilisera.</p>
</li>
<li>
<p style="margin-bottom: 0cm;">Vérification de pré-installation: Ces exigences doivent toutes figurer comme Oui, sinon, vous ne serez pas en mesure d'installer Joomla ! À l'exception de la Version de PHP, le reste est généralement contrôlé dans le fichier php.ini. Vous pouvez avoir besoin de l'assistance de votre hébergeur dans la correction ou le contrôle de ces paramètres pour voir s'il est possible de les régler. Pour plus d'informations, voir le fichier de configuration de PHP.</p>
</li>
<li>
<p>Paramètres recommandés: Ce sont des paramètres qui sont recommandés dans votre configuration de PHP, mais cela n'empêchera pas Joomla! d'être installé. Vous pouvez vous référer aux instructions ci-dessus sur la façon dont ils peuvent être modifiés.</p>
</li>
</ul>
<p>Cela inclut les options (en haut) pour l'installation des exemples de données et les configurations de serveur (en bas).</p>
<p><strong>Attention :</strong><strong> le contenu de la démo n'est pas automatiquement installé.</strong><span style="font-weight: normal;">Donc si vous en avez besoin, vous devez cliquer aussi</span><strong><span style="font-weight: normal;">sur</span></strong><strong>Install the Sample Data</strong>, cela vous aidera à apprendre à utiliser Joomla et helix</p>
<p style="text-align: center;"> <img alt="quickstart 4" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-4.png" /></p>
<p><span style="font-weight: normal;"></span></p>
<p><span style="font-weight: normal;">L'</span><span style="font-weight: normal;">i</span><span style="font-weight: normal;">nstallateur </span><span style="font-weight: normal;">du </span><span style="font-weight: normal;">CMS gère également une série de vérifications du système et des serveurs pour s'assurer que Joomla sera en mesure d'être installé et de fonctionner correctement (vérifie</span><span style="font-weight: normal;">z</span><span style="font-weight: normal;">votre</span><span style="font-weight: normal;"> écran).</span><span style="font-weight: normal;">Si la moindre option n'est pas verte</span> (ils vont être rouges et dire « Non ») alors vous aurez besoin de prendre des mesures pour les corriger. Rappelez-vous que ce sont les paramètres Joomla officiel recommandés. Si tout est correct et toutes les vérifications sont finies, vous pouvez maintenant cliquer sur le bouton <strong>Install</strong> dans le coin supérieur droit de l'<strong>Aperçu</strong> de la page. </p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="quickstart 5" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-5.png" /></p>
<p><strong>Étape</strong><strong> 9:</strong> Appuyez sur la touche suivante pour installer le contenu de démonstration et terminer l'installation.</p>
<p style="text-align: center;"><img alt="quickstart 6" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-6.png" /></p>
<p><strong>Étape</strong><strong> 10</strong>: L'installation est terminée. Nous voici à la dernière étape. Toutefois, avant de profiter de votre nouveau site Web, vous devez supprimer le dossier « installation ». Cliquez sur le bouton <strong>Remove Installation Directory </strong><strong>(supprimer répertoire installation en version française)</strong>. <strong>Ne le faites pas tout de suite</strong> car :</p>
<p>Avant de supprimer le dossier d'installation, vous pouvez installer des langues supplémentaires à la fois pour le front-end et back-end. Si vous voulez ajouter des langues supplémentaires pour votre site Joomla! l'application, cliquez sur le bouton <strong>Install languages</strong>.</p>
<p style="text-align: center;"><img alt="quickstart 7" src="https://www.web54.fr/images/stories/tutos_helix/quickstart-7.png" /></p>
<p>Maintenant, vous pouvez accéder à l'administration en cliquant sur <strong>administrator</strong> ou aller directement vers votre site en cliquant sur <strong>Site</strong>.</p>Comment installer Helix en Français2015-02-16T05:36:35+00:002015-02-16T05:36:35+00:00https://www.web54.fr/tutoriels-helix/mise-en-route/comment-installer-helix-en-francaisSerge Billonserge [AT] web54 [POINT] fr<p><img src="https://www.web54.fr//images/stories/tutos_helix/traduction-francais-anglais.jpg" alt="" decoding="async" loading="lazy"></p><h2>Pourquoi installer Helix en français ?</h2>
<p><img style="float: right;" src="https://www.web54.fr/images/stories/tutos_helix/traduction-francais-anglais.jpg" alt="traduction francais anglais" />Par défaut <a href="http://www.joomshaper.com/?aff_aid=0383566520">HELIX </a>est en Anglais.</p>
<p>Mais les développeurs ont codé le framework de manière à ce que l'utilisateur puisse bénéficier de sa propre langue.</p>
<p>Ainsi vous pourrez installer le language français pour vous vous même ou vos clients afin d'avoir une interface dans le language correspondant à celui choisi par l'utilisateur.</p>
<h2>Où se trouve le fichier Langue ?</h2>
<p>Le fichier langue anglais se trouve dans <strong>/language/en-GB</strong> et se nomme <strong>en-GB.tpl_shaper_helix3.ini</strong></p>
<p>Pour fonctionner en français il devra être dans <strong>/language/fr-FR </strong>et se nommer <strong>fr-FR.tpl_shaper_helix3.ini</strong></p>
<p>Vous pouvez effectuer l'opération vous même si vous en avez le courage et l'envie.</p>
<p>Mais <a href="https://www.web54.fr" title="Agence de création de site internet Nancy Lorraine">WEB54 </a><strong>mets à votre disposition le fichier langue pour le template HELIX !</strong></p>
<h3 style="text-align: center;"><a href="https://www.web54.fr/index.php?option=com_jdownloads&task=download.send&id=66&catid=3&Itemid=1129"><strong>Téléchargez le fichier de traduction en français du framework de template Helix</strong></a></h3>
<h2>Comment installer Helix en français ?</h2>
<p>Une fois le fichier téléchargé, vous devrez l'installer directement via le gestionnaire d'extensions de Joomla!</p>
<p>Un message vous avertira de la bonne réussite de l'opération.</p>
<p>Pour vérifier allez dans votre template et constatez vous même que votre interface est en français.</p>
<h2>Comment modifier le fichier langue ?</h2>
<p>Votre fichier langue <strong>/language/fr-FR/</strong><strong>fr-FR.tpl_shaper_helix3.ini </strong>est modifiable.</p>
<p>Vous pouvez donc utiliser un éditeur de type notepad+++ via votre ftp (clic droit --> afficher / éditer), modifier votre chaine de langue et le renvoyer sur votre serveur.</p>
<p>Vous pouvez aussi passer par la fonction de surcharge de langue de Joomla.</p><p><img src="https://www.web54.fr//images/stories/tutos_helix/traduction-francais-anglais.jpg" alt="" decoding="async" loading="lazy"></p><h2>Pourquoi installer Helix en français ?</h2>
<p><img style="float: right;" src="https://www.web54.fr/images/stories/tutos_helix/traduction-francais-anglais.jpg" alt="traduction francais anglais" />Par défaut <a href="http://www.joomshaper.com/?aff_aid=0383566520">HELIX </a>est en Anglais.</p>
<p>Mais les développeurs ont codé le framework de manière à ce que l'utilisateur puisse bénéficier de sa propre langue.</p>
<p>Ainsi vous pourrez installer le language français pour vous vous même ou vos clients afin d'avoir une interface dans le language correspondant à celui choisi par l'utilisateur.</p>
<h2>Où se trouve le fichier Langue ?</h2>
<p>Le fichier langue anglais se trouve dans <strong>/language/en-GB</strong> et se nomme <strong>en-GB.tpl_shaper_helix3.ini</strong></p>
<p>Pour fonctionner en français il devra être dans <strong>/language/fr-FR </strong>et se nommer <strong>fr-FR.tpl_shaper_helix3.ini</strong></p>
<p>Vous pouvez effectuer l'opération vous même si vous en avez le courage et l'envie.</p>
<p>Mais <a href="https://www.web54.fr" title="Agence de création de site internet Nancy Lorraine">WEB54 </a><strong>mets à votre disposition le fichier langue pour le template HELIX !</strong></p>
<h3 style="text-align: center;"><a href="https://www.web54.fr/index.php?option=com_jdownloads&task=download.send&id=66&catid=3&Itemid=1129"><strong>Téléchargez le fichier de traduction en français du framework de template Helix</strong></a></h3>
<h2>Comment installer Helix en français ?</h2>
<p>Une fois le fichier téléchargé, vous devrez l'installer directement via le gestionnaire d'extensions de Joomla!</p>
<p>Un message vous avertira de la bonne réussite de l'opération.</p>
<p>Pour vérifier allez dans votre template et constatez vous même que votre interface est en français.</p>
<h2>Comment modifier le fichier langue ?</h2>
<p>Votre fichier langue <strong>/language/fr-FR/</strong><strong>fr-FR.tpl_shaper_helix3.ini </strong>est modifiable.</p>
<p>Vous pouvez donc utiliser un éditeur de type notepad+++ via votre ftp (clic droit --> afficher / éditer), modifier votre chaine de langue et le renvoyer sur votre serveur.</p>
<p>Vous pouvez aussi passer par la fonction de surcharge de langue de Joomla.</p>Utilisation des Fonctionnalités du Template Helix2015-02-13T04:59:48+00:002015-02-13T04:59:48+00:00https://www.web54.fr/tutoriels-helix/mise-en-route/utilisation-des-fonctionnalites-du-template-helixSerge Billonserge [AT] web54 [POINT] fr<p>Les fonctionnalités impressionnantes de l'interface administration d'un template basé sur le Framework Helix V3 vous sont fournies avec des options pour configurer les caractéristiques principales d'un template.</p>
<p>Dès que vous êtes dedans, cela vaut réellement la peine de jeter un rapide coup d'œil aux options de configuration suivantes :</p>
<h2>Layout Control (Contrôle de la mise en page)</h2>
<p>Le site Internet peut être vu par différents appareils et variétés d'écrans. <br />Dans la section <strong>Basic,</strong> la largeur peut être contrôlée par des options de mise en page. <br />La largeur de mise en page peut être de 1170px ou 940px, choisissez également votre type de mise en page de site, soit fixe soit responsive.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-layout.jpg" alt="layout builder helix layout" /></p>
<h3>Logo Type</h3>
<p>La fonctionnalité Logo commande la visualisation du logo principal du template. <br />Vous pouvez régler votre logo sur <strong>image </strong>ou <strong>text type </strong>ou<strong> none (aucun)</strong>. <br />Le logo peut être affiché dans des positions différentes. <br />Vous pouvez également définir la largeur et la hauteur du logo. <br />Vous pouvez aussi spécifier le titre du logo et le slogan du logo, si vous sélectionnez le type de logo comme texte.</p>
<p style="text-align: center;"><img src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-logo.jpg" alt="logo - fonctionnalités du template helix" /></p>
<h3>Footer Settings (paramêtres du pied de page)</h3>
<p>Par défaut, la section pied de page de cette mise en page est sur 2 colonnes. <br />La première colonne est footer1 et contient 8 span et l'autre colonne footer2 contenant 4 span.</p>
<p>Vous pouvez vous-même le personnaliser selon vos besoins et sélectionner la position où la section de pied de page sera publiée.<br />Les autres fonctions sont Copyright- depuis cette option, vous pouvez activer / désactiver l'affichage du texte de droit d'auteur et le texte droits d'auteur personnalisé à afficher, le Logo Helix V2 et les crédits Joomla. <br />La fonction Copyright est destinée à contrôler la diffusion du texte du droit d'auteur <span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;">veillant à ce que le droit d'auteur de votre site Web </span></span></span><span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;">ne soit</span></span></span><span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;"> pas revendiqué par quelqu'un d'autre à </span></span></span><span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;">votre insu</span></span></span><span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;">.</span></span></span></p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-footer.jpg" alt="footer - fonctionnalités du template" /></p>
<h3>Brand Info (Info marque)</h3>
<p>L'équipe de Joomshaper est très fier de son framework Helix V3 et cela a une signification profonde pour l'équipe de Joomshaper de faire reconnaitre son travail. Vous pouvez afficher une information créditant Joomshaper et également un lien de validation HTML et CSS.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-brand.jpg" alt="brand - fonctionnalités du template" /></p>
<h3>Goto Top Settings (réglages de la fonction gototop)</h3>
<p style="padding: 0cm;">Vous pouvez sélectionner la fonction « gototop » qui contrôle l'affichage d'un lien/bouton qui, lorsque vous cliquez dessus, fait défiler en douceur la page vers le haut. De cette option vous pouvez activer/désactiver l'affichage du bouton <strong>Goto Top</strong> et choisir son positionnement.</p>
<p style="padding: 0cm;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-gototop.jpg" alt="gototop - fonctionnalités du template" /></p><p>Les fonctionnalités impressionnantes de l'interface administration d'un template basé sur le Framework Helix V3 vous sont fournies avec des options pour configurer les caractéristiques principales d'un template.</p>
<p>Dès que vous êtes dedans, cela vaut réellement la peine de jeter un rapide coup d'œil aux options de configuration suivantes :</p>
<h2>Layout Control (Contrôle de la mise en page)</h2>
<p>Le site Internet peut être vu par différents appareils et variétés d'écrans. <br />Dans la section <strong>Basic,</strong> la largeur peut être contrôlée par des options de mise en page. <br />La largeur de mise en page peut être de 1170px ou 940px, choisissez également votre type de mise en page de site, soit fixe soit responsive.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-layout.jpg" alt="layout builder helix layout" /></p>
<h3>Logo Type</h3>
<p>La fonctionnalité Logo commande la visualisation du logo principal du template. <br />Vous pouvez régler votre logo sur <strong>image </strong>ou <strong>text type </strong>ou<strong> none (aucun)</strong>. <br />Le logo peut être affiché dans des positions différentes. <br />Vous pouvez également définir la largeur et la hauteur du logo. <br />Vous pouvez aussi spécifier le titre du logo et le slogan du logo, si vous sélectionnez le type de logo comme texte.</p>
<p style="text-align: center;"><img src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-logo.jpg" alt="logo - fonctionnalités du template helix" /></p>
<h3>Footer Settings (paramêtres du pied de page)</h3>
<p>Par défaut, la section pied de page de cette mise en page est sur 2 colonnes. <br />La première colonne est footer1 et contient 8 span et l'autre colonne footer2 contenant 4 span.</p>
<p>Vous pouvez vous-même le personnaliser selon vos besoins et sélectionner la position où la section de pied de page sera publiée.<br />Les autres fonctions sont Copyright- depuis cette option, vous pouvez activer / désactiver l'affichage du texte de droit d'auteur et le texte droits d'auteur personnalisé à afficher, le Logo Helix V2 et les crédits Joomla. <br />La fonction Copyright est destinée à contrôler la diffusion du texte du droit d'auteur <span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;">veillant à ce que le droit d'auteur de votre site Web </span></span></span><span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;">ne soit</span></span></span><span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;"> pas revendiqué par quelqu'un d'autre à </span></span></span><span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;">votre insu</span></span></span><span style="color: #000000;"><span style="font-family: Times New Roman,serif;"><span style="font-size: small;">.</span></span></span></p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-footer.jpg" alt="footer - fonctionnalités du template" /></p>
<h3>Brand Info (Info marque)</h3>
<p>L'équipe de Joomshaper est très fier de son framework Helix V3 et cela a une signification profonde pour l'équipe de Joomshaper de faire reconnaitre son travail. Vous pouvez afficher une information créditant Joomshaper et également un lien de validation HTML et CSS.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-brand.jpg" alt="brand - fonctionnalités du template" /></p>
<h3>Goto Top Settings (réglages de la fonction gototop)</h3>
<p style="padding: 0cm;">Vous pouvez sélectionner la fonction « gototop » qui contrôle l'affichage d'un lien/bouton qui, lorsque vous cliquez dessus, fait défiler en douceur la page vers le haut. De cette option vous pouvez activer/désactiver l'affichage du bouton <strong>Goto Top</strong> et choisir son positionnement.</p>
<p style="padding: 0cm;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.web54.fr/images/stories/tutos_helix/layout-builder-helix-gototop.jpg" alt="gototop - fonctionnalités du template" /></p>Comment renommer un template Helix - Joomshaper2015-02-13T06:02:13+00:002015-02-13T06:02:13+00:00https://www.web54.fr/tutoriels-helix/mise-en-route/comment-renommer-un-template-helix-joomshaperSerge Billonserge [AT] web54 [POINT] fr<p>Depuis Joomla 1.5, il y a eu des grands changements dans le Gestionnaire de templates Joomla !. <br />À l'heure actuelle dans Joomla 2.5 et Joomla 3.x vous ne pouvez pas simplement renommer un dossier de template en utilisant le FTP pour changer son nom, parce que l'information concernant le nom est stockée dans différents endroits. C'est parce que le template Joomla ! est traité comme une extension, donc certains renseignements sont dans la base de données ainsi que dans les dossiers et le nom de dossier de langue.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="changer nom template1" src="https://www.web54.fr/images/stories/tutos_helix/changer-nom-template1.png" /></p>
<p>Il y a quelques solutions qui peuvent vous aider pour cela, mais ici nous vous montrerons la méthode la plus simple, en utilisant un nouveau package de template depuis <a href="http://www.joomshaper.com/?aff_aid=0383566520">JoomShaper</a> venant juste d'être téléchargé de notre section de téléchargement. Veuillez suivre ces étapes :</p>
<ol><ol>
<li>
<p style="margin-bottom: 0cm;">Renommez le fichier zip, par exemple à partir de "shaper_onepage_template_only_j3.zip" vers "new_template_only_j3.zip".</p>
</li>
<li>
<p>À partir de la version dezippée du fichier templateDetails.xml de votre package - pour modifier le fichier xml utilisez votre éditeur de texte favori (Notepadd++ ou autres semblables). Rebaptisez alors le template à l'intérieur.<br />à partir de :</p>
<pre style="margin-bottom: 0.5cm;"> <name>shaper_onepage</name>
</pre>
<p>vers (par exemple):</p>
<pre style="margin-bottom: 0.5cm;"> <name>new</name></pre>
</li>
<li>
<p>Également dans templateDetails.xml vous pouvez changer la description du template.<br /><img style="display: block; margin-left: auto; margin-right: auto;" alt="changer nom template2" src="https://www.web54.fr/images/stories/tutos_helix/changer-nom-template2.png" /></p>
</li>
</ol></ol>
<p>4. Renommez le nom de fichier de langue en fonction du nouveau nom de template, par exemple, de :</p>
<pre style="margin-bottom: 0.5cm;"><language
tag="en-GB">en-GB.tpl_shaper_onepage.ini</language></pre>
<p>vers</p>
<pre style="margin-bottom: 0.5cm;"><language
tag="en-GB">en-GB.tpl_new.ini</language></pre>
<p>5. Enregistrez les modifications, puis copier à l'intérieur du package de template le fichier templateDetails.xml modifié.</p>
<p>6. Décompressez depuis le package du tempalte le fichier de langue, Renommez le fichier de langue selon le nouveau nom, par exemple, en-GB.tpl_new.ini et copiez dans template zip (recompressez).Et évidemment vous pouvez effacer le fichier de langue avec le vieux nom, vous n'en avez plus besoin.<br />7.Installez ce template comme un nouveau template et définissez le par défaut. N'ayez pas peur que ce soit indépendant de celui d'origine même si vous avez utilisé QuickStart auparavant.</p>
<p>Souvenez-vous que le gabarit rebaptisé ne pourrait pas avoir tous les paramètres de quickstart donc vous devez les mettre manuellement comme ils ont dans "l'ancien" en les regardant et les comparant. Ainsi, si vous utilisez QS désinstallez le vieux template après avoir réécrit tous les paramètres.</p>
<p><strong>Note:</strong> Si vous voulez changer le nom du template après l'installation cela demande des changements non seulement dans les fichiers mais aussi dans la base de données.</p><p>Depuis Joomla 1.5, il y a eu des grands changements dans le Gestionnaire de templates Joomla !. <br />À l'heure actuelle dans Joomla 2.5 et Joomla 3.x vous ne pouvez pas simplement renommer un dossier de template en utilisant le FTP pour changer son nom, parce que l'information concernant le nom est stockée dans différents endroits. C'est parce que le template Joomla ! est traité comme une extension, donc certains renseignements sont dans la base de données ainsi que dans les dossiers et le nom de dossier de langue.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="changer nom template1" src="https://www.web54.fr/images/stories/tutos_helix/changer-nom-template1.png" /></p>
<p>Il y a quelques solutions qui peuvent vous aider pour cela, mais ici nous vous montrerons la méthode la plus simple, en utilisant un nouveau package de template depuis <a href="http://www.joomshaper.com/?aff_aid=0383566520">JoomShaper</a> venant juste d'être téléchargé de notre section de téléchargement. Veuillez suivre ces étapes :</p>
<ol><ol>
<li>
<p style="margin-bottom: 0cm;">Renommez le fichier zip, par exemple à partir de "shaper_onepage_template_only_j3.zip" vers "new_template_only_j3.zip".</p>
</li>
<li>
<p>À partir de la version dezippée du fichier templateDetails.xml de votre package - pour modifier le fichier xml utilisez votre éditeur de texte favori (Notepadd++ ou autres semblables). Rebaptisez alors le template à l'intérieur.<br />à partir de :</p>
<pre style="margin-bottom: 0.5cm;"> <name>shaper_onepage</name>
</pre>
<p>vers (par exemple):</p>
<pre style="margin-bottom: 0.5cm;"> <name>new</name></pre>
</li>
<li>
<p>Également dans templateDetails.xml vous pouvez changer la description du template.<br /><img style="display: block; margin-left: auto; margin-right: auto;" alt="changer nom template2" src="https://www.web54.fr/images/stories/tutos_helix/changer-nom-template2.png" /></p>
</li>
</ol></ol>
<p>4. Renommez le nom de fichier de langue en fonction du nouveau nom de template, par exemple, de :</p>
<pre style="margin-bottom: 0.5cm;"><language
tag="en-GB">en-GB.tpl_shaper_onepage.ini</language></pre>
<p>vers</p>
<pre style="margin-bottom: 0.5cm;"><language
tag="en-GB">en-GB.tpl_new.ini</language></pre>
<p>5. Enregistrez les modifications, puis copier à l'intérieur du package de template le fichier templateDetails.xml modifié.</p>
<p>6. Décompressez depuis le package du tempalte le fichier de langue, Renommez le fichier de langue selon le nouveau nom, par exemple, en-GB.tpl_new.ini et copiez dans template zip (recompressez).Et évidemment vous pouvez effacer le fichier de langue avec le vieux nom, vous n'en avez plus besoin.<br />7.Installez ce template comme un nouveau template et définissez le par défaut. N'ayez pas peur que ce soit indépendant de celui d'origine même si vous avez utilisé QuickStart auparavant.</p>
<p>Souvenez-vous que le gabarit rebaptisé ne pourrait pas avoir tous les paramètres de quickstart donc vous devez les mettre manuellement comme ils ont dans "l'ancien" en les regardant et les comparant. Ainsi, si vous utilisez QS désinstallez le vieux template après avoir réécrit tous les paramètres.</p>
<p><strong>Note:</strong> Si vous voulez changer le nom du template après l'installation cela demande des changements non seulement dans les fichiers mais aussi dans la base de données.</p>Étendre le choix de la configuration mobile de votre module dans Helix2015-03-27T07:32:54+00:002015-03-27T07:32:54+00:00https://www.web54.fr/tutoriels-helix/configuration-de-la-mise-en-page/etendre-le-choix-de-la-configuration-mobile-de-votre-module-dans-helixSerge Billonserge [AT] web54 [POINT] fr<p style="page-break-before: always;">Par défaut, le choix offert dans la configuration du module pour l'affichage mobile est restreinte de 2 à 10, ce qui peut paraître suffisant.</p>
<p> <img style="display: block; margin-left: auto; margin-right: auto;" alt="mobile module colxs1" src="https://www.web54.fr/images/stories/tutos_helix/mobile_module_colxs1.jpg" /></p>
<p>Mais dans certains cas, vous pourriez avoir besoin de faire appel à <b>col-xs-1, col-xs-11</b> ou <b>col-xs-12</b>, que cela soit pour laisser de la place ou au contraire tout prendre …</p>
<p>Pour ce faire, allez dans <i><b>plugins/system/helix3/layout/layout-settings/row-column-settings.php </b></i><span style="font-style: normal;"><span style="font-weight: normal;">à la ligne 204 et modifiez les lignes :</span></span></p>
<pre class="brush:php; first-line:204">'values' => array(
'' => "",
'col-xs-2' => 'col-xs-2',
'col-xs-3' => 'col-xs-3',
'col-xs-4' => 'col-xs-4',
'col-xs-5' => 'col-xs-5',
'col-xs-6' => 'col-xs-6',
'col-xs-7' => 'col-xs-7',
'col-xs-8' => 'col-xs-8',
'col-xs-9' => 'col-xs-9',
'col-xs-10' => 'col-xs-10',
),</pre>
<p>pour :</p>
<pre class="brush:php; first-line:204">'values' => array(
'' => "",
'col-xs-1' => 'col-xs-1',
'col-xs-2' => 'col-xs-2',
'col-xs-3' => 'col-xs-3',
'col-xs-4' => 'col-xs-4',
'col-xs-5' => 'col-xs-5',
'col-xs-6' => 'col-xs-6',
'col-xs-7' => 'col-xs-7',
'col-xs-8' => 'col-xs-8',
'col-xs-9' => 'col-xs-9',
'col-xs-10' => 'col-xs-10',
'col-xs-11' => 'col-xs-11',
'col-xs-12' => 'col-xs-12',
),</pre>
<p> </p>
<p>Vous pourrez ainsi accéder après rafraichissement aux options <b>col-xs-1, col-xs-11</b> ou <b>col-xs-12 </b><span style="font-weight: normal;">comme vous pouvez le constater sur l'image :</span></p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="mobile module colxs2" src="https://www.web54.fr/images/stories/tutos_helix/mobile_module_colxs2.jpg" /></p>
<p><strong><span style="color: #000000;">Ces options de boostrap pour l'affichage mobile seront alors prises en charge.</span></strong></p><p style="page-break-before: always;">Par défaut, le choix offert dans la configuration du module pour l'affichage mobile est restreinte de 2 à 10, ce qui peut paraître suffisant.</p>
<p> <img style="display: block; margin-left: auto; margin-right: auto;" alt="mobile module colxs1" src="https://www.web54.fr/images/stories/tutos_helix/mobile_module_colxs1.jpg" /></p>
<p>Mais dans certains cas, vous pourriez avoir besoin de faire appel à <b>col-xs-1, col-xs-11</b> ou <b>col-xs-12</b>, que cela soit pour laisser de la place ou au contraire tout prendre …</p>
<p>Pour ce faire, allez dans <i><b>plugins/system/helix3/layout/layout-settings/row-column-settings.php </b></i><span style="font-style: normal;"><span style="font-weight: normal;">à la ligne 204 et modifiez les lignes :</span></span></p>
<pre class="brush:php; first-line:204">'values' => array(
'' => "",
'col-xs-2' => 'col-xs-2',
'col-xs-3' => 'col-xs-3',
'col-xs-4' => 'col-xs-4',
'col-xs-5' => 'col-xs-5',
'col-xs-6' => 'col-xs-6',
'col-xs-7' => 'col-xs-7',
'col-xs-8' => 'col-xs-8',
'col-xs-9' => 'col-xs-9',
'col-xs-10' => 'col-xs-10',
),</pre>
<p>pour :</p>
<pre class="brush:php; first-line:204">'values' => array(
'' => "",
'col-xs-1' => 'col-xs-1',
'col-xs-2' => 'col-xs-2',
'col-xs-3' => 'col-xs-3',
'col-xs-4' => 'col-xs-4',
'col-xs-5' => 'col-xs-5',
'col-xs-6' => 'col-xs-6',
'col-xs-7' => 'col-xs-7',
'col-xs-8' => 'col-xs-8',
'col-xs-9' => 'col-xs-9',
'col-xs-10' => 'col-xs-10',
'col-xs-11' => 'col-xs-11',
'col-xs-12' => 'col-xs-12',
),</pre>
<p> </p>
<p>Vous pourrez ainsi accéder après rafraichissement aux options <b>col-xs-1, col-xs-11</b> ou <b>col-xs-12 </b><span style="font-weight: normal;">comme vous pouvez le constater sur l'image :</span></p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="mobile module colxs2" src="https://www.web54.fr/images/stories/tutos_helix/mobile_module_colxs2.jpg" /></p>
<p><strong><span style="color: #000000;">Ces options de boostrap pour l'affichage mobile seront alors prises en charge.</span></strong></p>Vue d'ensemble de la mise en page Helix2015-02-18T06:19:59+00:002015-02-18T06:19:59+00:00https://www.web54.fr/tutoriels-helix/configuration-de-la-mise-en-page/vue-d-ensemble-de-la-mise-en-page-helixSerge Billonserge [AT] web54 [POINT] fr<h2>Activer la visualisation des modules.</h2>
<p>Par défaut vous ne pouvez pas visualiser les positions de vos modules dans votre frontend.</p>
<p>L'activation de cette fonctionnalité se fait par le bouton paramètres en haut à droite dans la gestion des templates.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="vue ensemble2" src="https://www.web54.fr/images/stories/tutos_helix/vue_ensemble2.JPG" /></p>
<p>Après l'activation de cette fonctionnalité vous verrez devant le nom de votre template l'icône modifiée vous permettant une prévisualisation des positons de modules.</p>
<p style="text-align: center;">AVANT</p>
<p style="text-align: center;"><img alt="vue ensemble" src="https://www.web54.fr/images/stories/tutos_helix/vue_ensemble.JPG" /></p>
<p style="text-align: center;">APRÈS</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="vue ensemble3" src="https://www.web54.fr/images/stories/tutos_helix/vue_ensemble3.JPG" /><br style="clear: left;" />Cela peut vous aider à vous y retrouver même si le framework Helix possède une interface intuitive.</p>
<p> </p>
<h2>Aperçu de la mise en page par défaut Helix</h2>
<p>Entrons maintenant dans le gestionnaire de template, onglet mise en page.</p>
<p>Nous partons du principe que vous travaillez avec la version de langue proposée sur web54.</p>
<p>Vous pouvez donc apercevoir des rangées, divisées pour certaines en colonnes.</p>
<p>Ces rangées par défaut sont</p>
<ul>
<li>
<p><strong>Top </strong><strong>Bar</strong> : divisée en deux par défaut cette rangée affiche des informations de contact renseignés dans la partie généralités en top2 et les réseaux sociaux en top1. Vous pouvez évidemment ne pas les afficher ou afficher un autre module dans ces positions.</p>
</li>
<li>
<p><strong>Header </strong>: Partie entête du site, destinée à afficher le logo et le menu Helix.Vous pouvez évidemment ne pas les afficher ou afficher un autre module dans ces positions.</p>
</li>
<li>
<p><strong>Page title</strong> : Permets l'affichage du Titre de la page ainsi que du fil d'ariane.</p>
</li>
<li>
<p><strong>Mainbody </strong>: C'est ici que sera affiché par défaut le composant appelé par votre lien de menu.<br />Par défaut, il est configuré en 3 colonnes (left + <strong>component</strong> + right)</p>
</li>
<li>
<p><strong>Bottom </strong>: partie basse du site, réglé par défaut pour afficher 4 modules.Vous pouvez évidemment ne pas les afficher ou afficher un autre module dans ces positions.</p>
</li>
<li>
<p><strong>Footer </strong>: Pied de page du site, par défaut vous y retrouverez les différents <strong>copyrights</strong></p>
</li>
</ul><h2>Activer la visualisation des modules.</h2>
<p>Par défaut vous ne pouvez pas visualiser les positions de vos modules dans votre frontend.</p>
<p>L'activation de cette fonctionnalité se fait par le bouton paramètres en haut à droite dans la gestion des templates.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="vue ensemble2" src="https://www.web54.fr/images/stories/tutos_helix/vue_ensemble2.JPG" /></p>
<p>Après l'activation de cette fonctionnalité vous verrez devant le nom de votre template l'icône modifiée vous permettant une prévisualisation des positons de modules.</p>
<p style="text-align: center;">AVANT</p>
<p style="text-align: center;"><img alt="vue ensemble" src="https://www.web54.fr/images/stories/tutos_helix/vue_ensemble.JPG" /></p>
<p style="text-align: center;">APRÈS</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="vue ensemble3" src="https://www.web54.fr/images/stories/tutos_helix/vue_ensemble3.JPG" /><br style="clear: left;" />Cela peut vous aider à vous y retrouver même si le framework Helix possède une interface intuitive.</p>
<p> </p>
<h2>Aperçu de la mise en page par défaut Helix</h2>
<p>Entrons maintenant dans le gestionnaire de template, onglet mise en page.</p>
<p>Nous partons du principe que vous travaillez avec la version de langue proposée sur web54.</p>
<p>Vous pouvez donc apercevoir des rangées, divisées pour certaines en colonnes.</p>
<p>Ces rangées par défaut sont</p>
<ul>
<li>
<p><strong>Top </strong><strong>Bar</strong> : divisée en deux par défaut cette rangée affiche des informations de contact renseignés dans la partie généralités en top2 et les réseaux sociaux en top1. Vous pouvez évidemment ne pas les afficher ou afficher un autre module dans ces positions.</p>
</li>
<li>
<p><strong>Header </strong>: Partie entête du site, destinée à afficher le logo et le menu Helix.Vous pouvez évidemment ne pas les afficher ou afficher un autre module dans ces positions.</p>
</li>
<li>
<p><strong>Page title</strong> : Permets l'affichage du Titre de la page ainsi que du fil d'ariane.</p>
</li>
<li>
<p><strong>Mainbody </strong>: C'est ici que sera affiché par défaut le composant appelé par votre lien de menu.<br />Par défaut, il est configuré en 3 colonnes (left + <strong>component</strong> + right)</p>
</li>
<li>
<p><strong>Bottom </strong>: partie basse du site, réglé par défaut pour afficher 4 modules.Vous pouvez évidemment ne pas les afficher ou afficher un autre module dans ces positions.</p>
</li>
<li>
<p><strong>Footer </strong>: Pied de page du site, par défaut vous y retrouverez les différents <strong>copyrights</strong></p>
</li>
</ul>