Contenu
- Style de colonne CSS
- Redimensionnement des colonnes
- Considérations
- Autres options de style pour les colonnes
Apprenez à manipuler les CSS et à redéfinir l'apparence de votre blog Tumblr. Les colonnes, par exemple, divisent votre blog en sections verticales qui apparaissent horizontalement sur la page Web, chaque colonne ayant une largeur spécifique. Changez la largeur et la disposition de votre page en modifiant le code CSS du blog.
Style de colonne CSS
De nombreuses pages Web sont composées de deux colonnes ou plus. Le côté gauche d'une page peut contenir un menu de navigation, la colonne du milieu peut afficher le contenu principal de la page et une colonne facultative à droite peut afficher des liens et des annonces. Les développeurs Web utilisent CSS (également appelé feuilles de style en cascade) pour créer ces colonnes. L'attribut CSS width, qui représente la largeur de l'élément, est l'un des attributs les plus importants utilisés par CSS pour modifier la façon dont les colonnes apparaissent sur une page Web. Augmentez la valeur de l'attribut width et définissez une colonne. est allongé. Réduisez la valeur pour rendre la colonne plus étroite.
Redimensionnement des colonnes
Vous devriez acheter une mise à jour avant de changer le CSS pour configurer votre blog et votre page de colonnes. Après la mise à jour, un clic sur "Conception personnalisée" dans votre tableau de bord vous redirigera vers une page de conception. Cette page a deux options pour éditer CSS. Une option vous permet de mettre à jour le code CSS de votre blog existant. Si vous choisissez cette option, vous pouvez mettre à jour les valeurs de largeur des balises CSS qui définissent les colonnes du blog. Choisissez l'option "Recommencer à partir de zéro" si vous préférez créer votre propre code CSS. Cette option vous permet de mieux contrôler l’apparence de votre blog, mais nécessite davantage de connaissances sur les styles CSS.
Considérations
WordPress recommande d'ajouter l'option "edit-css-content-width" dans votre CSS si vous modifiez la largeur de la colonne contenant le contenu principal. Lorsque les navigateurs affichent cette option, ils ajustent la taille des vidéos et des autres objets multimédias, tels que des images, de manière à ce qu'ils tiennent dans la colonne de contenu principale. Lorsque vous créez des colonnes plus larges, envisagez de visionner votre public. Tout le monde n'a pas de moniteur avec le grand écran. Si vos colonnes sont trop volumineuses, les visiteurs de votre blog devront faire défiler l'écran pour afficher tout le contenu.
Autres options de style pour les colonnes
Vous pouvez également ajuster l'apparence de votre blog en modifiant l'ordre des colonnes dans le thème par défaut de WordPress. L'onglet Options du thème - situé sur la page Tableau de bord - contient trois options de présentation que vous pouvez appliquer instantanément à votre blog. Choisissez l'une des options pour que votre contenu principal apparaisse dans les colonnes de gauche, de droite ou au centre de la page. La dernière option supprime toutes les barres latérales du blog et laisse une grande colonne qui affiche votre contenu principal au centre de la page. Avant de modifier la taille de vos colonnes à l'aide de CSS, essayez de considérer ces options pour voir leur impact sur l'apparence de votre blog. Vous pouvez aimer l'un d'entre eux.