Archives pour la catégorie Creation

Notes relatives à la création (P.A.O., Thèmes, chartes graphiques, …)

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é 😛

Installation de WP (localhost)

😦

Juste un pense-bête; je ne fais pas assez souvent d’installations de WP, j’ai un peu oublié comment faire. On part d’une situation où WAMPServer est installé (voir ici)

1 ) Télécharger ou retrouver le *.zip de WordPress

2 ) Extraire dans c:\wamp\www\nomdusite

3 ) Démarrer le serveur WAMP (en tant qu’administrateur, des fois que)

4 ) Aller à la page phpMyAdmin de WAMPserver

5 ) Créer la base de données nomdusite

6 ) Dans le browser, aller à localhost/nomdusite : il sera demandé les infos pour « monter » la base WP

nom de la base : nomdusite

utilisateur : root (utilisé lors de l’installation de WAMPserver)

mot de passe : motdepasse (utilisé lors de l’installation de WAMPserver)

hote/adresse serveur : localhost

7 ) Fini ! Il ne reste plus qu’à faire la mise à jour éventuelle de WP (depuis le tableau de bord), importer et activer le thème, créer le thème enfant, et importer et activer les plugins …

Pour plus d’infos ou illustration, voir :

https://www.youtube.com/watch?v=sDNWXsdDD60

ou https://www.youtube.com/watch?v=3BM1lJF1aU4

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/

GIMP – Premiere synthèse

OK … Un pont 🙂 et une semaine pas très productive 😦 plus tard :

– J’ai installé GIMP 2.8.8

http://www.gimp.org/downloads/

– ainsi qu’un pack d’extensions incluant notamment GAP 2.6 pour les animations, ReSynthetizer pour gommer/supprimer des éléments de l’image, Flame, etc.

http://code.google.com/p/gimp-extensions/

La page officielle des plugins n’est pas super facile à exploiter :

http://registry.gimp.org/

J’ai pu commencer à jouer un peu avec GIMP; la première chose à faire après installation est d’afficher la barre d’outils (Ctrl + B), puis d’activer l’affichage en fenêtre unique (Menu « Fenêtres »).

Cela crée une zone de stockage pour un certain nombre d’outils; cliquer sur la flèche dans le coin supérieur droit de la zone pour « Ajouter un onglet ». J’ai choisi :

– Historique d’annulation

– Calques

– Chemins (pour détourer des objets dans l’image)

– Brosses

– Couleurs (mais je ne vais peut-être pas le garder)

– Dégradés (je travaille dessus en ce moment)

– Options de l’outil ; sert de « menu contextuel » pour l’outil en cours d’utilisation, très pratique.

J’affiche cette zone à gauche de l’écran. son utilisation (navigation par onglets, ajout/suppression d’onglets) est assez intuitive. Comme avec Photoshop, un grand écran s’impose (pas sûr que l’affichage sur deux écrans fonctionne, et comme je suis sur un portable :-p)

Pour zoomer sur l’image, Ctrl + Molette souris.

Résumé : Installation facile et très compléte avec les deux liens ci-dessus, interface riche mais un peu touffue pour un débutant complet. Par contre, il y a beaucoup de tutoriels sur Youtube, y compris en français. Pour le reste … Pas besoin de s’emm… à télécharger une version pirate de Photoshop qui est de toutes façons en train de migrer sur le Cloud, et vive le Logiciel Libre !!!

Pour la suite : il va falloir se coltiner tout ce qui a trait aux claques, masques de calques, transparences, etc. Je vais peut-être revenir à WP pour tester le nouveau thème 2014 (Twentyfourteen), et régler mes problèmes de customisation de thèmes avec mes images.

Thème enfant

Créer un thème enfant permet, en partant d’un  thème parent, de créer un thème customisé. Les modifications ne seront pas affectées par la mise à jour du thème parent (dans le cas d’un thème « officiel » ou « sponsorisé »), et le thème enfant héritera des améliorations de la MAJ.

http://www.journaldunet.com/developpeur/outils/theme-enfant-wordpress.shtml

La doc WP en français :

http://codex.wordpress.org/fr:Th%C3%A8mes_Enfant

Tutoriel vidéo avec le thème artificer :

https://www.youtube.com/watch?v=PwoXIscTF8U

Autre tutoriel vidéo, en français 😉

https://www.youtube.com/watch?v=sgEY1Gu7Zis

Incontournable P.A.O.

Bon. J’aurais autant aimé m’en dispenser, mais la P.A.O. (au moins quelques notions) est incontournable pour éditer les images que je veux utiliser pour créer ou customiser mes thèmes : sauf à les créer soi-même (et même comme ça), il faut toujours agrandir, retoucher, prolonger, couper, etc.

Il existe des sites de P.A.O. online, mais comme je préfère avoir mes outils sous la main, j’ai choisi GIMP.

http://www.gimp.org/downloads/

( programme et manuels)

Donc, je vais commencer par me faire la main sur GIMP 2.8.6 (ou plus) …