Archives par catégories: Le Css

Rajouter des icones à ses menus dashboard

Voici les sélecteurs css utilisés pour pouvoir rajouter ou modifier les icônes wordpress que l’on retrouve sur nos menus du panneau d’administration. #menu-post-‘nom de notre menu’..il faut bien entendu importer des images sprite Ce code va dans notre fichier functions.php Et voici l’exemple en image :

Changer l’aspect de la page login par défaut

Dans ce petit mémo, nous allons voir comment on peut modifier la page de connexion de son site wordpress. Dans son fichier functions.php, insérez la fonction suivante d’appel à un nouveau fichier de style, propre à l’admin : Ensuite créez la page style_admin_login.css et à partir de cette base, modifiez à souhait !!! On peut […]

Créer un menu vertical latéral en css II

On a vu dans un précédent tuto comment créer un menu vertical sur wordpress. Voici un deuxième petit mémo pour créer un menu latéral sur son site wordpress. Dans l’autre tuto, on fait apparaître les sous menus au survol, en les faisant apparaître sur le coté. Ca peut être plus ou moins joli selon les […]

Créer un menu vertical en css

Dans ce petit mémo, on va voir comment créer un menu vertical et latéral  dans wordpress. See the Pen Menu vertical I by yuyazz (@yuyazz) on CodePen. Il existe plein de manière de faire, notamment en jQuery pour obtenir de beaux déroulés de sous menus, mais on y reviendra dans un prochain tuto.. Pour notre […]

Modifier le css de chaque page wordpress

En plus du traditionnel <body <?php body_class(); ?>> que l’on retrouve dans tous les thèmes wordpress et qui permet de cibler en css chaque page du site, on va voir aujourd’hui une autre technique qui permet un ciblage plus précis encore. On crée une fonction qui va rajouter un id et une classe pour chaque type d’affichage […]

Dresser la liste wp_list_category en colonnes

Dans wordpress, la fonction wp_list_categories() nous permet d’afficher une liste simple de toutes les catégories de notre site. Si on veut l’afficher en colonnes,  on va placer notre fontion wp_list_categories() dan une div que l’on va styliser avec un peu de css : Ici j’ai placé ce bout de code dans une page catégorie, et elle […]

Créer un css particulier pour chaque post wordpress

Pour créer un style particulier pour chaque article ou page dans wordpress, on peut bien sûr utiliser la méthode traditionnelle qui consiste simplement à cibler les bonnes classes css dans un fichier style.css.  Mais on peut aussi avoir recours à différentes méthodes. En voici quelques unes Le principe est compliqué à trouver mais simple à […]

Creer une page d’articles en plusieurs colonnes

Aujourd’hui on va voir comment on peut créer automatiquement une page d’archives(type index.php) en trois colonnes. On va pouvoir réaliser cela grace aux loops wordpress. En fait on va crée trois loops que l’on va insérer dans des div contenant des classes particulières, et on va dans notre css disposer ces div sous formes de […]

Changer de background sur la div de son choix

Pour l’un de mes sites, j’ai eu besoin de laisser la possibilité à l’utilisateur d’affecter la couleur de son choix sur le conteneur de l’article. Voici la page telle qu’elle est sans modification. En faisant un control maj i  (« inspecter l’element ») sur la page, on s’aperçoit qu’un conteneur entoure la page centrale : Maintenant il […]