Wordpress Article

12 thèmes incroyables pour Bootstrap

Vous avez un projet intéressant mais peu de temps à y consacrer? Bootstrap est l’outil qu’il vous faut! Je vous réfère à mon article présentant Bootstrap si vous ne connaissez pas bien l’outil.

Dans cet article, je vais vous présenter 12 thèmes vraiment incroyables et qui vous feront gagner un temps énorme dans vos développements. Ces 12 thèmes sont payants et sachez que si vous achetez un thème via un lien de mon site, je toucherais une petite commission. Ceci étant dit, je souhaite avec cet article vous faire découvrir les possibilités infinies de Bootstrap. L’un des avantages majeurs de Bootstrap est qu’il permet de gérer facilement le mode responsive (l’interface change en fonction de la résolution du navigateur). Ceci permet d’avoir un site facilement consultable sur tablette, mobile et ordinateur.

Thèmes Bootstrap pour les dashboard et backend

Detail AdminWB07061TJ

Ce thème est parfait si vous devez concevoir une application web ou un backend. Bootstrap prend toute son ampleur dans ce genre de thèmes. En plus d’être très deisgn, légé et bien réalisé, ce thème est aussi responsive.

Voir une démo du thème |  Acheter ce thème sur Wrapbootstrap

SimpliQ FlatWB0N1X0T1

Ce thème, très adapté pour une interface d’admin (backend), est une fois de plus très design, sobre et élégant. Ici, un design flat est utilisé. Petit plus, ce thème est prêt pour le retina display et intègre les icône Glyphicons Pro gratuitement (valeur de 59$).

Voir une démo de ce thèmeAcheter ce thème sur Wrapbootstrap

Blue MoonWB0375140

Toujours dans la lignée des thèmes pour backend, ce thème est très complet. Avec pas moins de 7 variations de design et  25 plugins jquery intégrés, vous retrouverez dans ce thème tous les outils indispensables (datepicker, editeur WYSIWIG, timepicker, colorpicker, tooltips, popovers, notifications). Ce thème est aussi responsive.

Voir une démo de ce thèmeAcheter ce thème Bootstrap sur le site WrapBootstrap

 

Thèmes Bootstrap pour portfolio ou entreprise

Parallax707WB0443472

Ce thème est très intéressant pour un design original. En effet, il utilise l’effet parallax qui donne un aspect 3D très agréable à l’oeil lors du scrolling.  Parfait pour faire un portfolio ou site sur la photo.

Voir une démo de ce thèmeAcheter ce thème sur le site Wrapbootstrap

Clean CanvasWB02634G3

Ce très beau thème vous permettra de mettre en place un site vitrine ou un portfolio. Le thème se base sur belles grandes images pour donner un côté sobre et épuré. Il est livré avec un stock d’images différentes et un slideshow de type Parallax.

Voir une démo de ce thèmeAcheter ce thème sur le site WrapBootstrap

Gridtheme-bootstrap

Le thème Grid est un de mes préférés. Il vient en 2 couleurs différentes, light et dark. Très complet, il est parfait pour monter un portfolio. Ce thème est plein de possibilités, à vous de voir ce que vous pourrez en faire.

Voir une démo de ce thèmeAcheter ce thème sur le site ThemeForest

UnifyWB0412697

Ce thème pour Bootstrap pour business ou pour monter un portfolio est livré avec Revolution Slider et le pack Glyphicons Pro (valeur de 59$). Une fois de plus, le thème est responsive.

Voir une démo de ce thèmeAcheter ce thème sur le site Wrap Bootstrap

Mywaymyway

Myway est un thème basé sur l’effet Parallax. Le thème est en fait une unique page qui défile vers le bas. Excellent pour présenter un produit ou un service sans lasser le visiteur. Il vient en 2 couleurs : light ou dark.

Voir une démo de ce thèmeAcheter ce thème sur ThemeForest

Square vCardportfolio-bootstrap

Ce thème permet de faire un très beau portfolio, un CV ou encore un site personnel. Il est très design et très original dans le mode de navigation. À utiliser donc pour un projet ou l’originalité doit être de mise. 

Voir une démo de ce thèmeAcheter le site sur le site ThemeForest

Thème pour WordPress construit avec Bootstrap

Yellow Projectbootstrap-theme-themeforest

Ce thème est un thème WordPress qui est construit avec Bootstrap. Il possède plusieurs qualités, dont une très importante : Il est codé en étant axé SEO. Viens avec les fichiers PSD. Couleurs facilement changeables.

Voir une démo de ce thèmeAcheter ce thème sur le site ThemeForest

Tangobootstrap-responsive

Tango est un thème très épuré orienté portfolio. Il fonctionne sous wordpress et permet donc d’avoir solution presque clé en main. Le slideshow intégré au thème est Cu3er qui est capable de faire un effet 3D lors des transitions.

Voir une démo de ce thèmeAcheter le thème sur le site ThemeForest

Alfietheme-bootstrap-responsive

Le thème Alfie est un thème responsive pour WordPress. Il est possible de monter un blog aussi bien qu’un portfolio. Ce thème est assez orienté business. Ce thème est très fourni en composantes accessibles via des shortcodes.

Voir une démo de ce thèmeAcheter ce thème sur le site ThemeForest

Conclusion

Vous aurez remarqué la puissance de Bootstrap à travers ces thèmes. Étant donné les contraintes de budgets et de temps de développement de nos jours, baser son design sur une structure bien fondée est un atout à ne pas négliger.

Problème mise à jour WordPress: La boucle “Pas de mise à jour requise problème”

Bonjour à tous, voici un petit article rapide pour donner une solution à un problème que j’ai eu ce matin !

Le problème lors de la mise à jour de WordPress

Ce matin j’ai mis mon WordPress à jour de la version 3.4.0 à la version 3.4.1. Tout à fonctionné sauf que lorsque j’ai voulu retourner dans l’admin, j’ai eu le message suivant : “Pas de mise à jour requise problème” avec un bouton “Continuer”. Ce message signifie qu’il n’y a pas de mise à jour à faire dans la base donnée. Le problème est que lorsque je click sur le bouton “Continuer” je retourne sur la page d’accueil de mon site. Si je retourne sur wp-admin, j’ai le même résultat et ainsi de suite en boucle !

La solution

Pour ma part et je ne sais pas si c’est votre cas mais le plugin W3 Total Cache posait problème. Voici les étapes à suivre :

  • Renommer le répertoire du plugin W3 Total Cache (wp_content/plugons/w3_total_cache)
  • Retourner sur l’url wp-admin et cliquer sur continuer
  • Un messge d’erreur PHP apparaît
  • Renommer votre répertoire w3_total_cache comme avant
  • Recharger votre page

Cela à réglé mon problème

Migrez de nom de domaine avec WordPress en 4 étapes faciles

Changer de nom de domaine dans WordPress se trouve être utile généralement lorsqu’on migre d’un environnement de développement à l’environnement de production. Par exemple vous avez construit votre blog en local sur votre ordinateur à l’aide de MAMP ou WAMP ou Easy PHP … et vous souhaitez le mettre en ligne sur votre serveur de production.

Réaliser cette migration se fait en 4 étapes faciles : 

Faire une copie de vos fichiers WordPress

Rien de plus simple, avec votre logiciel FTP, vous envoyez les fichiers sur votre serveur de production. (Généralement à la racine du serveur).

Faire un export de votre base de données

Allez dans PhpMyAdmin de votre serveur de développement et exportez la base de données. (SQL ou ZIP au choix). Allez ensuite sur PhpMyAdmin de votre serveur de production et importez les données via le fichier que vous venez de créer.

Modification sur la base de données 

La base de données WordPress contient dans certaines tables le nom de domaine de votre blog. Pour changer ces informations vous pouvez exécuter votre ces requête SQL suivante dans PphpMyAdmin : 

Changez “http://www.dev-site.com” par l’url de votre environnement de développement et “http://www.production-site.com” par votre nom de domaine de production. Attention le préfixe des tables “wp_” pourrait être différent pour vous. Attention aux “www” aussi. Si la première requête ne donne aucun résultat, essayez sans les www.

Modifier la config de WordPress

Dans votre logiciel FTP éditez le fichier wp_config.php et remplacez les informations de bases de données par celles de production :

Conclusion

J’ai crée cette procédure pour mes besoins personnels, j’espère qu’elle vous sera utile à vous aussi, c’est pour ça que je la partage ici. Pour une migration réussie pensez à :

  • avoir au moins 1 heure devant (en cas de problème)
  • être concentré (couper le téléphone et les distractions).
  • Tester une fois la migration finie (toutes les pages, les posts si possibles, les formulaires …)

De l’importance de mettre WordPress à jour

Effectivement mettre WordPress à jour est très important pour éviter de se faire hacker son site. J’en ai vécu l’expérience il y’a quelque temps et ce n’est pas très marrant d’avoir à nettoyer son serveur surtout que les hackers ont des methodes de plus en plus sophistiqués pour planquer du code n’importe où. Je vais donc ici donner quelques solution pour toujours rester à jour.

Stop à la procrastination 

Lorsque vous arrivez sur votre blog pour écrire un nouveau post, pensez à mettre à jour vos plugin et votre version de WordPress. Je dis stop à la procrastination car effectivement, on a vite fait de se dire que ce n’est pas important et que cela peut attendre. Mais une mise à jour est souvent accompagnée d’un fixe d’une vulnérabilité.

Installer un plugin qui vous enverra des notifications de mise à jour

Depuis que je me suis fait hacké, je ne prend plus de chance, toutes les semaines je reçois un rapport qui m’indique les mises à jour à faire (entre autre). Ce qui me permet d’aller tout de suite faire les mises à jour et de jamais rester trop longtemps exposé à une  vulnérabilité.

Ce plugin s’appelle WP Security Scan, il vous donnera aussi pas mal d’information utile pour sécuriser votre blog WordPress. Ce plugin est fourni par la compagnie Website Defender.

Conclusion

J’espère que ces informations seront utiles et si vous le saviez déjà, prenez juste ce post comme une piqûre de rappel ;) J’essayerais de faire un post un peu plus long sur WP Security Scan bientôt.

 

Les “Custom Post” de WordPress

Comment transformer votre WordPress en un puissant CMS ? Voici le but de ce post ! Nous allons utiliser une fonctionnalité appelée Custom Post. Qu’est qu’un Custom Post ?  Il s’agit de créer un nouveau type de post avec des champs personnalisés pour répondre à vos besoins. Par exemple on va pouvoir ajouter une rubrique Portfolio, Clients, Projets, Recettes …

Comment mettre en place les Custom Post

La plupart de ce que l’on va faire se fait dans le fichier function.php (à la racine de votre thème). Pour notre exemple nous allons créer un nouveau type de posts Projets avec 2 champs personnalisés : Ville et Pays.

Déclaration du Custom Post

Pour commencer on va dire à WordPress que nous souhaitons créer un nouveau type de post. Voici le codex de wordpress qui explique les différents arguments que l’on peut passer à cette fonction : register_post_type

Création des champs personnalisés

Lorsqu’on crée un type de post, on peut aussi y ajouter différents champs personnalisés pour ce type de post. Dans notre cas, on veut ajouter Ville et Pays qui définiront un projetJe vous laisse regarder les paramètres de la fonction add_meta_box.

La description, le titre et le thumbnail sont ajoutés lors de la déclaration de notre nouveau type de post (paramètre supports)

Définition des champs personnalisés

Ici on va déterminer le type d’affichage que l’on veut pour nos champs personnalisés dans le panneau d’admin. On peut alors définir le type de champ dans le formulaire input text, textarea, select …

Fonction de sauvegarde des champs personnalisés

Il faut ensuite créer les fonctions qui vont permettre la sauvegarde en base de données des champs personnalisés. En gros quelles actions veut-on entreprendre lorsque l’on clique sur Save Draft / Publier ou aussi lors de la sauvegarde automatique.

On met le tout en action

La dernière étape consiste à appeler les fonctions que l’on vient de créer plus haut. Sans cela, rien ne se passera et votre nouveau “Custom Post” ne fonctionnera pas correctement.

Voici le résultat en image

Conclusion

Cette nouvelle fonctionnalité de WordPress (ajouté à la version 3) permet concrètement de tourner WordPress en un CMS puissant et malléable.

Si vous avez des questions, n’hésitez pas, j’essayerais d’y répondre au maximum de mes connaissances.