index.php

Voici quelque requêtes SQL qui vont vous faire gagner un temps fou, si vous voulez réaliser l’une des tâches décrite plus bas, vous n’avez qu’à ouvrir votre base de données puis exécuter la requête correspondante.

L’exécution de la requête ne prendra que quelque secondes. Voici donc la liste des tâches que vous pouvez réaliser grâce aux requêtes SQL :

1 – Changer le nom domaine d’un blog WordPress

Les requêtes SQL peuvent encore vous sauvez la vie si vous migrer votre blog ver un nouveau nom de domaine, en effet, importer sa base de donné ne suffit pas, il faut encore remplacer toute vos anciennes adresse avec les nouvelles.

On commence par les réglages WordPress :

UPDATE wp_options SET option_value = replace(option_value, 'http://www.ancien-site.com', 'http://www.nouveau-site.com') WHERE option_name = 'home' OR option_name = 'siteurl';

Maintenant les liens de vos articles :

UPDATE wp_posts SET guid = replace(guid, ‘http://www.ancien-site.com','http://www.nouveau-site.com');

Enfin, il arrive parfois qu’on site son propre domaine dans ses articles, voici la requête SQL pour les rectifier :

UPDATE wp_posts SET post_content = replace(post_content, ' http://www.ancien-site.com ', ' http://www.nouveau-site.com');

2 – Supprimer les PostMeta Inutilisés

Quand vous installez un plugin, celui-ci stock ses données dans la table postmeta, et quand vous le supprimez, ces donnée « inutiles » reste dans votre table, alors pour les supprimer, utilisez simplement cette requête :

DELETE FROM wp_postmeta WHERE meta_key = 'VotreClef';

bien sûr, remplacez ‘votreClef’ par la clé que vous voulez supprimer.
(suite…)

Equalizing.js permet d’égaliser tous les éléments en hauteur ou en largeur. Pour se faire, il accepte toutes les méthodes de dimensions offertes par jQuery : height, outerHeight, innerHeight, width, outerWidth ou innerWidth.

Pour utiliser ce plugin, il suffit de l’initialiser sur le container parent des éléments que nous souhaitons redimmensionner. Par défaut, il le fera sur la hauteur.

Du coté de l’html :

<div id="height-example">
	<div>equalize</div>
	<div>equalize content height</div>
	<div>equalize</div>
	<div>equalize content</div>
</div>

Il ne reste plus qu’à instancier le plugin :

$('#height-example').equalize();

Source

Le site This Is Responsive répertorie toute une liste de ressources sur le responsive webdesign.

Si vous débutez ou que vous avez besoin de vous documenter sur le responsive webdeisgn, This Is Responsive est fait pour vous.

Ce site regroupe un nombre impressionnant de liens à ce sujet. Il s’articule autour de 3 grands axes :

  • des patterns responsives pour les layouts (grilles, listes,…), la navigation, les images, les form, etc
  • des ressources sur le responsive où l’on peut retrouver des articles, tutos
  • des actualités

Avec ce site, le responsive n’aura plus de secret pour vous ^^

Source

Lors d’un récent projet, j’ai eu à créer ma propre boucle avec query_posts. Pour la pagination j’utilisais le plugin WP-PageNavi qui est léger et très utile ^^

Cependant, si les deux sont utilisés sur la même page, lorsque l’on clique sur le 2 de la navigation, l’URL se transforme bien en la page 2, mais les articles sont toujours les mêmes, ceux de la page 1…

Après des recherche sur internet, j’ai trouvée que le souci provient donc de l’utilisation des « query_posts » de WordPress qu’il faut de remplacer par un code quelque peu différent mais qui fera fonctionner le plugin comme il faut ! Ce code a été « rédigé » par l’auteur du plugin, Lesteruchan.

Si je veut afficher 6 articles sauf ceux de la catégorie 2, je vais écrire ceci:

query_posts("showposts=6&cat=-2");

Mais dans ce cas-là, la pagination ne fonctionnera pas. Pour que tout soit parfait, il faudra utiliser le code suivant:

$paged = intval(get_query_var('paged'));
if($paged == 0) { $paged = 1; }
query_posts("showposts=6&cat=-2&paged=$paged");

La « query_posts » est toujours présente et vous permettra d’attribuer les mêmes paramètres que l’utilisation que vous en faisiez auparavant.

C’est vraiment tout bête comme astuce mais je vous conseille de le garder en mémoire car il est fort possible que vous en ayez un jour besoin ^^

Source

Jonathan Buttigieg sur GeekPress à créé un plugin permettant l’installation de WordPress en un clic.

Quand on est développeur WordPress, on effectue les mêmes étapes d’installation à chaque fois que l’on crée un site avec ce CMS. On commence par se rendre sur WordPress FR pour récupérer l’archive de WP en français, on la dézip, on déplace les fichiers dans le dossier de notre site, etc… Et pour peu que l’on souhaite utiliser des plugins qu’on installe sur chaque projet, il faut les ajouter un par un. Avec toutes ces étapes et ces contraintes, le temps d’installation d’un WordPress peut vite augmenter.


Lire la suite sur le blog de Demain la veille

Source

Si vous avez besoin de découper un fichier PSD pour en faire une page HTML pour un site ou un mailing, vous pouvez tester Mailrox. Ce site sur lequel tout le monde peut demander une invitation vous permet tout simplement de découper comme bon vous semble vos maquettes, mais aussi d’y placer vos liens et de mettre votre texte pour ensuite réaliser un export HTML.

C’est très simple à utiliser et ça fait gagner un temps précieux si vous n’êtes pas un expert en Photoshop ou HTML

Source

WordPress à la mauvaise habitude de placer des balises <p> autour des images. Avec l’arrivée du HTML, la balise <figure> semble plus appropriée..

Voici une fonction – a placer dans votre fichier function.php – qui va remplacer à la volée les balises <p> par des balises <figure>.

// unautop for images
function fb_unautop_4_img( $content ) {
    $content = preg_replace(
        '/<p>\\s*?(<a rel=\"attachment.*?><img.*?><\\/a>|<img.*?>)?\\s*<\\/p>/s',
        '<figure>$1</figure>',
        $content
    );
    return $content;
}
add_filter( 'the_content', 'fb_unautop_4_img', 99 );

Simple, efficace et en accord avec HTML5 ^^

Source

Voici une liste (non exhaustive) de livres abordant le sujet du HTML et du CSS. Les éditeurs s’intéresse de plus en plus aux thèmes HTML / HTML5 / CSS / CSS3.

Le choix des livres est vaste et il est difficile de conseiller un bouquin plutôt qu’un autre.

Sur Alsacréations il y a une liste de livres commentés et critiqués.

Source

J’ai trouvée ce petit tuto très bien fait sur wpchannel qui explique comment toucher à jQuery sans forcément comprendre tout JavaScript.

Coté client

Comme JavaScript, jQuery est un langage qui s’exécute coté client.
Vous l’avez certainement déjà entendu sans vraiment comprendre ce que cela entraine par rapport à votre code. En gros, le JavaScript modifie le résultat envoyé par le serveur sur votre navigateur.
Donc le JavaScript ne modifiera jamais du code PHP. De rares interactions unilatérales avec le serveur pourront être effectuées mais via une interface spéciale – en Ajax par exemple en utilisant JSON.

(suite…)

Il y a un article très intéressant sur le blog de Demain la veille sur l’hyper-connectivité et la course à l’attention et au temps de cerveau disponible. La démultiplication des interfaces et lieux numériques de conversations est un phénomène assez récent commence à prendre de l’envergure : l’épuisement et la fatigue des médias sociaux.

Cette utilisation constante, régulière, du lever au coucher, des différents services génère un sentiment de fatigue, d’ennui et d’épuisement. Un sentiment qui ne s’arrête pas là puisqu’il est lui même générateur d’une forme de pression et de stress : l’attente d’une récompense et d’une reconnaissance, que ça soit à travers un like, un commentaire, un retweet, une réponse, un message, etc. Facebook, Twitter & Co deviennent en quelque sorte un système d’exclusion/inclusion sociale, tout comme l’étaient avant les vestes en cuir et les casquettes/pins dans les cours de récré, ou encore le compte Messenger.

(suite…)