Sélectionnez le Guide final pour créer une page en faisant glisser et déposer wpbakery

Oui. Option 1: la première façon d’acheter votre copie pour utiliser la copie wpbakery page Builder sur le site WordPress est d’acheter votre propre plugin. Il suffit drsquoaller à codecanyon et drsquoajouter une copie de wpbakery page Builder à votre panier (nous recommandons drsquoajouter un support supplémentaire afin que puissiez obtenir le support de lrsquoauteur du plugin toute lrsquoannée), puis de compléter lrsquoachat.
Par conséquent, allez à votre page de téléchargement. Cliquez sur le bouton de téléchargement vert à côté du plug in wpbakery page Builder que venez d’acheter, puis sélectionnez installer uniquement des fichiers WordPress. Connectez maintenant au tableau de bord WordPress et allez au plugin gt Ajouter un nouveau plugin. Cliquez sur le bouton le plug in en haut de lrsquoécran. Sélectionnez le fichier zip wpbakery page Builder téléchargé à partir de codecanyon. Cliquez ensuite pour installer et activer le plug in. Comme avez acheté le plug in, devez également ajouter un code de licence pour compléter le processus drsquoactivation. Il suffit de cliquer sur le lien en haut de lrsquoécran, puis sur le grand bouton bleu pour activer la copie de wpbakery page Builder.
Un portail sera ouvert pour permettre à wpbakery de vérifier vos achats. Cliquez sur le bouton approbation verte. Ne inquiétez pas: accordez simplement à wpbakery la permission de confirmer que votre nom drsquoutilisateur e mail a effectivement acheté une copie de wpbakery page Builder. Suivez les instructions pour compléter l’activation et retourner au tableau de bord WordPress. Maintenant pouvez commencer à construire! Option 2: wpbakery page Builder (anciennement Visual composer) est groupé avec des thèmes WordPress. avez acheté un thème avec wpbakery page Builder ou si avez inclus un ancien Visual composer, l’installation peut varier et peut varier d’un auteur à l’autre. utilisez un thème wpexplorer comme total, nous montrerons comment installer le plug in (devrait être ab
Créateur Cliquez dessus pour ouvrir la page de configuration. Lrsquoonglet paramètres généraux contient des options simples pour activer désactiver la pile drsquoéléments réactifs sur le petit écran (changer les lignes standard de trois colonnes en trois colonnes au lieu de réduire les lignes de trois colonnes sur lrsquoappareil mobile), Réactivez lrsquoassistant wpbakery page Builder en sélectionnant le Sous ensemble de caractères Google et le bouton rest.
votre site utilise plusieurs rôles drsquoutilisateur, wpbakery page Builder role Manager sera certainement utile. Cette page de configuration permet de restreindre lrsquoaccès des utilisateurs aux différentes fonctionnalités visualisées du générateur de page wpbakery en fonction de leurs rôles. De cette façon, pouvez permettre à lrsquoAdministrateur drsquoaccéder à toutes les fonctionnalités en limitant lrsquoéditeur aux pages de blog et en limitant les contributeurs à zéro. Nous en avons discuté lors de lrsquoinstallation, mais si avez acheté une copie du plug in, pouvez vérifier le Code de licence dans lrsquoonglet licences de produits. Cette section peut être ignorée si votre copie de wpbakery page Builder est groupée avec un thème.
Éléments du constructeur de page Wpbakery page Builder fournit plus de 34 éléments de création de page standard pour de nombreuses fonctionnalités que souhaitez ajouter à votre page (la capture drsquoécran ci dessus montre toutes ces fonctionnalités, ainsi que lrsquoélément Contact Form 7 dont nous discuterons plus tard). De nombreux éléments comprennent des options supplémentaires telles que la couleur, la bordure, le remplissage, les marges, le CSS personnalisé, lrsquoanimation, etc. Voici un aperçu rapide de ce qui est inclus: une ligne est une page dans une page. Vous utiliserez lrsquoélément ligne pour créer des colonnes et insérer tous les autres éléments sur la page. Les blocs de texte sont leur prononciation: les blocs de texte. Avec l’éditeur WordPress standard WYSIWYG, pouvez ajouter et façonner
Saisissez le texte dans ce formulaire. Les icônes comprennent des icônes de police dans les bibliothèques drsquoicônes suivantes: fontawesome, Open icon, typicons, entypo, linecons et mono social. Les séparateurs et les séparateurs de texte sont des méthodes pour créer des sauts de ligne (et ou du texte) entre les sections créées sur une page. Une boîte de message est idéale pour ajouter des commentaires, des alertes ou drsquoautres messages à une boîte. Facebook, Tweet, Google + et Pinterest sont des boutons de partage social simples que pouvez ajouter pour permettre aux utilisateurs de partager la page que créez. La FAQ est un commutateur qui permet drsquoajouter du contenu caché que les utilisateurs peuvent afficher lorsqursquoils lisent une page. Crsquoest le cas drsquoune seule image: une image simple avec des options supplémentaires pour redimensionner, animer, lier, etc. Les cartes, les voyages et les accordéons sont semblables aux FAQ puisqursquoils contiennent du contenu caché ou compressable, mais la première partie est ouverte. Un conteneur pagable est un curseur de contenu de base (mais pouvez en fait insérer nrsquoimporte quel élément générateur de page dans chaque page du conteneur). Les titres personnalisés facilitent lrsquoajout de titres à une section en utilisant des polices personnalisées, des tailles, des couleurs, etc. Ces boutons permettent drsquoajouter des liens vers drsquoautres pages ou sites externes. Lrsquoappel à lrsquoaction est une boîte drsquoappel avec un bouton Ajouter qui attire lrsquoattention de lrsquoutilisateur et permet drsquoajouter du contenu convaincant. La barre latérale widgetée permet drsquoinsérer une barre latérale personnalisée nrsquoimporte où sur la page. Le lecteur vidéo peut facilement insérer les différents formats vidéo pris en charge par WordPress. Google Maps est une autre option simple: il suffit de coller le Code Google Maps pour insérer la carte dans la page. Barre de progression, Diagramme circulaire, diagramme
Les diagrammes circulaires et linéaires sont des moyens de représenter ou drsquoafficher graphiquement des données ou des capacités. Les espaces vides peuvent facilement ajouter des séparateurs verticaux entre les éléments. Les grilles Post, Media, post mashesis et Media mashesis sont des grilles personnalisées qui peuvent être ajoutées à la page ( pouvez choisir de fusionner et de correspondre aux types post ou Media).
Le plug in comprend également 8 éléments Widget que pouvez utiliser pour créer votre propre barre latérale si choisissez de créer votre propre barre latérale. Ces fonctions sont utiles lorsque créez une page drsquoatterrissage personnalisée où la barre latérale peut ne pas être à lemplacement typique de la page, ou si votre site entier est un vaste réseau de pages drsquoatterrissage sans deux pages drsquoatterrissage qui utilisent la même barre latérale. Les bases de wpbakery page Builder extensions Visual composition sont parfaites pour commencer, mais en fin de compte, avez besoin de plus pour créer votre propre mise en page personnalisée. Cela peut se faire par extension. Lrsquoextension wpbakery page Builder a plusieurs sources. La première façon drsquoétendre wpbakery page Builder est par sujet. Un bon exemple est notre thème WordPress qui comprend 39 éléments supplémentaires pour la création de pages. Ce sont des fonctionnalités uniques à total, donc devez installer et activer le thème pour les utiliser. Les totaux comprennent des extensions pour les types de messages personnalisés (recommandations, employés, Portfolios), les bibliothèques personnalisées, les curseurs simples, les médias sociaux, etc. Cela facilite lrsquoajout du contenu désiré à lemplacement désiré. le sujet ne contient aucune extension, pouvez installer des extensions de constructeur de page wpbakery tiers. Les prix de ces logiciels vont de la gratuité à 55 $et peuvent être obtenus auprès de différents auteurs sur codecanyon et sur le Web. souhaitez ajouter des fonctionnalités supplémentaires telles que la liste de prix et les médias sociaux, alors
Le plug in gratuit, le Code court de symble, est une sortie (après tout, nous lrsquoavons créé sur wpexplorer). souhaitez ajouter plus drsquooptions, des plug ins avancés comme Ultimate add on peuvent être parfaits pour . Il y a en fait des centaines drsquooptions: Vous pouvez voir la liste complète des plug ins compatibles sur wpbakery. Quelle que soit la façon dont choisissez drsquoétendre wpbakery page Builder, nous recommandons de ne pas utiliser tous les sujets et extensions plug in en même temps. Plus nrsquoest pas toujours mieux, surtout dans ce cas. Cela crée non seulement de nombreuses options de chevauchement et de duplication, mais réduit également considérablement la vitesse du site (une grande quantité de code entre dans chaque élément du constructeur de page). Sélectionnez ensuite lrsquoextension qui convient le mieux et conservez la. Avec wpbarkery page Builder, pouvez construire et modifier des pages indéfiniment. Avec ce plug in puissant, pouvez faire des changements à partir de lrsquoarrière plan modulaire ou de lrsquoavant visuel. Builder Backend Editor si choisissez drsquoutiliser Backend Editor, chaque élément apparaît comme un élément modulaire que pouvez insérer, glisser et déposer en place. Cette méthode est utile si voulez rapidement définir le wireframe pour lrsquoapparence de la page. Elle peut également être plus rapide que le Front End si votre serveur ou votre connexion Internet est plus lente. Lrsquoéditeur drsquoarrière plan est très facile à utiliser. Il suffit de cliquer sur le bouton bleu de lrsquoéditeur drsquoarrière plan pour activer le constructeur de page pour la page ou le message que éditez. Puis cliquez sur le bouton turquoise + ajouter un élément. À partir de là, pouvez commencer à insérer tous les éléments de la page que voulez! Éditeur frontal comme il srsquoagit essentiellement drsquoun éditeur visuel en temps réel, lrsquoéditeur frontal peut mieux voir lrsquoapparence de la page finale. Vous permet drsquoentrer tous les mêmes
Largeur maximale, espacement des colonnes, vidéo de fond ou parallaxe et options de conception (marges, bordures, remplissage, couleur de fond image). Colonne définit le nombre de colonnes dans la ligne. Jusqursquoà 6 colonnes ont des options par défaut, mais pouvez également définir votre propre disposition de colonne personnalisée si le souhaitez. De plus, ajoutez une nouvelle ligne sous la ligne que éditez. Lrsquoicône copier clone la ligne courante et tout son contenu (c. à D. tous les éléments de la ligne insérée). Ceci est utile si voulez réutiliser la disposition des lignes plusieurs fois sur la même page. Le spam consiste simplement à supprimer toute la ligne et son contenu. Options de colonne lorsque passez le curseur sur une ligne de lrsquoéditeur frontal, verrez également les options pour les colonnes jaunes (à lrsquoarrière, verrez les mêmes options et icônes affichées au dessus de chaque colonne). La première icône de colonne est la même que la ligne: cliquez pour faire glisser et déposer et Réarranger les colonnes dans la ligne. Le crayon est un réglage général pour cette colonne. Comme pour les lignes, les options de colonne peuvent varier selon le sujet utilisé. En utilisant total, pouvez sélectionner les options suivantes: visibilité mobile, animation, typographie, hauteur minimale, options de conception (marges, bordures, remplissage, arrière plan) et paramètres de réponse (options personnalisées de décalage, de largeur ou de dissimulation, selon lrsquoappareil). Pour les colonnes, lrsquoicône plus ajoute un élément en haut de la colonne, au dessus de tout autre élément inséré. Lrsquoicône de la corbeille est de nouveau utilisée pour supprimer la colonne entière et son contenu. Lorsque supprimez une colonne, les autres colonnes conservent leur taille (si supprimez une colonne sur trois, les deux autres colonnes resteront 1 3), alors nrsquooubliez pas de changer la largeur de la colonne après la suppression. Page a options de lrsquoélément
Dans une ligne ou une colonne, insérez un élément de page en utilisant lrsquoicône plus. Dans la capture drsquoécran ci dessus, nous avons ajouté une boîte de message. Les paramètres srsquoouvrent automatiquement lorsque saisissez un élément. Pour modifier un élément ajouté, il suffit de passer le curseur sur lrsquoélément dans lrsquoéditeur avant ou arrière pour voir les options suivantes: lrsquoicône crayon ouvre les paramètres comme décrit ci dessous. Lrsquoicône copier clone les éléments de la page exactement en fonction du contenu existant (paramètres et tout le contenu). Enfin, la corbeille ne supprimera que les éléments du constructeur de page. À partir de la ligne ou de la colonne dans laquelle il est inséré, laissez tous les autres éléments inchangés. Options générales de lrsquoélément de page lorsque saisissez un nouvel élément ou cliquez sur lrsquoicône crayon de lrsquoélément, les paramètres de lrsquoélément de projet du constructeur de page srsquoouvrent. La plupart de ces onglets sont divisés en plusieurs onglets pour faciliter la visualisation de toutes les options personnalisées disponibles. En plus de lrsquoonglet paramètres, il y a une icône drsquoengrenage dans le coin supérieur droit que pouvez utiliser pour enregistrer les paramètres sélectionnés comme presets pour une réutilisation ultérieure, ou comme paramètres par défaut pour une utilisation automatique chaque fois que importez cet élément particulier. Lrsquoonglet général contient des options générales pour les éléments de page. Ces options varient selon lrsquoélément que saisissez (mais dans tous les cas, lrsquoédition est simple, il suffit drsquoutiliser un menu déroulant, un sélecteur de couleurs, une coche ou une zone de texte). Par exemple, la fenêtre de message à lrsquoécran ci dessus comprend des options de style, de forme, de couleur, drsquoicône, de texte et drsquoanimation. Mais si saisissez un bouton, trouverez des options pour le texte, lrsquoURL, le style, la forme, la couleur, la taille, lrsquoalignement, les icônes et lrsquoanimation. Option de conception de
Lrsquoonglet options de conception des éléments de page est le deuxième onglet standard que verrez sur presque tous les éléments du constructeur de page. À partir de là, pouvez ajouter des arrière plans personnalisés (couleurs ou images), des bordures, des remblais et des marges aux éléments. Les options pour simplifier les contrôles réduisent les options de boîte CSS, de sorte que pouvez saisir des valeurs communes pour chaque option (marges, bordures et remplissage). Nrsquooubliez pas que lorsque appliquez lrsquoarrière plan, lrsquoarrière plan est contenu dans la bordure. Lrsquoajout de remplissage augmente ensuite lrsquoarrière plan visible ajouté autour de lrsquoélément, mais si augmentez la marge, lrsquoespace vide autour de lrsquoélément de page (affiche la ligne page qui lrsquoaccompagne). Évidemment, selon le formulaire que avez entré, lrsquoélément de page peut avoir plus drsquoonglets. Par exemple, la grille Post du fabricant ajoute un onglet options pour les paramètres de données et la conception de lrsquoarticle. utilisez des éléments de page personnalisés avec des extensions telles que la grille totale du personnel, il peut y avoir drsquoautres options intégrées (telles que les options de requête, les clips drsquoimage personnalisés, les méta, les liens sociaux, les extraits, etc.) Dépend de lrsquoextension contenue par lrsquoauteur. Remarque: Vous pouvez consulter la liste complète des projets dans notre guide du module total Builder. Cependant, la meilleure façon de comprendre la fonctionnalité de chaque module est drsquoutiliser un générateur. Créez une page de test et pratiquez lrsquoinsertion et lrsquoédition drsquoéléments. Vous apprendrez bientôt cette technique et construirez des pages comme des professionnels! En plus de lrsquoextension wpbakery page Builder, de nombreux plug ins populaires sont compatibles avec ce Builder et ajoutent automatiquement leurs propres éléments de création de page. Voici quelques uns des nombreux plug ins que êtes heureux de savoir srsquoadaptera parfaitement au plug in wpbarkery page Builder pour créer
Mise en page personnalisée des médias et des messages) et du contenu. Par exemple, pouvez créer une grille personnalisée de billets de blog avec une image circulaire, le nom de lrsquoauteur du billet affiché en caractères gras personnalisés, la longueur personnalisée de lrsquoextrait, le bouton lire plus et le deuxième bouton qui relie au produit recommandé. Tu as une idée? Vous pouvez utiliser un grand nombre drsquoéléments, de couleurs, de marges, de bordures et drsquoautres options pour créer nrsquoimporte quelle disposition de maillage que voulez. Il y a beaucoup à faire avec wordpress et wpbakery page Builder (anciennement Visual composer). souhaitez voir page Builder au travail, consultez toutes nos présentations thématiques et nous essayons de montrer les différents styles et mises en page que pouvez créer en utilisant le Builder. on manque quelque chose, demande le. Nous sommes heureux de donner toutes les informations sur wpbakery page Builder (anciennement Visual composer) et comment il fonctionne: Laissez un commentaire ci dessous. Merci pour votre lecture!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins