Installation et utilisation de Twitter Bootstrap

Ces articles expliquent comment installer Twitter Bootstrap sur votre site WordPress ou non, et ce qui gravite autour de ce framework CSS, comme Bootstrap Awesome

Créez facilement un système de colonnes responsives par shortcode pour WordPress

Créez facilement un système de colonnes responsives par shortcode pour WordPress

Vous souhaitez donner un aspect plus ‘magazine’ à votre site sous WordPress, ou simplement mieux agencer son contenu ?
Nous allons voir comment mettre en place un système de colonnes en utilisant la grille responsive de Bootstrap, et pouvoir l’utiliser directement dans le contenu des pages grâce à des shortcodes.

Améliorer le shortcode de notre carrousel avec les paramètres de WP_Query

Améliorer le shortcode de notre carrousel avec les paramètres de WP_Query

La semaine dernière, nous avions vu comment ajouter un carrousel avec un shortcode sur un site WordPress avec Bootstrap. La fonction qui permet de générer le carrousel utilise la fonction WP_Query pour sélectionner les articles à afficher.

Alors, à la demande générale (ou presque), voyons comment améliorer le shortcode pour ajouter des paramètres supplémentaires et coller plus à vos besoins.

Créez facilement un modèle monopage pour WordPress avec Bootstrap

Créer un template monopage pour WordPress

Les sites monopages sont encore à la mode. Voyons comment faire un menu dynamique de site monopage sous WordPress, en prenant pour base le thème Twenty Thirteen et en utilisant les composants Affix et ScrollSpy de Bootstrap.

Utilisation et optimisation de Bootstrap avec WordPress et LESS

Optimiser Bootstrap pour Wordpress avec LESS

Twitter Bootstrap offre beaucoup de possibilités, mais peu de sites les utilise toutes en même temps.

Pourtant le fichier CSS les inclut toutes. Voyons comment désactiver les fonctionnalités qui ne servent pas, grâce à sa version LESS et tant qu’à faire, dans le cadre d’un thème WordPress, pour gagner en performances.

Donnez du style à votre blog WordPress avec Bootstrap Awesome

Donnez du style à votre blog WordPress avec Bootstrap Awesome

Nous avions déjà vu la librairie d’icônes Genericons, livrée avec le thème de WordPress TwentyThirteen, mais aussi TwentyFourteen.
Voyons cette fois la librairie d’icônes, toujours sous forme de police de caractères, Bootstrap Awesome.

Faites bonne impression avec Twitter Bootstrap

Faites bonne impression avec Twitter Bootstrap

Vous connaissez certainement les problèmes de rendu différent suivant les navigateurs lors de la conception d’un site Web. Sachez qu’il y a pire : l’impression d’une page Web, qui dépend, en plus du navigateur, du système d’exploitation et du modèle d’imprimante.
Voyons quelques pistes pour essayer d’unifier le résultat sur papier avec Twitter Bootstrap.

Les autres thèmes parlant de Installation et utilisation de Twitter Bootstrap