Créer des secrets pour le contenu de Bell WordPress & # 39; Aspect physique
Garder l’attention du lecteur est tout, plus le contenu est long, plus il est difficile. Il est difficile de maintenir l’intérêt pour le texte continu et les images intégrées, c’est pourquoi tant de sites Web ciblent des formats très différents. Une fois que vous connaissez les secrets de la création de contenu magnifique, il n’est pas difficile d’apporter ces technologies à votre site WordPress.
Bien que certaines publications en ligne, comme Big insatisfaction, ne publient que des tableaux plus longs, d’autres, comme le New York Times, pitchfork et ABC, l’Australian Public Broadcasting Corporation, ajoutent des tableaux plus longs aux combinaisons existantes. Les modules « longs » nécessitent une approche différente de celle des postes « Courts » traditionnels. Il n’est pas logique d’essayer d’inclure un contenu plus long dans la disposition traditionnelle à trois colonnes (comme nous l’avons essayé à plusieurs reprises sur ce site!). Vous avez besoin d’une approche de mise en page de contenu plus flexible qui vous permettra de dépasser les limites de l’éditeur de visualisation WordPress.
Vous avez besoin d’un réseau puissant et simple. La puissance du réseau électrique – la meilleure méthode est presque toujours la plus simple. Plus facile à mettre en œuvre, plus facile à comprendre et plus facile à utiliser. La grille répond à ces critères et est utilisée depuis de nombreuses années pour la mise en page hors ligne et en ligne. Ils sont faciles à comprendre: la page est divisée en colonnes de chaque largeur; Le contenu occupe de nombreuses colonnes. Ils sont faciles à mettre en œuvre, en particulier lorsqu’il s’agit de balises structurées et de CSS appropriés en ligne. Et ils sont simples à utiliser: vous n’avez besoin que d’un mécanisme de base pour identifier les colonnes.
Sopratt
Cependant, toutes ces grilles offrent une flexibilité incroyable. De Bootstrap à la Fondation zurb, il existe de nombreux cadres existants qui contiennent des grilles et peuvent mettre en page le contenu. Ils sont souvent accompagnés de cloches et de sifflets qui peuvent être utiles ou, lorsqu’il s’agit de contenu pur, très probablement inutiles. Pour cet article, je voulais juste une grille et rien d’autre, donc j’ai choisi la grille simple de Dallas Bass. Une grille simple est une grille réactive de 12 colonnes avec une marge interne optionnelle de 20 pixels et une largeur maximale de 1140 pixels. 12 est un grand nombre qui peut être divisé par 6, 4, 3 et 2, offrant un large choix de mise en page.
La grille simple est également réactive et le comportement des colonnes change à mesure que la taille de l’écran change, ce qui signifie que votre contenu est parfaitement réactif sur toutes les plateformes pendant 90% du temps. Ajouter des mailles simples à WordPress j’ai créé un plugin pour ajouter des mailles simples au site WordPress. Téléchargez et installez – le comme si vous aviez utilisé n’importe quel plug – in. Le plug – in exécute trois tâches: ajouter une feuille de style simple. Custom Post, page and post type CSS Output added 2 New Short Code, sgrow and sgcol changed the SUBTITLED Image output to use
Il est donc nécessaire de créer des lignes et des colonnes correspondant à la mise en page en utilisant les nouveaux codes courts sgrow et sgcol. Code Court: [sgrow pad = \
Et drains, oui ou non simple (par défaut oui). La seule condition que vous ne voulez pas remplir est si vous voulez que le contenu, comme une image, occupe toute la largeur. Background spécifie l’URL de l’image à utiliser comme arrière – plan de ligne. Dans l’exemple suivant, vous verrez comment utiliser cette propriété pour écraser le texte sur une image.
Code Court: [sgcol span = \
Modèle
[\/ croissance]
Si vous changez de plage, la taille de l’image change automatiquement. Voici un exemple où le texte et l’image étendent la moitié de la zone (\
Il suffit de changer la plage pour changer la taille de l’image en utilisant 100% de la largeur de l’image pour s’assurer que l’image remplit toujours l’espace libre (bien sûr, si l’image est plus petite que la largeur, elle est pixelisée). Modèle
[sgrow pad = \
Au fur et à mesure que vous Explorez l’approche grid, vous devrez peut – être ajouter plus de contenu et vous pourriez avoir vos propres besoins particuliers. La mise en page du contenu du flux de travail doit être considérée comme une étape supplémentaire après la rédaction, l’édition et l’approbation du contenu. L’étiquetage rend les modifications ultérieures un peu difficiles et augmente considérablement la probabilité d’erreurs. Si vous utilisez des types de messages personnalisés, il peut être utile de fournir des champs séparés pour le contenu non traité et marqué. Pour stimuler votre appétit? Ce ne sont que quelques exemples simples qui peuvent stimuler votre appétit et vous montrer la capacité d’utiliser la grille pour organiser le contenu. Le plug – in lui – même est très simple, tant que vous planifiez à l’avance, il est relativement simple de mettre le beau contenu ensemble, je ne recommande pas assez. Bien sûr, même une imagination saine et un contenu merveilleux ne font pas de mal. Étiquettes: mailles de conception CSS