Puis-je créer deux colonnes dans un Widget WordPress?

1. Widgets

2. WordPress vous permet d'utiliser des widgets pour ajouter du contenu dynamique pour les sections de votre côté, y compris les barres latérales et pieds de page. WordPress comprend certains widgets par défaut, et les plug-ins peut ajouter des widgets supplémentaires pour remplir des fonctions spécifiques, telles que montrer vos récents messages Twitter. Vous pouvez également utiliser des widgets WordPress pour ajouter des extraits ou HTML ou le texte à votre site Web sans avoir à éditer les fichiers de thème. De cette façon, les widgets offrent un moyen sûr de personnaliser votre site, même si vous n'êtes pas compétent avec HTML.

Widget Apparence

• Par défaut, la plupart des widgets apparaissent comme une seule colonne. Par exemple, les archives et les widgets Twitter apparaissent listes verticales partout où vous les installez dans votre mise en page. Texte et autre contenu se dilate pour épouser le conteneur alloué, comme votre barre latérale. Un récipient étroit montre moins contenu par ligne, et donc le widget devient plus quand il contient beaucoup de contenu.

Création de colonnes

• Pour créer des colonnes dans un widget texte, utiliser divs et flotter leur ensemble. Généralement, vous pouvez flotter à la fois à gauche et à spécifier une largeur d'un peu moins de 50 pour cent pour créer deux colonnes. Utilisez une largeur d'environ 33 pour cent de créer trois colonnes. Collez le code suivant dans un widget de texte pour créer deux colonnes avec divs. Vous pouvez placer tout contenu dans les divs:

  Voici le contenu
  Voici le contenu

  Vous pouvez également utiliser la "flotteur" et "largeur" propriété pour déplacer les éléments de liste dans une colonne en utilisant une syntaxe similaire:

  
  
  
  
  

1. Liste article


2. Liste article

Considérations

• Si vous ne voulez pas modifier les fichiers de thème, il est plus facile de créer des widgets à colonnes en ajoutant CSS pour les balises HTML eux-mêmes, comme dans l'exemple précédent. Cependant, vous ne pouvez pas modifier directement le code HTML pour les widgets générés. En outre, si vous affichez la source de votre site, vous pouvez voir la classe ou l'ID appliquer pour le widget et ajoutez CSS à une feuille de style externe pour créer des colonnes. Par exemple, si un widget liste utilise l'ID "liste-widget," ajouter ce qui suit à votre "style.css" déposer pour créer des listes à colonnes:

  .liste-widget li
  {
  flotter: largeur gauche: 45% -
  }

  Vous pouvez utiliser une tactique similaire à déplacer CSS de vos widgets de texte à votre feuille de style externe. Par exemple, placer la suivante dans votre feuille de style à flotter votre div vers la gauche:

  .div nom
  {
  flotter: largeur gauche: 45% -
  }

  Modifier votre code du widget de sorte qu'il apparaît semblable au suivant:

  Contenu ici