Comment créer un site Web ou un blog en 2020 - Guide gratuit et facile pour créer un site Web

Comment ajouter des guides aux pages postagens et WordPress

Les guides sont largement utilisés sur de nombreux sites, notamment dans le commerce électronique. Les propriétaires des boutiques de commerce électronique utilisent généralement des guides dans la zone de description du produit, où ils partagent des commentaires, des descriptions, des spécifications techniques, etc. dans plusieurs guides.

Exemple de guides sur un site de commerce électronique

Cependant, les guides utilisés dans de nombreux autres types de sites, pas seulement dans les sites de commerce électronique. Até ou le site officiel WordPress.org utilise des guides sur les pages de description des plugins. Une illustration à suivre montre les guides exceptionnels et non WP.org.

Vous fournissez la page de description du plugin wordpress.org

De nombreux autres propriétaires de sites utilisent des guides pour différents types de sites. Cependant, les guides ne doivent pas être confondus comme les accords qui sont développés pour afficher des informations. Remarquez comment l’utilisé ou l’accordéon n’est pas meu site.

Accords dans vistamedia.xyz

Mais, tous deux accordéonistes, nous sommes ici pour statuer sur isso. entretoisesNous ne perdrons donc pas notre concentration. Je dois clarifier la distinction entre les onglets et l’accordéon. Agora j’espère que nous sommes sur la page 🙂

Essentiellement, les propriétaires du site utilisent des guides pour partager les informations contenues dans une page ou une publication publique. Isso signifie que les guides facilitent la digestion des informations pour forcer les utilisateurs à jouer au trackball um milhão de vezes.

Dans nos mots, vous nous guidez vers la convivialité de votre site, surtout dans un monde de moindre attention. Par conséquent, vous souhaitez toujours garder vos utilisateurs sur votre site le plus longtemps possible, vous en avez assez des longues pages, pensez à utiliser des guides.

Dans la publication de la page, nous montrerons exactement comment ajouter des guides à vos publications et à vos pages WordPress. Pas la fin de ce post, vous trouverez toutes les instructions nécessaires pour utiliser les guides à votre service. Nous espérons que vous serez à la fin de la réunion et partagerez vos réflexions dans la section des commentaires. Nous commençons.

Utilisez un gestionnaire de pages

Vous avez installé un constructeur de page, vous êtes très à l’aise – peut-être avez-vous un module de guide disponible. La plupart des éleveurs de pages principales proposent des guides dans le cadre de leur ensemble principal d’éléments de création de pages. Voici un bref aperçu de deux de nos nossos préférés.

Générateur de pages Elementor gratuit

Guide Elementor Page Builder

Ou le générateur de page Elementor populaire contient des guides dans le cadre de la version gratuite du plug-in. Tout ou ce dont vous avez besoin pour insérer et insérer un élément de guide dans votre page et modifier ou titre, ou contenu, ou style, etc. Isso é tudo!

WPBakery Premium Page Builder

Guides pour WPBakery Page Builder

Utilisez-vous un thème premium qui inclut WPBakery Page Builder (comme notre propre thème général)? Excellent! Comme les guides sont intégrés et faciles à utiliser.

Le module du guide WPBakery diffère d’un exemple précédent, donc les guides ne sont initialement pas inclus lorsqu’ils sont ajoutés. Vous devez ajouter des éléments supplémentaires à la page (zone de texte, images, icônes, etc.) aux guides pour ajouter votre contenu. Pas d’entanto, c’est aussi le dá muita liberdade pour élever des guides ao seu gosto (além das configurações de style interior). Nous n’avons jamais facturé ce gestionnaire de blog. Pour des instructions plus détaillées, lisez ou non le guide WPBakery (note: ce plugin s’appelait auparavant Visual Composer, désolé – il a été supprimé au préalable).

Installer ou plugin donne un guide WordPress

Guides de plugins WordPress gratuits

Vous n’utilisez pas de générateur de page, vous n’avez pas besoin d’utiliser un seul guide. Il existe de nombreux boas alternatifs, tels qu’un plugin WordPress gratuit, que WP Shop Mart appelle simplement. O Tabs est un excellent plugin WordPress qui vous permet de créer une quantité illimitée de beaux guides à chaque fois.

Commençons par installer le guide du plugin WordPress. Comme il n’y a pas de plugin WordPress officiel disponible, vous pouvez installer ou plugin directement via l’outil d’administration WordPress.

Nous utilisons une version gratuite, mais une version premium est disponible et vous voudrez peut-être mettre à jour pour des ressources supplémentaires plus tard.

Installer ou plugin donne un guide WordPress

Connectez-vous à votre zone d’administration WordPress et accédez à Plugins> Ajouter novo et tapez “wpshopmart guides” pas le champ palavra-chave com palavras-chave. Lorsque vous pouvez trouver ou plugin certo, appuyez sur ou botão installer agora Ou botão comme indiqué ci-dessous.

Installer ou plugin donne un guide WordPress

Puis clique Activer Botão. C’est ce que le plug-in réactif donne au guide WordPress est prêt à l’emploi. Nous allons maintenant créer des guides pour découvrir ou ce que ce plug-in offre.

Configurer ou plugin réactif donne un guide WordPress

Une activation de plug-in ajoute un nouvel élément à votre menu d’administration WordPress. Naviguez pour créer de nouveaux guides Guides à recevoir> Ajouter de nouveaux guides comme décrit dans la capture de tissu abaixo.

Ajouter de nouveaux guides en tant que plugin de guide réactif WordPress

Isso cam você à guia Éleveur de respostas, qui contient toutes les ressources nécessaires pour élever de beaux guides de chef. Donnez-nous une image afin d’avoir une idée de ce à quoi vous attendre.

Plugin réactif pour les éleveurs de guides WordPress

Tudo é pargaminho, cerrto? Une maioria das funções se trouve dans une barre latérale directe. Notez également que les guides individuels ont leurs configurations. Vous pouvez peut-être utiliser les éditeurs de guide WYSIWYG, ou ce que cela signifie, c’est que vous contrôlez vos guides.

Maintenant, nous allons créer des guides et les afficher sur une page ou un post.

Ajouter un titre

Ajouter ou guider le titre

Tout d’abord, donnez un titre descriptif à vos guides (ainsi qu’aux menus de navigation), comme indiqué dans l’image ci-dessus. De cette façon, vous pourrez facilement identifier vos guides plus tard dans la zone d’administration de WordPress, il vous faudra éditer certaines informations. Pour les besoins de ce tutoriel, chamei minhas guides des “Guides de início de teste”.

Sélectionnez le guide du modèle de conception

Sélectionnez le guide du modèle de conception

Comme indiqué dans la capture de toile ci-dessus, la prochaine chose à faire est de choisir un modèle de conception que vous souhaitez utiliser pour vos guides. Une version gratuite du guide des plug-ins WordPress ne propose qu’un modèle de conception, mais vous pouvez le mettre à jour pour une version premium à tout moment 19 mai, Fale sur liberdade de design.

Ajouter des séparateurs

Ensuite, ajoutez autant de guides quiser (voir ci-dessous).

ajouter de nouveaux guides

Nous avons créé une liste numérotée dont vous pouvez faire une liste. Ajouter des séparateurs Sections illustrées ci-dessus. Les chiffres correspondent à chaque zone.

  1. Titre do fã – Insira ou titre de votre guide dans ce domaine. Description, spécifications, détails, etc.
  2. Guide de description – Ajoutez votre description dans le guide ici. Domaine Nesse, vous pouvez ajouter ou contenu à votre guide. Une partie de celui-ci que vous pouvez utiliser ou l’éditeur WYSIWYG (voir l’illustration) (ci-dessous) pour ajouter du contenu riche à vos guides, y compris des photos, de la musique et des vidéos
  3. Utilisez WYSIWYG – Vous vouliez utiliser ou familier W.Peur-ET.UNEDS.EEmims-W.Peur-ET.UNEDSoleilPour augmenter ou contenter votre guide, vous pouvez appuyer sur ce bouton non éditeur pour ouvrir la fenêtre contextuelle janela
  4. L’icône donne un guide – Champ Nesse, vous pouvez sélectionner une icône pour votre guide. Guides OU le plugin WordPress vous permet d’accéder à de nombreux symboles Font Awesome pour animer vos guides en tant que professionnel
  5. Afficher ou icône ci-dessus – Si vous souhaitez afficher ou le titre du guide sur le côté de l’icône, vous allez adorer cette ressource. Vous pouvez également décourager ou l’icône sem toucher aucun titre du guide
  6. Retirer – Appuyez sur ce bouton pour supprimer un guide spécifique
  7. Ajouter de nouveaux guides – Cliquez sur ce bouton pour ajouter plus de guides
  8. Nettoie tout – Fatigué de tous les cils? Appuyez simplement sur Nettoie tout Botão pour redéfinir le tudo

Quelques dicas supplémentaires pour ajudá-lo. Tout d’abord, vous pouvez glisser-déposer les guides pour les réorganiser et les organiser en tant que quiser.

Deuxièmement, ce n’est pas une pression ou un bouton enregistrer les rayures Lors de la création de vos guides, veuillez ne pas cliquer deux ou deux fois dessus pour vous assurer de ne remarquer aucun changement dans le générateur de guides.

Tu as besoin de ajuda, ha um grande azul Obtenir de l’aide O botão logo abaixo Ajouter des séparateurs Seção (dans la majorité des pages du plug-in) que vous soulevez sur le forum officiel de support basé sur les guides de WordPress.org. Appuyez sur ou appuyez sur le bouton pour spécifier le bouton à tout moment.

Code guide

Guides de shortcode

Abaixo est le code de référence pour ajouter et afficher vos guides sur n’importe quelle page ou publication. Par exemple, ou code do nosso cartão (TABS_R id = 443). Pour afficher les guides sur une page, il suffit de copier ou le code ci-dessus et sur la page.

Un guide du widget

Support de guide

Voulez-vous ajouter vos guides à une zone de widget de votre site? Pour une simulation en plein essor, vous allez adorer ou soutenir le widget qui accompagne le guide du plugin WordPress.

Robe nele Cliquez ici Ou créez un lien vers l’image ci-dessus ou cela fera apparaître le widget WordPress, où vous pouvez ajouter vos guides chaque fois que vous avez une zone du widget qui n’est pas votre thème.

Un guide du widget

CSS personnalisé

En tant que plug-in pour le guide WordPress, il contient de nombreuses options pour personnaliser les guides (assez pour arrêter la barre latérale directe, il y a plus d’options de style!), Vous pouvez ajouter vos propres styles CSS personnalisés, comme indiqué ci-dessous.

Plugin CSS personnalisé WordPress CSS

Vous pouvez également définir vos paramètres personnalisés comme guide pour tous les nouveaux guides en cliquant simplement sur Mettre à jour les padrões Botão comme indiqué dans l’image ci-dessus.

Une barre latérale directe

Guides avec les paramètres de style de plug-in WordPress

Une barre latérale directe, mise en évidence dans l’image ci-dessus, reprend ou reprend. Il contient toutes les options nécessaires pour projeter vos lignes directrices ou le contenu de votre cœur. Comme configurações notáveis ​​incluem:

  • Guide Cor do plan immobilier
  • Cor da guia
  • Police et style
  • Paramètres d’affichage du titre et de l’icône du guide
  • Placez ou redressez l’icône du guide, ou seja, H. Avant ou depois da guide
  • Guide de voyage Kanter
  • Animações com descrições de vías varias guias
  • E muito mais
  • Ajoutez vos guides sur un site ou un article WordPress

    Vous pouvez ajouter les paramètres de contenu et de style pour guider, le rôle en haut et cliquez sur Poster Ou botão comme indiqué ci-dessous.

    Comment ajouter des guides aux pages postagens et WordPress 1

    Neste ponto, vos guides sont prêts. Il suffit d’ajouter les guides à un site ou à une publication de WordPress. Il suffit de copier ou le code du guide que você já viu avant. A nossa é (TABS_R id = 443).

    Démarrage ou éditeur de postagem (mesmo você você ou Gutenberg) e cole o code do cartão na postagem / página. Então pressione ou botão Poster Ou botão comme indiqué ci-dessous.

    Comment ajouter des guides aux pages postagens et WordPress 2

    Après env. 5 Établir des protocoles; J’utilise ou thème Twenty Seventeen et um pouco par Lorem Ipsum. Nous obtenons ou suivons le résultat.

    Comment ajouter des guides aux pages postagens et WordPress 3

    Notez qu’il n’y a aucun ajustement de base. Dites-moi ou ce que vous pensez; N’est-ce pas facile?

    Ajoutez des guides à vos pages et WordPress postez-moi et ça. Je ne m’attends à aucun problème, surtout que vous utilisiez des plug-ins comme WP Shop Mart Tabs.

    Comment ajoutez-vous des guides à vos pages et articles WordPress? Quel est votre plugin de guide WordPress préféré? Veuillez partager votre opinion avec nous. Bonne reproduction!