Tutoriels, astuces, how-to.. et autres ! Le Web façon intégration !

Une classe différente pour un parent d’un page avec wp_nav_menu

Je cherchais une solution rapide, simple et efficace afin de palier à un problème récemment :

Comment ajouter une classe au parent d’une page si je me trouve dans un de ses enfants?

Voyons le problème!

Lire la suite..

Comment faire un sapin de Noël en carton!

L’idée m’est après avoir participé à un concours de Cascade pour gagner un sapin de Noël en carton. Comment faire pour sauver 120$ et rendre ma conjointe heureuse? Et bien voilà, il fallait y penser! Un garde-robe en carton fourni par un ami afin de pouvoir découper de grandes feuilles et l’aventure était débutée. Voici donc pour vous, les étapes par lesquelles nous sommes passées, détaillées!

Voici le résultat final :


Lire la suite..

Bug Internet Explorer / vidéos WordPress

Récemment, un bug m’est apparu lorsque je vérifiai un blogue vidéo dans Internet Explorer (peu importe la version).

Depuis la mise à jour de WordPress 2.9.1 qui permet d’ajouter une simple ligne pour la transformer en un vidéo, un bug d’affichage de ce dit vidéo est présent dans Internet Explorer.

Le problème :

http://www.youtube.com/watch?v=y0zAQ_jQDA4

Cette ligne se transforme en un vidéo embed sur votre page Web si vous la placez sur une ligne, sans rien autour (texte ou html)

Comme ceci :

Cependant, dans Internet Explorer vous verrez ceci :

Et voici comment voir votre vidéo dans Internet Explorer sans vous casser la tête..

<div>
votre lien de vidéo (si moi je l'insère, on verra un vidéo)
</div>

Il faut mettre un div avant et après, sur 3 lignes séparées, afin que le vidéo se transforme en vidéo, sinon vous aurez du texte à la place.. tout ça dans l’onglet HTML de wordpress !

Merci à AnsonAlex.com pour l’astuce!

Hexa colors reminder!

Les couleurs hexadécimales font partie intégrante de tous les jours pour nous, travailleurs du grand Web ! Pour votre info, et pour remplir le minimum requis afin de recevoir ma contribution sur la scolarisation d’autrui et mes subventions pour écrire, voici un peu ce qu’est les #hexadécimales.

Lire la suite..

Bon plugin de Syntax Highlighter pour WP !

Depuis longtemps.. vous cherchez une extension facile pour mettre en évidence votre code.. sans avoir à vous soucier de balises compliquées, sans avoir des pertes dans votre code et tout cela, évidemment, sans perdre trop de temps.

Et bien l’un des plus récents plugins que j’ai installé est mon nouveau Syntax Highlighter ! Franchement, il en vaut le coup et voici comment l’installer (en fait c’est 2 plugins, mais bon, tenez-vous pour dire qu’on a rien sans rien dans vie !).

1. Premièrement, vous avez besoin de SyntaxHighlighter Evolved. Ceci est le coeur de l’extension. Je vous suggère la version 2, pour le line-wrapping mais à vous de voir ! (les versions sont dans « settings » en haut complètement.

2. Ensuite je vous suggère d’installer TinyMCE Advanced si ce n’est déjà fait. Il vous apportera un tout joli petit bouton avec le dernier plugin suivant..

3. SyntaxHighlighter TinyMCE Button ! Ceci vous procure un bouton dans votre barre TinyMCE marqué « code ». Ça ouvre alors une nouvelle fenêtre dans laquelle vous choisissez le type de code ainsi qu’un textarea où mettre votre code.

4. Maintenant, pour être sur que cela fonctionne, allez dans votre SyntaxHighlighter TinyMCE Button « settings » et choisissez dans les options en haut « SyntaxHighlighter Evolved », l’autre plugin qu’on a installé précédemment.

Et voilà.. en moins de deux minutes j’ai fait ces étapes et installé cette extension sur un autre blogue.. have fun !

Pratiques jQuery Mobile

En fait, cet article est un ramassis de pleins de données trouvées sur le Web. Je me dois de concentrer mes recherches, et garder ouvert 2 dizaines d’onglets, c’est pas facile ;) Alors pourquoi pas centraliser mes découvertes et en faire profiter le plus de monde possible ? Voici donc les trucs utiles de jQuery Mobile !

Comment l’installer ?

Télécharger la dernière version de jQuery Mobile

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>

Ensuite et bien, dites-vous que chaque élément que vous créez doit se voir attribuer un data-role. De plus, votre page restera blanche si vous ne mettez pas à votre conteneur principal (div qui suit votre body) un data-role= »page ».

Lire la suite..

+1 pour votre site, +1 pour le mien !

Voilà, c’est tout frais, sorti tout droit des bureaux de Google ! Non pas une réplique aux « retweet » de Twitter, en sorte cela ressemble plus aux « like » de Facebok. Voici ce que Google nous dit lorsque nous arrivons sur la page du +1 du site de leur site :

« Cliquer sur le bouton +1, c’est faire savoir que quelque chose vous a vraiment plu. Vos +1 aideront vos amis, vos contacts et bien d’autres personnes à trouver le meilleur du Web lorsqu’ils font une recherche. »

Lire la suite..

Extensions WordPress pratiques ! (partie 1)

On m’a répété, suggéré, agacé avec cet article! Oui, voilà, je vous dévoile une partie de ma liste d’extensions. On peut dire … un article avec nombre infini de parties car il y a toujours de nouvelles extensions extra ! Cet article fait référence à un article de Sébastien Giroux sur le même thème, j’essaierai donc de prendre des extensions qu’il n’a pas utilisé et/ou d’embellir leur utilité ;) Voici donc quelques extensions et comment les utiliser (si c’est vraiment complexe..), m’enfin !

Lire la suite..

Différence entre the_content() et the_excerpt()

WordpressLorsque je développe sous WordPress, ma ressource la plus utile est bien évidemment google ! Cette fois, je viens de plancher sur un bug qui m’a retardé dans le développement du contenu d’une page. Pour commencer, voici les liens WordPress concernant cet article :

Lire la suite..

Mes favoris.. dans ma barre de favoris !

En intégration, chaque jour nous sommes appelés à corriger des erreurs, ajuster des problèmes ou simplement répondre à des questions de logistique. La plupart du temps, il faut partager du contenu, montrer des exemple, afficher son point de vue et convaincre son interlocuteur de ce que l’on pense. Voici quelques outils que j’ai ajouté à mes favoris dans ma « barre de favoris chrome » afin de les utiliser le plus rapidement possible ! Dernièrement, j’ai fait un article sur mes extensions préférées, et bien sachez que j’écris cet article en sachant fort bien qu’une extension en particulier m’évite d’utiliser au moins 50% de mes favoris.. Pixlr Grabber ! Ho merci extension..

Lire la suite..