Archives par catégories: Le Css

Créer des séparations entre sections avec des images circulaires

Dans l’exemple qui va suivre, j’applique le code sur un site wordpress, en utilisant notamment le plugin ACF. Mais le code vaut évidemment pour tout type de site, il s’agit ici avant tout de css. Le principe est de créer une séparation entre deux sections d’une même page, en incluant une image circulaire centrée au […]

Ajouter une "row" tous les x articles sur wordpress

Ajouter une « row » tous les x articles sur wordpress

Dans cet article je reprend une astuce qui permet, avec bootstrap, de créer des rows (ou lignes) tous les 2, 3 ou 4 items (titre d’articles ou de catégories) . Ceci va nous permettre par exemple de styliser la ligne, comme d’ajouter une bordure et ainsi créer l’apparence d’un tableau  : Dans un fichier quelconque […]

Intégrer Font Awesome 5 Web Font sur sont site wordpress

Font Awesome vient récemment de mettre à jour sa librairie en version 5, apportant de gros changements par rapport à la version précédente. Désormais on a le choix entre utiliser la version JS avec des icônes en SVG, ou la version CSS en faisant appel à la webfont classique, comme dans l’ancienne version. Dans cet […]

Créer un affichage Masonry sans plugin

Voici un exemple de code css qui va nous permettre de spliter une page en plusieurs colonnes. Ce code vaut pour des classes css  d’un thème wordpress par défaut.Pour tout autre cas, il suffira juste d’indiquer les bonnes classes dans votre fichier css Voici donc un exemple de css qui vous permettra d’afficher vos articles en colonne […]

Un carousel bootstrap dans wordpress

Dans cet article nous allons voir comment créer dans wordpress un slider avec le carousel bootstrap. Je vous renvoie à cet article pour  créer un type de contenu particulier et vous en servir comme slider dans wordpress.Bien sur, il faut au préalable télécharger bootstrap et l’intégrer à son thème. Dans un système de carousel, la classe dite […]

Créer un menu overlay sur wordpress

Petit mémo pour la création d’un menu overlay, comme celui ci: On voit de plus en plus ce genre de menu, avec toute sorte d’apparence. On va ici procéder en  3 étapes. Tout d’abord je définis mon menu dans ma page,(header, home ou ailleurs selon la structure du thème ) je l’entoure d’une div.overlay, et […]

Centrer les colonnes bootstrap

Voici une petite astuce desormais bien connue pour centrer une colonne boostrap Par exemple, pour un site qui contiendrait un conteneur principal sans sidebar, on pourrait donner à la colonne principale la classe suivante: On aurait alors notre colonne fixée à gauche , à cause des règles css bootstrap qui appliquent un float left aux […]

Entourer les titres de deux tirets latéraux en css

Bien des articles ont été rédigés sur la facon d’obtenir deux tirets latéraux autour d’un texte, un titre, comme ici Cet article ci montre les différentes solutions en cours pour parvenir à ce résultat Tous ont des inconvénients ou des avantages, mais le plus adaptable quelque soit la taille du texte reste cet exemple ci: c’est […]

Un thème optimisé SEO :les titres

Aujourd’hui je vais traiter un sujet interessant et discutable, celui des titres de votre site. Premièrement, ce qui compte réellement lors de la navigation sur un site, c’est son ergonomie, sa simplicité d’utilisation, et comment  l’utilisateur perçoit le site. Les questions que se posent les développeurs en matière d’SEO n’interessent qu’eux en général.Et on tombera […]

Gérer les commentaires dans wordpress

Aujourd’hui on va tenter de comprendre comment sont construits les commentaires dans wordpress, et comment les modifier.. On part d’un formulaire de commentaire classique On a généralement les input par défaut nom, mail  et site web.Une asterisque pour les champs obligatoires, et des labels devant chaque input. et on veut parvenir à ce résultat: On […]