Vous pouvez ajouter un texte d’introduction de plus grande taille à vos articles en enveloppant simplement un paragraphe dans une balise p avec la classe CSS «intro». En termes simples, un texte plus grand sera généralement lu avant un texte plus petit.

Nous avons accordé beaucoup d’attention à l’obtention des bases de notre typographie directement dans le nouveau thème WordPress Blog. Le but de cette page est d’aider à déterminer quels sont les paramètres par défaut avec CSS et de s’assurer que tous les éléments possibles sont inclus. Par exemple, nous avons examiné les titres. Belles rubriques.

Formatage du titre deux

Dropcap peut être ajouté en enveloppant la première lettre du premier mot dans une balise span avec la classe CSS «dropcap». Au lieu d’utiliser la police du corps du texte, nous utilisons la police d’affichage de nos titres. Cela lie également les deux éléments ensemble si la police d’affichage fonctionne bien avec le corps text.openers. Vous pouvez également utiliser une police purement décorative. Il existe des milliers de polices de caractères décoratives, et la plupart d’entre elles ne sont pas adaptées à une utilisation dans le corps du texte d’un livre.

Les blockquotes sont un excellent moyen d’afficher et de mettre en forme des citations. Insérez de belles citations en utilisant le bouton «citation» de l’éditeur visuel. Pour ajouter un auteur, enveloppez simplement son nom dans une balise de citation.

Créez-vous toujours des listes à puces et numérotées en tapant manuellement des puces ou des nombres au début de chaque ligne? Au 21e siècle, c’est une tâche que personne ne devrait faire à la main.

  • Nous avons jeté un long regard
  • À
  • Une liste
  • Desordonnées.
  1. Nous avons aussi jeté un long regard
  2. À
  3. La liste
  4. De variété ordonnée .

Titre Trois

Cette balise met en forme de grands blocs de code.

pre {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
}

Les tableaux sont utiles pour les mises en page où le texte doit être placé côte à côte ou flottant à des emplacements spécifiques de la page. Si cela est frustrant avec les outils de mise en page habituels, essayez d’utiliser un tableau.

Type Font Description
Humanist Sabon Closely connected to calligraphy
Transitional Baskerville More abstract and less organic
Modern Bodoni Note the thin, straight serifs
Slab Serif Clarendon Egyptian typefaces have heavy serifs

Pour mettre un texte en surbrillance, il vous suffit de l’envelopper dans un <span> avec le «surlignage» de la classe. Cela peut être fait dans la vue de l’éditeur de texte.

Disposition à deux colonnes

Pour diviser le texte dans une mise en page à deux colonnes, vous devez simplement l’envelopper dans un conteneur div avec la classe «twocolumn». Le fait d’avoir plusieurs colonnes permet d’avoir une grille d’annonces très polyvalente et, traditionnellement, les journaux vendaient des publicités pour les bébés en écharpes sur le devant.Il existe une règle générale selon laquelle une ligne de texte injustifié doit contenir environ 9 à 12 mots. Pour un texte justifié, ces nombres sont d’environ 10 à 15 mots. Étant donné que certains mots sont plus longs et d’autres plus courts, ce n’est pas une mesure parfaite. Les petites colonnes de texte sont plus faciles à lire que les grandes. Imaginez une ligne de la taille d’un journal qui s’étendait sur une page entière. Ce serait très facile de sauter une ligne. Pour un texte justifié, ces nombres sont d’environ 10 à 15 mots. Étant donné que certains mots sont plus longs et d’autres plus courts, ce n’est pas une mesure parfaite. Vous devez vous demander comment atteindre facilement ces chiffres? Ne vous inquiétez pas, c’est facile, vous n’aurez pas à compter les personnages un par un.

Styles d’images

Bienvenue dans l’alignement des images! La meilleure façon de démontrer le flux et le reflux des différentes options de positionnement d’image est de les nicher confortablement parmi un océan de mots. Prenez une pagaie et commençons.

Death_to_stock_photography_community_premium_5

Le reste de ce paragraphe est un remplissage dans le but de voir le texte s’enrouler autour d’une image alignée à droite.

Comme vous pouvez le voir, il devrait y avoir un espace au-dessus, en dessous et à gauche de l’image. Le texte ne doit pas ramper sur l’image. Creeping n’est pas juste. Les images ont également besoin de respirer. Laissez-les parler comme vous les mots.

Death_to_stock_photography_community_premium_5

Comme vous pouvez le voir, il devrait y avoir un espace au-dessus, en dessous et à gauche de l’image. Le texte ne doit pas ramper sur l’image. Creeping n’est pas juste. Les images ont également besoin de respirer. Laissez-les parler comme vous les mots.

Laissez-les faire leur travail sans aucun problème lié au texte. Dans environ une autre phrase ici, nous verrons que le texte se déplace de la droite de l’image vers le bas sous l’image dans une transition transparente.

Ne laissez personne d’autre vous dire le contraire. Dans juste un peu ici, vous devriez voir le texte commencer à s’enrouler sous l’image alignée à gauche et s’installer bien. Il devrait encore y avoir beaucoup de place et tout devrait être bien assis. Ouais… Juste comme ça. Cela n’a jamais été aussi bon d’avoir raison.

Laissez-les faire leur travail sans aucun problème lié au texte. Dans environ une autre phrase ici, nous verrons que le texte se déplace de la droite de l’image vers le bas sous l’image dans une transition transparente.

Death_to_stock_photography_community_premium_4

Et maintenant, nous allons déplacer les choses vers la gauche. Encore une fois, il devrait y avoir beaucoup de place au-dessus, en dessous et à droite de l’image. Regardez-le là-bas… Hé mec! Façon de basculer ce côté gauche. Je me fiche de ce que dit la bonne image alignée, vous avez fière allure.

Ne laissez personne d’autre vous dire le contraire. Dans juste un peu ici, vous devriez voir le texte commencer à s’enrouler sous l’image alignée à gauche et s’installer bien. Il devrait encore y avoir beaucoup de place et tout devrait être bien assis. Ouais… Juste comme ça. Cela n’a jamais été aussi bon d’avoir raison.

Et c’est une enveloppe, yo! Vous avez survécu aux eaux tumultueuses de l’alignement. Dans juste un peu ici, vous devriez voir le texte commencer à s’enrouler sous l’image alignée à droite et s’installer bien. Il devrait encore y avoir beaucoup de place et tout devrait être bien assis.