Même si vous pouvez déplacer et sélectionner des éléments groupés comme une seule unité, vous pouvez modifier chacun d’eux – double-cliquez pour accéder à un élément groupé et modifier ses propriétés dans la barre d’outils contextuelle ou le panneau de propriétés.

Pour organiser et gérer les blocs, vous pouvez les renommer dans le plan. Sélectionnez le navigateur de page à gauche pour basculer vers l’onglet Plan. Double-cliquez ou sélectionnez l’option Renommer dans les Options. Modifiez le nom du bloc pour rendre votre processus de conception d’un site Web plus gérable et pratique.

L’opération de groupe crée un élément de groupe, qui vous permet d’assembler plusieurs éléments et de les utiliser comme une seule pièce dans l’éditeur. En tant que groupe, vous pouvez effectuer plusieurs opérations et ajouter des actions, notamment l’ajout d’arrière-plan et le déplacement d’éléments et l’application de divers effets d’animation à un groupe et à ses éléments.

Lorsque vous travaillez dans l’éditeur, vous pouvez masquer des éléments, des conteneurs ou des blocs entiers dans le plan. Il est utile de se concentrer sur certains détails tout en masquant ceux qui se chevauchent ou qui gênent.

Vous pouvez ajouter des groupes, des formes et des images et spécifier des bordures pour chaque côté séparément. Il vous donne la liberté supplémentaire de réaliser vos idées créatives. Sélectionnez votre Shape, par exemple. Allez ensuite dans le panneau des propriétés. Recherchez la section Bordure et cliquez sur les icônes Options. Sélectionnez les côtés pour lesquels afficher la bordure.

La grille, le répéteur de grille, généralement tous les éléments de conteneur pleine largeur, et l’élément de texte ont toujours une largeur de 100 %. Vous pouvez voir le vrai 100% dans le champ de valeur du panneau de propriétés pour l’élément sélectionné. Vous pouvez également définir la valeur de largeur en pourcentage. Cependant, la hauteur ne peut être que de 100 %.

Faites glisser les marqueurs des images, textes et autres éléments à redimensionner. Vous pouvez maintenir la touche SHIFT pour redimensionner proportionnellement et la touche ALT pour fixer le centre. Vous pouvez suivre et accrocher les guides magnétiques rouges pour plus de précision.

Vous pouvez copier et coller des images à partir du presse-papiers. Cette fonctionnalité n’est prise en charge que dans les applications Nicepage Desktop. Vous pouvez copier des images depuis n’importe quel éditeur graphique et les coller dans l’éditeur Nicepage.

Vous pouvez mesurer les distances entre les éléments d’un bloc tout en faisant glisser et en alignant les guides magnétiques intelligents. Vous voyez les distances tout en mesurant l’espacement entre les textes, les images, les icônes, les formes, etc., et à l’intérieur des groupes et des grilles, et d’autres éléments de conteneur.

De nombreux éditeurs graphiques et de maquette populaires peuvent modifier les valeurs avec le défilement ou le déplacement de la souris. Vous pouvez faire la même chose que les paramètres et propriétés illustrés par des icônes. Accédez au panneau de propriétés, passez la souris sur l’icône près du champ de saisie de la propriété et déplacez la souris vers la droite pour augmenter la valeur et vers la gauche pour la diminuer.

Les proportions des images peuvent être modifiées au cours du processus de création en les zoomant et en les ajustant lors de la création d’une page Web. Par conséquent, vous pouvez rétablir les proportions d’origine en cliquant sur l’icône de la barre d’outils contextuelle. Cliquez sur l’élément Image, la boîte ou la cellule de la grille, puis cliquez sur l’icône Réinitialiser les proportions.

Les colonnes de la grille sont un outil de mise en page utile pour les éditeurs graphiques et de sites Web. Ils facilitent le positionnement et l’alignement des éléments de conception Web sur une page Web. Les colonnes de la grille sont visibles sur toute la page. Vous pouvez les activer en cliquant sur les touches de raccourci CTRL + MAJ + 4 ou en sélectionnant dans le menu contextuel de la souris ou la barre d’outils contextuelle de la page et du bloc.

Vous pouvez modifier la largeur du contenu en sélectionnant la valeur dans la liste déroulante pour la largeur du bloc. Sélectionnez un bloc, puis accédez au panneau de propriétés. Dans la propriété W (Largeur), cliquez sur la petite flèche pour ouvrir la liste déroulante des options. Cliquez sur les options pour modifier la largeur du contenu de Boxed à Wide.

Vous pouvez verrouiller et déverrouiller les éléments, les conteneurs ou les blocs dans le contour en cliquant sur l’icône de verrouillage sur le calque d’élément. Cela rend votre travail de conception plus pratique, en particulier en travaillant avec plusieurs détails.

Changez facilement de position de bloc dans le navigateur de page. Vous pouvez également utiliser les flèches de la barre latérale des blocs et de la barre d’outils de contenu pour déplacer les blocs vers le haut et vers le bas dans l’éditeur.

Utilisez les guides magnétiques intelligents pour aligner et perfectionner la position des éléments dans la conception. Vous pouvez voir les guides rapides lors du déplacement d’un élément qui s’aligne sur d’autres éléments et conteneurs. Ils sont très utiles pour l’alignement, l’édition et la transformation d’éléments par rapport à d’autres éléments et conteneurs lorsque vous concevez un site Web.

Faites glisser n’importe quel élément groupé pour déplacer l’ensemble du groupe. Vous pouvez regrouper des éléments dans un bloc Web, puis les manipuler comme une seule unité en sélectionnant et en faisant glisser un groupe avec ses éléments internes.

Le regroupement est une opération très courante qui permet de combiner des éléments relatifs et de minimiser la charge de contrôle de chaque élément séparément lors du déplacement, de l’alignement, etc. Combinaison CTRL+G.

Concevez vos pages Web et vos modèles par glisser-déposer. Profitez de vos travaux tout en créant de beaux sites Web de manière ludique et sans codage. Concevez et personnalisez votre conception avec notre éditeur à main levée révolutionnaire. Il est intuitif, visuel, facile à utiliser, à main levée, par glisser-déposer. Utiliser Nicepage est similaire à travailler dans Microsoft PowerPoint, Apple Keynote et des systèmes de conception professionnels comme Adobe Photoshop et Adobe XD.

Les options de page sont très importantes pour la création de sites Web, car cette liste contient les opérations essentielles pour la page. Vous pouvez activer les colonnes de la grille, utiliser les opérations de copier-coller, d’importation et d’exportation de la page et accéder aux paramètres. Vous pouvez accéder aux options de la page à partir du menu contextuel en cliquant sur l’icône Options en haut à droite de l’éditeur.

Vous pouvez sélectionner plusieurs éléments en cliquant et en faisant glisser un curseur autour de la zone. Vous pouvez déplacer, aligner, dupliquer ensemble tous les éléments multi-sélectionnés et les convertir en un groupe ou un répéteur de grille si nécessaire.

Redimensionnez les blocs simplement en cliquant et en faisant glisser les marqueurs de barre en haut ou en bas de n’importe quel bloc. Lors du redimensionnement, vous pouvez voir les distances avant et après les éléments placés à l’intérieur d’un bloc.

Insérez le lien de connexion pour vous connecter à la page de connexion de votre site Web. Vous pouvez styliser le lien si nécessaire.

Vous pouvez masquer et afficher l’en-tête dans le panneau de propriétés d’une page en cliquant sur la zone grise au-delà de l’éditeur et en accédant au panneau de propriétés. De plus, vous pouvez cliquer sur le lien en haut à droite de l’éditeur près de l’icône Options pour afficher l’en-tête masqué à tout moment, ce qui est très pratique, rapide et facile à trouver.

Utilisez l’en-tête, le bloc le plus partagé sur les pages du site Web. Il contient généralement un logo, un menu, un appel à l’action, des informations de contact, etc. L’en-tête peut chevaucher le bloc suivant et peut être collant lors du défilement.

Insérez l’élément Headline dans l’en-tête, que vous pouvez utiliser comme titre pour votre site Web. Vous pouvez utiliser le titre au lieu du logo graphique et le styliser comme n’importe quel texte dans l’éditeur.

Le Mega Menu est la mise en page la plus populaire utilisée dans les menus modernes contenant des éléments de sous-menu. Il permet d’ajouter des sous-éléments dans les colonnes, ainsi que d’ajouter des images et d’autres éléments à un menu. Pour ajouter un méga menu, vous pouvez sélectionner un menu dans l’en-tête, aller dans le panneau de propriétés à droite, puis basculer sa disposition vers le méga menu en cliquant sur l’icône correspondante dans la section Disposition.

Collez le pied de page au bas de n’importe quelle page Web. Vous pouvez appliquer cette option pour aligner le pied de page au bas de l’écran si vous n’avez pas assez de contenu pour pousser le pied de page vers le bas.

Ajoutez votre logo d’entreprise ou personnel pour différencier votre site Web sur le Web. Le logo est une image qui peut être dans n’importe quel format graphique moderne, y compris SVG et WEBP.

Le menu est l’élément de navigation essentiel de tout site Web. Vous pouvez ajouter le menu uniquement à l’en-tête et au pied de page et créer des sous-éléments si vous avez de nombreuses pages Web sur votre site.

La typographie définit le style de tous les éléments de texte sur l’ensemble d’un site Web. Il permet aux pages et aux blocs de s’afficher dans un seul style, ce qui est essentiel pour une bonne conception Web. Il aide à styliser des éléments tels que le titre, l’en-tête, le texte, le lien hypertexte, le bouton, la citation et les listes. Vous pouvez modifier la police, la taille, l’épaisseur, la couleur, les retraits et l’espacement entre les lignes de texte et les lettres. Pour simplifier votre travail, nous avons préparé les préréglages prêts à l’emploi.

La barre latérale située à droite ou à gauche de la zone de contenu principale de votre site Web permet à vos visiteurs d’accéder rapidement à diverses informations. Habituellement, dans le thème WordPress ou les modèles Joomla, vous pouvez attribuer la barre latérale aux widgets ou modules de sortie, qui nécessitent des zones de widget WordPress ou des positions Joomla que vous pouvez ajouter et modifier dans le panneau d’administration de votre site Web.

Pour les sites Web WordPress et Joomla, de nombreuses conceptions de connexion sont disponibles. Pour y accéder, accédez au panneau des modèles d’accès rapide. Lorsque vous ouvrez le modèle de connexion, cliquez sur l’icône bleue Plus pour ouvrir le menu Ajouter. Vous verrez la liste des conceptions disponibles pour le modèle de connexion, que vous pouvez commencer ou utiliser sur vos conceptions Web.

Les jeux de polices sont une paire de polices présentées sous forme de préréglages de polices, que vous pouvez sélectionner pour tout le texte d’un site Web. La première police correspond et est appliquée à tous les en-têtes et titres d’un site Web, et la seconde police convient bien et est utilisée pour tous les textes et paragraphes réguliers.

Il est recommandé de ne pas utiliser plus de cinq couleurs principales sur l’ensemble du site Web, pour une bonne conception Web. Il donne à vos pages Web un aspect cohérent et professionnel. Définissez cinq couleurs pour votre jeu de couleurs ou sélectionnez-en une parmi les préréglages prêts à l’emploi. Nicepage a automatiquement généré plus de couleurs avec une luminosité différente en fonction du schéma principal. Vous pouvez également ajouter autant de couleurs personnalisées que vous le souhaitez.

Dans WordPress et Joomla, les blogs sont stylisés avec les modèles de thème. Le modèle de blog est utilisé pour afficher les résumés de plusieurs messages, et le modèle de message produit le contenu d’un seul message. Vous pouvez modifier et affiner ces modèles pour obtenir un look unique et rendre les pages de blog cohérentes avec le reste de votre conception Web. De plus, vous pouvez créer des modèles de blog personnalisés pour les attribuer à différentes catégories de publications.

Si vous avez une boutique en ligne sous WordPress ou Joomla, vous pouvez modifier les templates eCommerce avec Nicepage. Utilisez le modèle de liste de produits pour afficher le catalogue de produits avec les prix et de courtes descriptions. Les détails du produit affichent les informations sur chaque produit permettant à vos utilisateurs de choisir la quantité, la variation et de faire défiler les images du produit. En ajustant les mises en page et les couleurs de vos modèles de commerce électronique, vous pouvez les conserver avec style avec d’autres pages. Comme pour les autres modèles, vous pouvez créer des modèles de commerce électronique personnalisés pour différentes catégories de produits.

Les gens peuvent venir sur votre site Web pour une mauvaise URL ou la saisir mal dans la barre d’adresse d’un navigateur. Dans ce cas, de nombreux sites Web affichent la page spéciale 404 Not Found au lieu de l’erreur de navigateur permettant aux visiteurs de rester sur votre site Web et de poursuivre la navigation. Vous pouvez modifier cette page pour votre site Web WordPress ou Joomla avec l’application Nicepage en modifiant le modèle 404 Not Found.

Vous pouvez voir et définir le domaine et le sous-domaine personnalisés pour un site Web hébergé sur Nicepage dans les paramètres du site. Pour cela, cliquez sur l’icône Paramètres du site ou sur le lien de la barre supérieure. Dans l’onglet Général, entrez la date requise correspondant à votre site Web.

Le domaine personnalisé est un nom unique que vous avez acheté pour votre site Web ou votre marque auprès de l’un des registrants les plus populaires. Vous pouvez attribuer ce domaine personnalisé à un site conçu à la place du nom de sous-domaine généré automatiquement par Nicepage Online Builder. Vous pouvez définir le domaine personnalisé en ligne dans les paramètres du site et la boîte de dialogue d’exportation dans les applications de bureau.

Ajoutez le Favicon de votre site Web dans les paramètres du site. Les navigateurs modernes prennent généralement en charge Favicon et l’affichent dans la barre d’adresse du navigateur, les onglets à côté du nom de la page et la liste des signets. Habituellement, le Favicon a le format ICO.

Connectez vos sites à Google Analytics, Google Tag Manager et Google Optimize Container pour collecter des données et mieux comprendre l’audience de votre site. Vous obtenez tous les outils d’analyse gratuitement et en un seul endroit pour toutes les tâches personnelles ou professionnelles.

Vous pouvez protéger les pages de votre site Web avec un mot de passe. Pour cela, cliquez sur la zone grise autour de l’Éditeur pour sélectionner la Page. Accédez au panneau de propriétés et faites défiler jusqu’à la section Protection par mot de passe. Définir votre mot de passe. Aperçu. L’accès à une telle page ouvrira la protection par mot de passe.

Utilisez l’onglet Partage social dans les paramètres de la page pour spécifier comment votre page Web sera présentée dans les médias sociaux. Vous devez entrer le titre, la description, l’image et l’URL.

Sur le tableau de bord, il est nécessaire de voir instantanément les pages Web publiées. Par conséquent, il y a une icône qui l’indique. Si vous publiez un site Web, vous verrez l’icône Globe bleue à gauche du nom du projet du site Web.

Ajoutez l’icône du panier d’achat à l’en-tête de votre site Web, qui affichera le nombre de produits ajoutés au panier et vous permettra d’ouvrir la page de paiement en un clic.

Présentez le produit vedette sur les pages de votre site Web. Vous pouvez modifier la mise en page et styliser le bloc produit pour lui donner un look unique.

Le modèle de panier d’achat est une page de conclusion de toute boutique en ligne. Il doit inclure le résumé du produit, la quantité, le prix, les totaux, d’autres données essentielles et, surtout, passer au bouton de paiement.

Affichez les derniers produits sur n’importe quelle page de votre site Web, y compris la page d’accueil. Vous pouvez spécifier des mises en page et choisir le nombre de messages à afficher.

L’application de bureau Nicepage pour Windows ou Mac OS vous permet de concevoir des pages de paiement pour WooCommerce dans WordPress et VirtueMart dans Joomla. Pour modifier le modèle de paiement, accédez au panneau Modèles de l’accès rapide à droite et sélectionnez le modèle de paiement. Modifiez la conception du modèle. Lors de l’exportation de votre thème pour votre site Web de commerce électronique, vous exporterez le modèle de paiement avec tous les autres modèles de commerce électronique.