Comment préparer une trousse d’aménagement intérieur pour les médias sociaux avec Divi et monar

Chaque semaine, nous vous proposons un nouveau paquet de mise en page gratuit Divi que vous pouvez utiliser pour votre prochain projet. En plus de chaque paquet de mise en page, nous partageons un cas d’utilisation pour vous aider à passer au niveau suivant. Cette semaine, dans le cadre de notre programme de design Divi en cours, nous vous montrerons comment utiliser les packs de design d’intérieur Divi et monar pour préparer les médias sociaux du site Web de design d’intérieur. En plus de vous montrer comment ajouter l’icône de partage social et l’icône d’attention sociale aux pages et aux messages, nous allons créer la mise en page correspondante du modèle de billet de blog que vous pouvez utiliser pour tous les messages créés sur le site de design d’intérieur.
Avant d’aller plus loin dans les blogs sur les cas d’utilisation, regardons ce que nous allons créer visuellement. Tout d’abord, nous ajouterons la fonction d’attention sociale du monateur que vous pouvez placer n’importe où sur la page. Nous afficherons également le nombre d’adeptes par réseau social afin de créer habilement des témoignages sociaux sur l’ensemble du site. Nous vous montrerons également comment ajouter une icône de partage social à chaque billet de blog. En outre, nous avons créé une belle mise en page de modèle de billet de blog que vous pouvez réutiliser dans chaque billet de blog futur. Comment préparer un pack d’aménagement intérieur pour les médias sociaux Divi et monar Abonnez – vous à notre chaîne YouTube Set – up 1. Installez et activez le thème Divi 2. Installer le plug – in 3. Téléchargez le paquet Layout et importez le fichier Interior Design _ all. Json in Divi Theme Library. 4. Créer une nouvelle page pour chaque mise en page. Créez votre propre menu principal. Si vous êtes confus par les configurations énumérées ci – dessus, vous pouvez examiner les 10 étapes suivantes pour des instructions détaillées sur la façon de configurer correctement les mises en page afin d’utiliser les paquets de mise en page pour votre nouveau projet.
Partie 1: téléchargement
Social vous pouvez placer ces icônes d’attention sociale n’importe où sur votre site Web. Cependant, vous feriez mieux de choisir un emplacement stratégique et de ne pas les ajouter trop souvent, car cela peut devenir ennuyeux. Les bons endroits pour ajouter des icônes sociales sont: la section blog sur la page d’accueil ou toute autre page sur la page d’atterrissage qui ne contient pas de CTA Étape 6: ajouter un formulaire texte même si vous pouvez l’ajouter n’importe où, nous vous montrerons comment l’ajouter à la section blogs de la page d’accueil. Une fois l’intégration créée en premier, vous pouvez réutiliser les formulaires texte n’importe où sur le site. Ensuite, allez à la page d’accueil, activez Visual Builder et ajoutez un nouveau formulaire texte directement sous le formulaire texte existant dans la section blog. Étape: 7: ajoutez le Code court au formulaire de texte, puis ajoutez le Code court à la zone de contenu du formulaire de texte. Cela fera apparaître votre icône d’attention sur les médias sociaux. Étape 8: changer la largeur du formulaire texte par emplacement dépend de l’emplacement de l’icône d’attention sociale, et vous devez changer la largeur du formulaire texte pour correspondre à la conception. Dans l’exemple ci – dessous, nous utilisons « 13% » pour le Bureau et « 20% » pour la tablette. Partie 2: créer une mise en page personnalisée du modèle de billet de blog Étape 1: ajouter un nouveau billet pour créer la mise en page du modèle de billet de blog, d’abord aller au post > Ajouter un nouveau billet pour créer un nouveau billet. Étape 2: ajoutez le titre et l’image de premier plan, puis ajoutez le titre et l’image de premier plan à votre message. Étape 3: activez Divi Builder, puis activez Divi Builder. Étape 4: modifier les paramètres du message Divi e appliquer les paramètres du message Divi suivants avant de passer à Visual Builder: mise en page: titre complet du message: masquer Étape 5: passer à Visual Builder puis à