Comment inclure une barre latérale fixe pleine hauteur dans un modèle de billet de blog

Le titre CSS e complète la configuration du module en ajoutant trois lignes de code CSS à l’élément titre du module dans l’onglet avancé. Couleur de fond: rgba (255255255,0,56);
Haut de remplissage: 2%;
Fond de remplissage: 2%; Ajouter un élément du module titre du poste # 2 ajoute maintenant un autre formulaire pour le titre du poste. Sélectionnez les éléments suivants. Catégories de messages des méta – auteurs Le métatexte ouvre l’onglet conception et modélise le métatexte. Personnages: Bai jamjuree poids: Couleur moyenne: gris # 8e8d8a taille du Bureau: 20px tablette et téléphone: 15px espacement des lettres: 2px Vous pouvez également redimensionner. Largeur: module 90% aligné: Centre L’espacement utilise un peu d’espace pour compléter le réglage de ce module. Remplissage supérieur: 15px Ajoutez l’arrière – plan du module de contenu du message, puis ajoutez le module de contenu du message avec l’arrière – plan blanc. Couleur de fond: blanc Texte maintenant, spécifiez un style pour le texte du corps. Caractères: couleur latérale: gris # 8e8d8a taille: 16px Le texte du titre continue en appliquant le style à tous les styles de texte du titre. H1 caractères: Bai jamjuree poids: Couleur moyenne: Coral # e98074 taille du Bureau: 45px tablette: 33px Téléphone: 30px espacement des lettres: 1px H2 caractères: Bai jamjuree poids: Couleur moyenne: Coral # e98074 taille du Bureau: 35px tablette et téléphone: 25px espacement des lettres: 1px H3 caractères: Bai jamjuree poids: couleur normale: gris foncé # 60606060 taille du Bureau: 25px tablette et téléphone: 22px espace Lettres: 1px H4 caractères: Bai jamjuree poids: couleur normale: gris foncé # 606060 taille Bureau: 22px tablette: 20px Téléphone: 18px espacement des lettres: 1px H5 caractères: Bai jamjuree poids: Couleur moyenne: gris foncé # 606060 taille: 16P
Le texte du titre du modèle est le suivant: niveau du titre: H4 caractères: Bai jamjuree couleur: corail # e98074 taille: 2vh espacement des lettres: 2px Redimensionnez la prochaine taille. Hauteur minimale: Bureau: tablette 3vh et téléphone mobile: hauteur maximale automatique: Bureau: tablette 3vh et téléphone mobile: automatique Espacement vous pouvez également ajouter un espacement personnalisé. Haut de la page à partir du Bureau: tablette 6vh et téléphone: 10vh Ajouter un module image ajoutez maintenant un module image. Sélectionnez le contenu dynamique pour l’image de l’auteur. Images: images de profils d’auteurs dynamiques Alignement passez à l’onglet conception et sélectionnez l’alignement suivant: alignement de l’image: à gauche Ensuite, redimensionnez le module. Largeur maximale: alignement du module 15vh: hauteur maximale à gauche Bureau: 15vh Enfin, ajoutez des filets aux paramètres de bordure. Filet: 15px Ajouter le contenu du module de barre latérale il est temps d’ajouter des widgets de barre latérale en utilisant le module de barre latérale. Zones de Widget: Barres latérales La disposition ajuste d’abord la disposition. Afficher le séparateur de bordure: Non Texte du titre changez les paramètres du texte du titre plus tard. Caractères: Bai jamjuree poids: Couleur moyenne: corail # e98074 taille: 2vh espacement des lettres: 2xx Le Corps continue le corps. Caractères: Bai jamjuree poids: léger: gris foncé # 7f7f7f couleur au canal de la souris: corail # e98074 taille: 1,5 VH espacement des lettres: 1px poids de ligne: 1,8 em Redimensionner le module peut également être redimensionné. Hauteur minimale Bureau: tablette et téléphone 12vh: hauteur maximale automatique Bureau: tablette et téléphone 12vh: automatique N’oubliez pas d’ajouter de l’espace. Remplissage du haut du Bureau: tablette 1vh et téléphone: 3vh CSS personnalisé
Enfin et surtout, incluez plusieurs lignes de code CSS dans l’onglet avancé. Widgets: fill bottom: 0vh; Remplissage du fond: 0vh; Titre: remplir le bas: 2vh; Fond de remplissage: 2vh; Le formulaire suivant dont nous avons besoin dans la barre latérale ajouter du texte d’activation de courriel est le formulaire d’activation de courriel. Ajoutez quelque chose de votre choix. Titre: bouton mise à jour: abonnement Votre compte e – mail relie votre e – mail au formulaire suivant. Fournisseur de services: liste de vos fournisseurs de courriels: liste de vos choix Champs nous n’utilisons le champ nom que dans les paramètres du champ. Afficher le champ Nom L’arrière – plan ferme ensuite l’arrière – plan par défaut. Utiliser la couleur de fond: Non Passez à l’onglet conception et modifiez les paramètres de mise en page. Layout: body top, shape Bottom name Full Width: No Full Width email: No Les champs sont ensuite modélisés comme suit: couleur de fond: gris clair # f7f7f7 couleur du texte: # 606060 remplissage en haut et en bas: 1vh remplissage à gauche: 1vh caractères: Bai jamjuree taille du texte: 1,5 VH espacement des lettres: 1px filet: 15px Le style de texte du titre est également le texte du titre. Niveau du titre: H4 caractères: Bai jamjuree couleur: corail # e98074 taille: 2vh espacement des lettres: 2px hauteur de ligne: 1EM Et puis le bouton, le bouton. Custom style text size: 1.5 VH text color: White # FFFFFF Background color: Coral # e98074 Edge radius: 15px letter Spacing: 2px Characters: Bai jamjuree top and bottom fill: 1vh L’espacement e complète la configuration du module et les tutoriels en ajoutant des valeurs d’espacement personnalisées au module. C’est tout! Après avoir créé le corps du modèle, assurez – vous d’enregistrer toutes les modifications apportées au générateur de thème. Haut remplir le Bureau et la tablette: 0vh bas remplir le Bureau: 2vh tablette et téléphone