Bonjour à tous !! J'espère que vous connaissez déjà les capacités de quix. Dans ce post, nous allons aborder une approche simple pour faire un site Web professionnel en 10 minutes. Dans un autre article, nous avons vu comment Créer un Portfolio personnel en 10 minutes.

Fini la discussion. Commençons à créer votre propre site professionnel.

Prérequis

Vous aurez besoin de quelques petites choses pour suivre ce tutoriel. Il vous faudra obtenir la liste des composants ci-dessous.

  • Quix pagebuilder
  • N’importe quel template Joomla (par exemple Biznes)
  • Le framework T3

Étape 1 : Téléchargement

Tout d’abord, vous devez télécharger tous les fichiers requis. Les liens sont fournis ci-dessous, il suffit de suivre chaque lien et de télécharger les fichiers.

Si un autre composant est requis avec le template, vous le trouverez dans la section téléchargements.

b2ap3 large unpublishing Previous Modules

Étape 2 : Dépublication des modules précédemment installés

Avant de commencer, il est important de dépublier tous les modules, sinon ils pourraient entrer en conflit avec les nouveaux modules.

  • Aller dans Extensions > Modules
  • Maintenant, sélectionnez tous les modules et cliquez sur Dépublier.

b2ap3 large Installation

Étape 3 : Installation

Une fois le téléchargement terminé, vous devez installer le template et les autres composants selon le processus normal.

  • Accédez à Extensions > Gérer > Installation et téléchargez le fichier de package.

Activez maintenant le template en allant dans le menu

  • Extensions > Templates > Styles.

Si vous avez besoin d'aide, vous pouvez toujours consulter la documentation et demander de l'aide à l'équipe de support.

b2ap3 large home page creation

Étape 4 : Création de la page d'accueil

Il est temps de créer la page d'accueil du site. Quix a rendu la construction de page très facile. Tout ce que vous avez à faire est un glisser - déposer.

  • Allez dans Quix > Pages > Nouveau.
  • Donnez un titre à votre page d'accueil.
  • Cliquez sur Enregistrer et fermer

b2ap3 large home page creation1

Pour ajouter du contenu dans les pages, vous avez deux façons de procéder. Vous pouvez utiliser le bouton ADD FROM TEMPLATE ou utiliser le bouton ADD NEW SECTION.

b2ap3 large blocks creation

Étape 5 : Création des blocs

Maintenant, ajoutons du contenu à votre page vide afin qu’elle soit prête à l’emploi. Vous pouvez ajouter autant de blocs que vous le souhaitez.

Avec Quix, les possibilités sont infinies. Avec plus de 50 éléments, vous pouvez personnaliser la page à votre guise et faire parler votre créativité. Pour en savoir plus, vous pouvez consulter le didacticiel vidéo.

Mais pour l'instant j'ajoute les blocs « A propos de nous », « Ce que nous faisons », « L'équipe », « Nos partenaires » dans ma page d'accueil.

  • Cliquez sur le bouton ADD NEW SECTION.
  • Cliquez sur Ajouter des colonnes et sélectionnez le nombre de colonnes que vous souhaitez ajouter.
  • Je choisi une colonne.

b2ap3 large blocks creation1

  • Maintenant, cliquez sur Ajouter des éléments.

Dès que vous cliquez, une liste de tous les éléments quix se charge et vous pouvez ajouter n'importe quel élément de la liste.

  • Je choisi l'élément Slider Pro.
  • Choisissez l'image, la hauteur et enregistrez.

b2ap3 large blocks creation add new section

  • Vous pouvez ajouter plus d'éléments et personnaliser votre page comme vous le souhaitez avec Quix.
  • Ajoutez plus de sections / blocs en utilisant n’importe quelle combinaison d'éléments de quix.

Votre site professionnel peut être construit comme vous le souhaitez. Cela peut ne pas être simple de choisir les blocs à disposer sur votre page. Pour vous aider, voici quelques suggestions :

b2ap3 large what we do page
Section « Ce que nous faisons » : Titre de la section, texte, image.

b2ap3 large recent work

Section « Travaux récents » : Titre de la section, Galerie filtrable.

b2ap3 large team member

Section « L’équipe » : Titre de la section, Membres.

b2ap3 large about us page

Section « À propos de nous » : Image, Titre de section, Texte, Bouton.

a1sx2 newtall jupiter whole

Après avoir positionné tous ces blocs, votre page devrait ressembler à l’image ci-dessus.

Attendez une minute. Votre site ne ressemble pas à ça ? Ne vous inquiétez pas, il n'est pas nécessaire que votre site soit exactement comme celui-ci.

Faites parler votre créativité et vous améliorerez votre site.

b2ap3 large labeling sections

Étape 6 : Identification des sections

Chaque fois que vous créez une nouvelle section, un identifiant pour la section est généré automatiquement. Vous pouvez utiliser un identifiant spécifique pour réutiliser la même section, mais il est difficile de se souvenir de l'identifiant généré automatiquement. Lorsque la création de la section ou du bloc est terminée, prenez note des blocs pour lesquels vous voulez créer un menu de navigation.

  • Aller dans Quix > Pages
  • Sélectionnez votre page d'accueil
  • Faites défiler jusqu'à la section pour laquelle vous souhaitez attribuer un identifiant et cliquez sur l'icône des paramètres de couleur violette.

b2ap3 large labeling sections1

  • Maintenant, sous l'onglet Avancé, choisissez votre ID préféré et enregistrez-le.

De même, donnez un identifiant à toutes les sections que vous souhaitez ajouter au menu de navigation. 

b2ap3 large creating navigation menu

Étape 7 : Création du menu de navigation

Il est temps de créer le menu de navigation sur le site. Le menu de navigation vous permet de naviguer vers différentes sections et pages. Voyons comment le créer.

  • Allez dans Menus > Menu principal > Ajouter un lien de menu
  • Dans l'onglet Détails, sélectionnez Type d'élément de menu sous Quix > Page.

b2ap3 large creating navigation menu1

  • Sur l’option Sélectionner la page choisissez votre page d'accueil.
  • Vérifiez que l'élément parent est Lien de menu racine.
  • Appuyez sur Enregistrer et fermer.

b2ap3 large assigning certain sections

Étape 8 : Affectation de certaines sections à des menus

Maintenant, mettons les blocs dans une section spécifique. Ainsi, lorsque vous cliquerez sur l'élément de menu, vous accéderez à cette section spécifique de la page d'accueil.

  • Allez dans Menus > Menu principal > Ajouter un lien de menu
  • Dans l'onglet Détails, sélectionnez Liens système > URL pour le Type de lien de menu.
  • Maintenant, donnez un titre au menu.

b2ap3 large assigning certain sections1

  • Dans le champ URL du Lien, tapez l'ID de la section spécifique que vous souhaitez placer dans le Menu.
  • N'oubliez pas de placer "#" avant votre lien.
  • Faites Enregistrer et fermer.

b2ap3 large footer

Étape 9 : Personnalisation du pied de page

Le pied de page peut être personnalisé avec n'importe quels éléments ou modules. Il peut être personnalisé de manière créative. Ici, nous allons voir comment y afficher les informations de copyright.

  • Tout d'abord, créez une nouvelle section.
  • Ajouter des colonnes.
  • Prenez un élément de texte et inscrivez vos informations de copyright.
  • Sauvegardez et fermez.

J'ai pris une colonne et un élément de texte. 

b2ap3 large Savee

Étape 10 : Enregistrer et fermer

Après chaque édition n'oubliez pas de cliquer sur Enregistrer et fermer. Sans enregistrer, aucun de vos changements ne sera effectué. Vous pouvez facilement enregistrer avec le bouton vert enregistrer ou en appuyant sur « Ctrl + S » (Windows) ou « Commande + S » (Mac).

Conclusion

J'espère que vous aurez compris qu'il est facile de créer un site professionnel avec quix. Si vous souhaitez créer votre propre template, consultez ce post - Guide complet pour créer un template Joomla sur une page. Si vous avez besoin d'aide ou si avez des questions, vous pouvez laisser un commentaire ci-dessous. Soyez intelligent, soyez Quix.

Cet article est une libre traduction de 10 Minutes Site - The Power of Quix : Create Business Website in Just 10 Minutes par Uzzal Raz Bongshi pour Themexpert.

L'auteur : un expert à votre service
Jean-Charles Gautard
Nom : Jean-Charles Gautard
Consultant, formateur et intégrateur web depuis plus de 10 ans, je mets mon expertise digitale au service des professionnels amorçant leur transformation digitale. A la recherche d'une stratégie digitale avec le CMS Joomla ? Besoin de conseils ? d'une formation ? d'un site Internet ou Intranet ? Contactez-nous

Articles qui devraient vous intéresser

Où trouver les meilleurs templates Joomla 3.8 gratuits ou Pro Où trouver les meilleurs templates Joomla 3.8 gratuits ou Pro
Il existe plusieurs type de template, du plus simple souvent gratuit, on parle alors de template Joomla gratuit ou...
Phoca Gallery 3.2.4 : une galerie Joomla pour vos photos Phoca Gallery 3.2.4 : une galerie Joomla pour vos photos
Résumé du test Intuitivité : Stabilité : Support : Sécurité : Mises à jour : Interropérabilité :...

Commentaires (3)

This comment was minimized by the moderator on the site

bonjour, j'ai lu cet article interessant et j'avais deux questions. Peut on comparer quix au framework de gantry? quelle est l'apport de quix?

This comment was minimized by the moderator on the site

Hello,
On ne va pas se mentir, Gantry5 est quand même d'un autre niveau et davantage dans l'esprit Joomla :-)
Disons qu'un PageBuilder comme QUIX permet aux débutants de gagner du temps au travers d'un interface CMS plus conventionnelle.
Mais à...

Hello,
On ne va pas se mentir, Gantry5 est quand même d'un autre niveau et davantage dans l'esprit Joomla :-)
Disons qu'un PageBuilder comme QUIX permet aux débutants de gagner du temps au travers d'un interface CMS plus conventionnelle.
Mais à terme, l'utilisation de Gantry s'avère plus pertinente, et plus stable lorsqu'il s'agit de faire évoluer son Joomla.

Lire la suite
This comment was minimized by the moderator on the site

merci pour la réponse. cela confirme mon choix de rester sur gantry

Il n'y a pas encore de commentaire pour cet article.

Ajouter vos commentaires

  1. Insérer un commentaire en tant qu'invité.
Pièces jointes (0 / 3)
Share Your Location
Contact

Scoop.It de NosyWeb

Twitter de NosyWeb

YouTube de NosyWeb

Facebook de NosyWeb

Google+ de NosyWeb

Flux RSS de NosyWeb

Inscription newsletter de NosyWeb

Dernier article sur la même thématique
Migration vers Joomla4 : avantages et bénéficesMigration vers Joomla4 : avantages et bénéfices
Nous considérons chez NosyWeb que la migration vers Joomla4 est une nouvelle étape pour la vie de votre site, bien plus largement que la simple évolution de version du CMS. En effet, la migration...