Extraits de code 2025, Février

Désactiver le formatage automatique - Astuces CSS

Désactiver le formatage automatique - Astuces CSS

Ajouter au fichier functions.php remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Détectez les Gists et intégrez-les - Astuces CSS

Détectez les Gists et intégrez-les - Astuces CSS

Postez simplement un lien vers un GitHub Gist et il sera bien intégré. Ou utilisez le format fourni par cet extrait de code et créez vous-même le shortcode. Pour votre"

Personnaliser la page de connexion - Astuces CSS

Personnaliser la page de connexion - Astuces CSS

Vous savez, celui généralement sur yoursite.com/wp-login.php. Ce sont des éléments que vous mettriez dans le fichier functions.php du thème actif. Changer le logo est le "

Personnaliser le balisage des commentaires - Astuces CSS

Personnaliser le balisage des commentaires - Astuces CSS

Dans un thème WordPress typique, vous affichez la liste complète des commentaires pour un article / une page en utilisant la fonction wp_list_comments (). Cela n'offre pas grand-chose par "

Page d'erreur de base de données personnalisée - Astuces CSS

Page d'erreur de base de données personnalisée - Astuces CSS

Mettez un fichier appelé "db-error.php" directement dans votre dossier / wp-content / et WordPress l'utilisera automatiquement lorsqu'il y a une connexion à la base de données "

Bloginfo Shortcode - Astuces CSS

Bloginfo Shortcode - Astuces CSS

La fonction bloginfo () de WordPress vous donne accès à de nombreuses informations utiles sur votre site. Voir la liste complète. Pour accéder à toutes ces valeurs "

Autoriser SVG via WordPress Media Uploader - Astuces CSS

Autoriser SVG via WordPress Media Uploader - Astuces CSS

REMARQUE: à partir de 4.7.1, cela ne fonctionne plus exactement comme publié ici. Le fil de commentaires commence ici. Je mettrai à jour ceci une fois la meilleure façon de le gérer "

Changer la taille de l'avatar - Astuces CSS

Changer la taille de l'avatar - Astuces CSS

La fonction wp_list_comments a un paramètre pour changer la taille par défaut (48px) à n'importe où entre 0 et 80px. wp_list_comments ('taille_avatar = 80'); "

Appliquer le CSS personnalisé à la zone d'administration - Astuces CSS

Appliquer le CSS personnalisé à la zone d'administration - Astuces CSS

Ajoutez au fichier functions.php: add_action ('admin_head', 'my_custom_fonts'); function my_custom_fonts () (echo '';) "

Liens automatiques de médias sociaux - Astuces CSS

Liens automatiques de médias sociaux - Astuces CSS

Cela irait à l'intérieur de la boucle, probablement sous the_content (), probablement dans votre fichier single.php. // marque-page sur Delicious "

Base Commentaires filetés Styling - Astuces CSS

Base Commentaires filetés Styling - Astuces CSS

Ol.commentlist (style de liste: aucun; marge: 0 0 1em; remplissage: 0; retrait de texte: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

Texte de knockout SVG - Astuces CSS

Texte de knockout SVG - Astuces CSS

L'idée ici est d'imaginer trois couches empilées les unes sur les autres où la couche supérieure est utilisée pour découper une forme dans la deuxième couche pour révéler le "

Verrouillage du texte - Astuces CSS

Verrouillage du texte - Astuces CSS

Le chat dans le chapeau SVG propose le tag. Bien qu'il fonctionne un peu comme un HTML normal, il accepte des attributs qui débloquent une mise en forme puissante du texte "

Ajouter une classe aux liens générés par next_posts_link et previous_posts_link - Astuces CSS

Ajouter une classe aux liens générés par next_posts_link et previous_posts_link - Astuces CSS

Ces deux fonctions créent des liens d'ancrage, et vous pouvez en personnaliser beaucoup, mais il est impossible d'ajouter une classe en utilisant uniquement leurs paramètres. "

Ajouter / supprimer des champs d'informations de contact - Astuces CSS

Ajouter / supprimer des champs d'informations de contact - Astuces CSS

Les profils utilisateur dans WordPress ont ces champs pour les informations de contact par défaut: E-mail, site Web, AIM, Yahoo IM, Jabber / Google Talk. Vous pouvez les supprimer et "

Options d'exportation d'Adobe Illustrator - Astuces CSS

Options d'exportation d'Adobe Illustrator - Astuces CSS

C'est moins un extrait de code et plus un rappel pour quelque chose que je recherche souvent. Lors de la création de fichiers SVG dans Adobe Illustrator, il y a quelques "

Texte incurvé le long d'un chemin - Astuces CSS

Texte incurvé le long d'un chemin - Astuces CSS

Nous pouvons faire circuler le texte le long d'une ligne courbe avec trois outils intégrés directement dans SVG:, et. The Snippet Dangerous Curves Ahead Comment nous y sommes arrivés Imaginez que nous dessinions un "

Ajouter le nom de la catégorie à body_class - Astuces CSS

Ajouter le nom de la catégorie à body_class - Astuces CSS

La fonction body_class est intéressante pour ajouter un tas de classes à la balise body qui contiennent des informations sur le type de page actuellement affiché. "

Modèles SVG - Astuces CSS

Modèles SVG - Astuces CSS

L'élément SVG nous permet de définir des modèles à l'intérieur de notre balisage SVG et d'utiliser ces modèles comme remplissage. Le processus de base pour les modèles "

Icônes de morphing de forme dans le bouton au clic - Astuces CSS

Icônes de morphing de forme dans le bouton au clic - Astuces CSS

L'idée ici est d'utiliser une icône SVG dans un bouton et de remplacer cette icône par une autre lorsque vous cliquez sur le bouton. Un clic sur un bouton suggère souvent qu'une action a "

Menu Hamburger SVG - Astuces CSS

Menu Hamburger SVG - Astuces CSS

Trois bandes devraient être une chose si facile à dessiner. Voici plusieurs façons de le faire sur le Web. Cela dit, SVG est définitivement le meilleur moyen de "

Typographie de taille de fenêtre avec tailles minimum et maximum - Astuces CSS

Typographie de taille de fenêtre avec tailles minimum et maximum - Astuces CSS

La déclaration des tailles de police dans les unités de fenêtre peut produire des résultats vraiment intéressants, mais cela comporte des défis. Il n'y a pas de taille min-font-size ou "

Utiliser une variable Sass pour un sélecteur - Astuces CSS

Utiliser une variable Sass pour un sélecteur - Astuces CSS

Supposons que vous deviez utiliser un certain sélecteur à plusieurs endroits dans votre code. Ce n'est pas très courant, certes, mais des choses arrivent. Le code répété est "

Fonctions de teinte et d'ombre - Astuces CSS

Fonctions de teinte et d'ombre - Astuces CSS

Les fonctions d'éclaircissement et d'assombrissement manipulent la clarté d'une couleur dans l'espace TSL en lui ajoutant ou en lui soustrayant de la clarté. Fondamentalement, ils sont "

Mixin dégradé rayé - Astuces CSS

Mixin dégradé rayé - Astuces CSS

Un moyen populaire de dessiner des bandes en CSS pour définir un dégradé linéaire avec des arrêts de couleur qui se chevauchent. Cela fonctionne très bien mais ce n'est pas très pratique à écrire "

Fonction Str-replace - Astuces CSS

Fonction Str-replace - Astuces CSS

Sass fournit une collection de fonctions pratiques pour manipuler des chaînes, mais il n'y a pas de fonction pour remplacer une sous-chaîne par une autre chaîne. Voici une"

Fonction de tri - Astuces CSS

Fonction de tri - Astuces CSS

Sass ne fournit aucun moyen intégré de trier une liste de valeurs. Grâce aux fonctions de manipulation de chaînes, nous pouvons construire une fonction pour trier une liste d'éléments "

Fonction Strip-unit - Astuces CSS

Fonction Strip-unit - Astuces CSS

Il y a beaucoup de confusion autour du fonctionnement des unités à Sass. Pourtant, ils fonctionnent exactement comme ils le font dans la vraie vie. Si vous souhaitez supprimer l'unité de valeur, "

Simplifier les contextes et les événements - Astuces CSS

Simplifier les contextes et les événements - Astuces CSS

Sass peut en quelque sorte être un peu une boîte noire, en particulier pour les jeunes développeurs: vous mettez des choses, vous en sortez. Prenez la référence du sélecteur "