page-translate

Comment afficher les boutons cachés du TinyMCE de Wordpress

boutons / éditeur / functions.php / TinyMCE / trucs et astuces / Web / Wordpress

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Il arrive que l'éditeur de texte Wordpress TinyMCE ne soit pas tout à fait complet pour vos besoins.

Par exemple, les boutons sup et sub sont fort utiles pour un blogue qui a trait au domaine de la science, alors comment les ajouter à l'éditeur de texte TinyMCE ?

Sachez que les boutons sont simplement cachés, par défaut, par Wordpress et il faut tout simplement les afficher en ajouter ce bout de code dans le fichier functions.php de votre thème :

LIRE L'ARTICLE

Google Maps V3 : ajouter un champ autocomplete des adresses

autocomplete / autocomplete adresse / didacticiel / Google / google maps / google maps api v3 / places / places autocomplete / trucs et astuces

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

L'autre jour nous avons vu comment afficher un calcul d'itinéraire avec Google Maps API V3. Aujourd'hui je vous propose d'aller encore un peu plus loin avec l'ajout d'un autocomplete d'adresse. L'objectif est d'afficher des suggestions d'adresse en fonction de ce que l'utilisateur indique dans un champ texte.

LIRE L'ARTICLE

Comment ajouter un rel='lightbox' à toutes les images d'un article Wordpress

jQuery / lightbox / PHP / trucs et astuces / Wordpress

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Les plugins de type lightbox sont très populaires dans la plupart des sites (Wordpress ou autres).

LIRE L'ARTICLE

Créer une pagination sous Wordpress

thème / trucs et astuces / Web / Wordpress

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Rien de plus simple que ça ! Toutefois, il existe encore plusieurs plugins qui font la même chose même si Wordpress possède une fonction juste pour ça :

LIRE L'ARTICLE

Forcer le téléchargement de la feuille CSS sous Wordpress

CSS / header.php / thème / trucs et astuces / Web / Wordpress

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Lorsque vous mettez à jour la feuille de style CSS de votre site Web Wordpress, vous avez peut-être remarqué que vous devez forcer la recharge de la page afin de voir les dernières modifications apportées. Selon la façon dont votre serveur est configuré, il continuera à déservir la vieille feuille de style.

LIRE L'ARTICLE

Exclure les pages des résultats de recherche Wordpress

functions.php / recherche / trucs et astuces / Web / Wordpress

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Si vous voulez exclure les pages de votre site Wordpress, afin que les articles seulement n'apparaissent dans les résultats de recherche, ajoutez ce bout de code à la fin de votre fichier functions.php :

LIRE L'ARTICLE

Modifier l'avatar par défaut de son site Wordpress

functions.php / thème / trucs et astuces / Web / Wordpress

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Wordpress utilise maintenant un système de Gravatars pour afficher l'avatar des gens qui commentent les articles.

Vous pouvez modifier l'avatar par défaut dans les options Réglages -> Discussion. Toutefois, si vous voulez ajouter un choix d'avatar, par exemple si vous voulez en ajouter un aux couleurs de votre site, ajoutez ce code dans votre fichier functions.php :

LIRE L'ARTICLE

Personnaliser une liste avec des caractères spéciaux

CSS / liste / trucs et astuces / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Saviez-vous que l'on peut utiliser des caractères ASCII comme "bullet" dans une liste HTML.

En effet, pour créer une liste avec des » ou des ·, nous n'avons pas à utiliser un background-image, non !

Il suffit d'utiliser la propriété content sur le peusdo-élément before comme dans cet example :

LIRE L'ARTICLE

Créer un effet d'ombrage sur une photo en CSS

CSS / HTML / trucs et astuces

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Le CSS peut nous sauver du temps. Beaucoup de temps.

Je travaillais sur un site, l'autre jour, et je remarque que des dizaines de photos doivent être intégrées dans une galerie. Parfait, me dis-je. Or, je remarque, sur la maquette du designer, que les miniatures doivent avoir un ombrage pour chacune d'elle. Moi qui suis paresseux ne voulais surtout pas découper chaque image pour les miniatures !

J'ai donc pris chaque photo en version "grande" et les ai réduites avec du HTML pur et simple, tout en ajoutant un effet d'ombrage en CSS.

LIRE L'ARTICLE

5 trucs CSS que tout Web designer doit connaître !

CSS / trucs et astuces / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Le CSS nous sauve littéralement la vie, nous, Web designers/programmeurs qui cherchons à nous simplifier la vie dans notre travail quotidien.

Voici, donc, 5 petits trucs et astuces qui pourraient s'avérer être fort utiles :

1. La première lettre d'un paragraphe

5 trucs et astuces CSS

LIRE L'ARTICLE

Pages