Comment créer une page de ressources numériques en utilisant Divi & # 39; S conception de la trousse de mise en page de la réunion
Lorsque vous travaillez pour vous – même avec les éléments de conception de la mise en page, il est facile de concevoir une page d’actifs numériques en utilisant Divi. Visual Builder a beaucoup de fonctionnalités utiles qui rendent ce processus très agréable. Mais le design n’est pas tout. Le travail des pages de ressources est également important. C’est pourquoi il est toujours une bonne idée d’utiliser des fournisseurs de stockage tiers, comme Google Cloud, pour vous aider à gérer et à déployer les téléchargements numériques rapidement et efficacement. De plus, il est facile d’ajouter des liens à ces téléchargements en utilisant le module Divi.
Dans ce tutoriel de cas d’utilisation, je vais vous montrer comment concevoir une page de ressources numériques fonctionnelles en utilisant le paquet de mise en page de la Conférence de conception de Divi. Voici quelques – unes des choses que nous allons faire ensemble: utiliser la mise en page de la page de planification pour construire une page de ressources qui contient trois parties de contenu créer un menu de ressources personnalisé qui se déplace vers différentes parties de la page ajouter des personnalisations sous les trois parties de la ressource haut de la page bouton stocker les fichiers téléchargés dans Google Cloud et créer Liens publics vers de tels fichiers à utiliser sur la page de ressources de démarrage rapide!
Voici un aperçu de la page ressources que nous allons créer ensemble.
Et supprime les deux modules de boutons de la ligne. Ensuite, mettez à jour le contenu du reste du texte en inspiration de conception. Ensuite, ajoutez une ligne (trois colonnes) sous la ligne nouvellement créée. Ajoutez un formulaire de texte dans la colonne de gauche et un lien vers la zone de contenu. Si vous utilisez HTML, ajoutez ce qui suit: Lien vers le site Web Sur l’onglet conception, cliquez sur l’onglet liens et mettez à jour ce qui suit: style de police du lien: taille du texte du lien souligné: 16 Px couleur du texte du lien: # 4646c4 Enregistrer les paramètres. Ensuite, nous ajoutons une autre classe de liens appelés blogs de conception. Pour ce faire, copiez et collez la ligne qui contient le texte du titre « conception de l’inspection » et la ligne qui contient les trois colonnes liées ci – dessous. Mettre à jour le texte intitulé « Design inspiration » et lire « Design Blog ». Ensuite, changez les lignes des trois colonnes suivantes en deux colonnes. Vous pouvez ajouter du texte descriptif à côté de chaque lien pour aider les utilisateurs à mieux comprendre ce que chaque lien fournit. Supprime les deux lignes restantes qui ne sont pas utilisées dans la section courante. Créer la dernière partie de session de la réunion la dernière partie que nous allons créer pour la page ressources est la partie qui affiche les vidéos des sessions précédentes et les téléchargements.
Pour ce faire, nous utiliserons certains des éléments de conception restants de la mise en page de planification initiale. Sous la section liens de ressources que nous venons de créer, vous devriez toujours avoir deux sections de planification originales. Tu as besoin de ça. Dans la première partie originale, supprimer toutes les lignes sauf celles qui contiennent « jour 1 – mercredi 23 novembre ». Il ne devrait y avoir qu’une seule ligne dans cette section. Rafraîchir le texte du titre
Ressources. Dans l’onglet conception, mettre à jour ce qui suit: largeur: 150 Px alignement du module: droite Maintenant, copiez ce module Blurb en utilisant le lien précédent et collez – le dans la ligne que vous avez créée sous les trois sections. Ainsi, lorsque l’utilisateur arrive à la fin de la section, il peut facilement retourner au menu en haut de la page. La dernière étape consiste à ajouter l’ID CSS à la section menu pleine largeur. Ouvrez les paramètres du menu pleine largeur et sur l’onglet avancé, saisissez haut pour l’ID CSS. Enregistrer les paramètres. Notez la fonction de la combinaison du lien d’ancrage et du bouton retour en haut. C’est tout! La mise en page de la page des ressources est terminée. La seule chose à faire maintenant est de mettre à jour chaque lien ou URL vidéo avec une vidéo ou une ressource de téléchargement. C’est la conception finale de la page. Téléchargement de fichiers avec Google Cloud store Une fois que vous vous êtes inscrit à Google Cloud (avec l’option d’essai gratuite), vous devez vous connecter à votre compte Google et à la console Google Cloud. Dans le menu déroulant du projet, cliquez sur créer le projet: Vous créez ensuite un nouveau projet en le nommant et en sélectionnant créer. Ensuite, du tableau de bord au stockage > navigateur. Cliquez ensuite sur le lien créer un seau en haut de la page. Saisissez le nom du nouveau seau. J’appelle ça \