Archives du mot-clé Themes

Créer une boutique en ligne – thème wootique

La vidéo est en anglais, mais elle explique assez bien en moins de trois heures, comment créer sa boutique en partant de zéro avec le thème Woothemes « wootique » (gratuit) :

  • hébergement (facultatif si vous créez le site en local) ;
  • installation de WP (voir mon post pour l’installation en local);
  • Installation du  thème (voir aussi mes posts à ce sujet ici et , ou le tag « thèmes ») ;
  • Attention : Elle n’explique pas comment créer le thème enfant (pour stocker la personnalisation du thème « à l’abri » des mises à jour). C’est une étape importante.
  • Installation des plugins : WooDojo, WooCommerce, SEO (référencement). Ces plugins sont nécessaires pour ajouter les fonctionnalités de commerce, etc ;
  • Création des produits (simples, en différentes variantes/versions, visuel, etc) ;
  • Options et paramètres de gestion de la boutique (promos, taxes, gestion du stock …)

Comme d’habitude il y a beaucoup en anglais ; une partie de la traduction en français est déjà disponible, mais pour finir de complètement « localiser » votre boutique en français, voyez mes posts sur la traduction, ici , ou avec le tag « traduction ». Je suis en train d’avancer sur la traduction complète de wootique et des plugins, mais je n’ai pas encore tout fini, désolé 😛

Publicités

Traduire thèmes et plugins (vocabulaire/glossaires)

Suite à mon premier post concernant le logiciel PoEdit pour les traductions/localisations ; Voici des ressources pour aider à traduire les termes plus ou moins techniques :

Chez WordPress : http://glossarissimo.wordpress.com/

Chez Drupal : http://traduction.drupalfr.org/

Et les sites du genre www.reverso.net, même si ils ont leurs limites. Pour les termes et expressions un peu « pointues » ou techniques, une recherche Google permettra de retrouver le contexte de référence, et d’éviter les contresens et faux-amis … (Essayez « Ninja trouble WordPress », par exemple)

Traduire thèmes et plugins avec PoEdit

En cherchant à adapter le thème wootique en français, je suis tombé sur PoEdit, un outil de traduction de thèmes et de plugins :

http://wpchannel.com/poedit-outil-traduction-themes-plugins-wordpress/

Téléchargement : http://www.poedit.net/download.php

Présentation vidéo (en français) :

http://tinyurl.com/klttf4u

Instructions en français (pour Drupal, mais doivent être utilisables pour WP 😛 ):

http://traduction.drupalfr.org/doc/comment-traduire-un-module-l10n-poedit

Existe en version Windows et Mac ( + Ubuntu ?) … Attention à lire la doc avant de vous lancer (comme d’habitude)

Il y a également WPML, mais il est payant 😉

Ressources WP en français

Ce post sera enrichi au fur et à mesure … Voici ma sélection de ressources concernant WordPress qui sont en français !

Blogs :

http://wpchannel.com/

Logiciels :

Notepad++ est un excellent petit éditeur gratuit pour les fichiers PHP, CSS, etc. C’est le seul que j’utilise 😉

Poedit est utilisé pour faire le portage / la traduction / localisation des thèmes et plugins d’une langue à l’autre. Ce logiciel gratuit permet de créer un fichier *.po dans la langue de votre choix (utile pour franciser un thème). Existe en version pro, sinon il y a aussi WPML (payant).

Les thèmes – Utilisation, Modification et Création

Avant toute chose, ne pas récupérer des thèmes gratuits n’importe où

Il faut d’abord intégrer la notion de thème parent / thème enfant. L’installation de WordPress inclut par défaut plusieurs thèmes, parmi lesquels il faudra en choisir un; celui-ci deviendra le thème de référence, ou thème parent . Si on le customise, les modifications personnelles ont toutes les chances d’être écrasées ou perdues en cas de mise à jour ou de réinstallation, à moins de créer un thème enfant, où vos préférences (couleurs, images, …) pour le site/blog seront enregistrées.

Note : Dans le cas où vous auriez créé votre thème personnel, il restera intéressant de le traiter comme un thème parent ; vous pourrez ainsi l’utiliser pour plusieurs sites différents en changeant à chaque fois certains éléments de style (couleurs, images, …). Il suffira de modifier une fois ce thème, puis de le réinstaller dans tous vos sites.

Explications plus détaillées sur la marche à suivre (avec des vidéos en lien) :

https://paulgirault.wordpress.com/2013/11/04/theme-enfant/

Sur le fonctionnement des thèmes :

http://codex.wordpress.org/fr:Hi%C3%A9rarchie_de_modeles

Modification du thème parent par le thème enfant :

http://wp.tutsplus.com/tutorials/creative-coding/how-to-modify-the-parent-theme-behavior-within-the-child-theme/

Modifier des thèmes :

http://themeshaper.com/modify-wordpress-themes/

Avec FireBug (externsion de Chrome et FireFox, outil de développement) – Devra faire l’objet d’un autre post :

http://wpmu.org/customizing-your-wordpress-theme-using-firebug/

Créer des thèmes : cela fera probablement l’objet d’un autre post, mais en attendant :

http://codex.wordpress.org/Theme_Development

http://themeshaper.com/2012/10/22/the-themeshaper-wordpress-theme-tutorial-2nd-edition/

Voir aussi le Codex, le forum ou les blogs spécialisé sur le sujet, comme http://themeshaper.com/

Et pour finir, le cadeau « Bonux » : un plugin pour créer les thèmes enfants !!!  🙂

http://wordpress.org/plugins/child-themify/

Le thème de ce blog

Pour ce blog, j’ai choisi le 2013 (Twenty Thirteen), parce qu’il était récent, populaire et surtout conçu en « Responsive Design », ce qui le rend consultable sur smartphone, tablette et portable.

J’ai juste personnalisé le bandeau du haut (le missile AGM-65 « Maverick« ), et je verrai plus tard si j’apporte d’atre changements, ou si je reste concentré sur mes projets plus professionnels. En attendant, cela me fait déjà un premier support pour communiquer en tant que futur webdesigner, un début d’expérience en tant que webmaster, et en partageant mon expérience j’essaire de rendre à la Communauté du Libre un peu de ce qu’elle m’apporte. 🙂

Si vous venez tout juste de découvrir WordPress, vous pouvez aussi essayer l’un des tout nouveaux thèmes : le 2014 « Twenty Fourteen » est sorti avec plus d’un mois d’avance. Choisir un thème populaire permet de s’assurer de trouver facilement des tutos sur Youtube et de l’aide sur le forum, ainsi que d’avoir des mises à jour.

En ce qui concerne les mises à jour : Si vous travaillez « en local » et que vous personnalisez votre thème, commencez tout de suite par créer un « thème enfant », comme cela vous ne perdrez pas vos modifications si vous faites une mise à jour du thème : Seul le thème « parent » sera mis à jour, vous hériterez des améliorations et vos modifications seront conservées. Voir aussi :

https://paulgirault.wordpress.com/2013/11/04/theme-enfant/

ou clicker sur le tag « thèmes » pour voir tous mes posts relatifs aux thèmes.

Bidouille thèmes

Les modifications envisagées pour le moment étant purement d’ordre cosmétique, c’est au niveau du CSS que ça va se passer. Deux possibilités :

1 ) Remplacer les fichiers sans modifier le code CSS (nouveau fichier, même nom et extension)

2 ) Modifier le code CSS ; c’est plus hasardeux, mais cela peut devenir nécéssaire si je veux vraiment maîtriser mon sujet et créer quelque chose de vraiment innovant. (ce qui sera la cas si je fais du webdesign pro)

Pages :

Doc de wootique : http://docs.woothemes.com/document/wootique/

Doc de woothemes : http://docs.woothemes.com/document/theme-structure/

la page de WP pour éditer le CSS : http://en.support.wordpress.com/custom-design/editing-css/

Editeur WP payant :

http://en.support.wordpress.com/custom-design/

Bidouille wootique

(Version provisoire – Post en cours d’édition)

Je travaille avec les extensions WooCommerce et le thème wootique, en local (voir aussi le tag « Local »)

http://wordpress.org/plugins/woocommerce/

http://www.woothemes.com/

0http://www.woothemes.com/products/wootique/

Comme d’habitude en local, il faut commencer par créer un thème enfant avant toute personnalisation, sinon on risque de perdre les modifications à la mise à jour du thème.

Bidouilles en cours :

J’ai tenté de décoder une URI en base 64 trouvée dans le thème wootique, mais peau de balle.  Il faudra essayer autre chose et faire une vraie comparaison avec artificer, mais si je ne peux pas trafiquer wootique, je crois que je vais l’abandonner …

Edit du 26/11 :

Erreur de débutant. Encore une fois, « R.T.F.M. » = « Read The F***ing Manual » (Lire Le P***** De Manuel) … Voir la doc ci-dessous :

http://docs.woothemes.com/document/wootique/

http://docs.woothemes.com/documentation/plugins/woocommerce/

bidouille Artificer

(Version provisoire – Post en cours d’édition)

Je travaille avec l’extension WooCommerce et le thème artificer, en local (voir aussi le tag « Local »)

http://wordpress.org/plugins/woocommerce/

http://www.woothemes.com/

http://www.woothemes.com/products/artificer/

Comme d’habitude en local, il faut commencer par créer un thème enfant avant toute personnalisation, sinon on risque de perdre les modifications à la mise à jour du thème.

Bidouilles en cours :

Je crois avoir trouvé comment changer le background du thème artificer. Avec Firebug, j’ai pu remonter sur l’élément parent dans la feuille de style « style.css », à la ligne 307.

dans FireBug, cela donne :

html {
    background: url(« images/body.gif ») repeat scroll 0 0 #E6E1DD;
    font-size: 62.5%;
}
Ce qui correspond normalement au chemin :
C:\wamp\www\storetest02\wp-content\themes\artificer\images
Je vais modifier le fichier pour voir ce que ça donne …
Ca marche ! le fichier par lequel j’ai remplacé body.gif (renommé en body.old.gif au cas où) est bien pris en compte. Le motif n’est pas terrible à cause de la répétition du motif qui est décalée, mais ça marche !
Il va falloir travailler sur le CSS/HTML pour maîtriser les effets d’affichage (repeat, size=auto, etc).