Archives par catégories: Le Css

La navigation au sein des articles

Pour obtenir un affichage de la navigation au sein des articles de votre site wordpress, qui existe par défaut dans le cms, il suffit d’appeler la fonction next_post_link et previous_post_link, dans un fichier single: La navigation au sein d’un article est généralement placée sous the_content(); Voici ensuite un type de css  basique: cela va automatiquement […]

Un menu avec icones open close

Dans ce petit tuto, on va voir comment utiliser des icones autre que celles utilisées par bootstrap notamment, ou font awsome.. On va se servir de Linear Icon qui génère de belles icones comme l’icone menu de ce site. Voici le lien  cdn à mettre dans le header, ou le fichier functions de votre wordpress: La […]

En-tete css du thème enfant

Voici les recommandations du codex pour créer un thème enfant, en-tete à placer dans le fichier style.css du thème enfant:

/*
 Theme Name:   Themeenfant(majuscules)
 Theme URI:    l'url ou on peut retrouver votre theme enfant
 Description:  Themeparent Child Theme
 Author:       votrenom
 Author URI:   http://votresiteperso.com
 Template:     themeparent(minuscules)
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  votrenomdesite
*/

Formulaire en plusieurs étapes

Voici un tuto bien lourd sur la possibilité de créer un formulaire multi page :le principe ici est de coder plusieurs formulaires dans la meme page html ou php, mais de n’en montrer qu’un à la fois, et  la fin de l’url du site prendrait donc en paramètre l’ID du formulaire . Au niveau requetes et […]

Créer un site responsive

Actuellement, l’outil actuellement le plus puissant pour émuler une interface mobile reste l’outil de google chrome, pas besoin d’aller chercher plus loin. On fait un clic droit (ou ctrl Maj i) et on inspecte l’élément.(sur IE Ou Firefox on clique sur F12 puis pareil on cherche le petit icone d’émulation) Tout en haut à gauche, […]

Les classes par défaut de wordpress

Je fais ici écho à l’article de wpBeginner.com traitant des classes par défaut que l’on retrouve sur tous les thèmes par défaut de wordpress. Par classe par défaut, on entend les classes installées par défaut dans le CMS, tel qu’il est conçu à la base par l’équipe des développeurs Automatic. WordPress génère automatiquement certaines classes pour chaque […]

Supprimer le footer des commentaires

Sur quelque thèmes, il se peut que vous ayez sous les commentaires la mention « Vous pouvez utiliser ces balises et attributs HTML: … » Pour le supprimer, si jamais vous ne trouvez pas le fichier en question, passez par le css:   Si jamais vous voulez jouer sur la hauteur, réduire l’espace textarea:

Créer un menu latéral avec bootstrap et wordpress

Sur internet on trouve désormais pléthore de tutoriels sur la manière d’insérer un menu bootstrap dans wordpress. Par contre, on ne trouve pas grand chose sur la façon d’implémenter un menu latéral avec bootstrap et wordpress. Voici donc un petit tutoriel pour palier à ce manque. Dans ce tutoriel, je vais donc essayer d’aller à […]

Créer une pagination avec les thumbnails

Aujourd’hui on va voir comment on peut styliser la navigation des articles en y ajoutant une image. Plutôt qu’une simple numérotation, ou une pagination classique avec seulement le titre, pourquoi ne pas afficher l’image à la une et le titre des articles suivants et précédents ? Le code suivant est à insérer dans son fichier […]

Définir un css particulier pour un modèle de page

Définir un css particulier pour un modèle de page est particulièrement simple sur WordPress.  Voici dans ce petit mémo un exemple de css particulier que l’on applique à un modèle de page particulier,  ici la page commande.php. Lorsque l’on crée un modèle de page dans son site wordpress, automatiquement on retrouve un nom de classe associé à […]