Dreamweaver gratuit

Thème gratuit Wordpress pour site de e-commerce

24 novembre 2009 | Posté par caroder à 20:42

Il y a quelques temps j'avais proposé une boite à outils pour monter un site de e-commerce gratuitement avec Wordpress. Les thèmes dédiés au plugin e-Commerce et gratuits étant rares, il était naturel que je vous fasse partager cette dernière trouvaille : AppCloud.

Vous pouvez voir une démo de thème ici et télécharger le thème par là.

NB : dans la démo on vous propose d'acheter la version premium de ce thème. Le lien de téléchargement que je vous donne ci-dessus correspond bien à la version de base gratuite de ce thème...

Je profite de ce billet pour vous rappeler que je propose sur ce site mon propre thème gratuit Wordpress en HTML5.

A free HTML5 Wordpress Theme - Download and try it now !

17 novembre 2009 | Posté par caroder à 19:56

Dreamweaver Gratuit is proud to announce its first Wordpress theme, FreeDream, a HTML5 theme using some CSS3 properties. FreeDream is simple, clean and elegant, a design I made for my blog's readers.

This theme utilizes two columns, 960 pixels wide layout, one sidebar, widget ready.

Some highlights:

• HTML5 markup. It uses the HTML5 markup and the design is fine in every current browsers, including IE6.
• A specific 404 page. The 404 template of this theme provides your readers with a list of recent articles.
• Archives template. An archives template that supports categories, tags and monthly views.
• CSS3. All the rounded corner in this theme are displayed with de border radius property. But the design is perfectly fine with IE.
• Twitter. This theme allows you to provide your Twitter.

Feel free to use as you please, I just would be really grateful if you keep the Dreamweaver Gratuit link at the bottom. Thanks and enjoy.

Download FreeDream

*****************************************************

Pour mes lecteurs français :

je vous propose ici de télécharger ci-dessus mon 1er thème Wordpress gratuit qui utilise HTML5 et quelques propriétés CSS3. Le design de ce thème fonctionne parfaitement sur les navigateurs les plus anciens tels que IE6 sans en altérer fondamentalement le design.

Tout Wordpress pour webdesigner en 5 pages !

02 novembre 2009 | Posté par caroder à 16:11

Voici un excellent guide pratique abrégé pour les développeurs de thèmes Wordpress. En 5 pages, voici réunies la totalité des commandes pour réaliser un thème Worpress (description détaillée et exemples de code).

WordPress 2.8 Visual Cheat Sheet

Pour télécharger le PDF de ces slides : http://woorkup.com/2009/11/01/wordpress-visual-cheat-sheet/

Tutorial sur les bases de la création de thème Wordpress avec Dreamweaver

31 août 2009 | Posté par caroder à 09:16

De retour de vacances ! Voici donc le billet de rentrée de Dreamweaver Gratuit.

Le site de Adobe a publié il y a quelques jours un tutorial sur répertoriant les connaissances de bases concernant la création de Theme Wordpress avec Dreamweaver. Cet article inclut l'utilisation de l'extension ThemeDreamer dont j'avais parlé ici (extension payante mais fort utile) ou bien la méthode traditionnelle dont vous trouverez l'équivalent en français dans mes billets :

• Créer ou modifier un thème Wordpress avec Dreamweaver - Part 1
• Créer ou modifier un thème Wordpress avec Dreamweaver - Part 2

Ce tutorial en anglais de Ryan Grabenstein comprendra 3 parties dont deux sont à paraître et ne manqueront pas de vous être signalés dans ce blog.

Tutorial html5 et css3

19 août 2009 | Posté par caroder à 09:05

Vous allez commencer prochainement le design d'un site (plus exactement dans le tutorial d'aujourd'hui, un blog Wordpress) et vous voulez déjà être prêt pour html5 et utiliser les propriétés les plus intéressantes de CSS3. Vous êtes par nature un early adopter. Enfin, vous n'êtes pas un ayatollah de la compatibilité. Ne passez donc pas votre chemin, vous avez trouvé le tutorial qu'il vous faut !! :-)

Si vous souhaitez utiliser dès maintenant ces fameuses balises html5 et explorer de nouvelles possibilités graphiques avec les CSS3, voici ce que vous allez apprendre à faire :

1. permettre au navigateur d'interpréter les balises HTML 5.
2. Utilisez les balises html5 pour le zonage de la page
   1. <header> pour le header de la page mais aussi pour celui d'un article
   2. <footer> pour le footer de la page mais aussi pour celui d'un article
   3. <hgroup> pour regrouper les différents niveaux de titre dans votre header de page
   4. <article> pour délimiter le contenu de la page
   5. <section> pour indiquer les différentes parties de votre article
   6. <aside> pour indiquer des références en compléments de votre article
   7. <nav> pour baliser les éléments de navigation
   8. <time> pour donner une date de parution
3. Essayez de nouvelles possibilités graphiques avec les CSS3 :
   1. Générer des blocs à coins arrondis via border-radius
   2. Créer des ombres à du texte via text-shadow
   3. Créer un imprimé type bayadère sur une bordure en CSS via border-left-colors
   4. Créer un effet de dégradé sur le fond de page (aucune image utilisée) via box-shadow
   5. Jouer les effets de transparence sur les images via opacity

Le design de ce tutorial HTML5 et CSS3 pour blog Wordpress est réalisée entièrement sans images (sauf illustrations en provenance de Flickr) , uniquement avec de la typographie et les possibilités graphiques de CSS3.

Pour apprendre à faire tout ceci, cliquez sur le lien suivant (le design ne s'affichera correctement qu'avec les navigateurs énumérés ci-dessus) et affichez le code source de la page: tout y est commenté pour votre apprentissage.

Fichier de la page HTML5 et CSS3

Nouveau theme wordpress gratuit e-commerce

30 juillet 2009 | Posté par caroder à 12:26

C'est assez rare pour le mentionner : le second thème Wordpress gratuit pour e-commerce est né (pour ceux qui n'ont pas lu mon précédent billet sur wordpress et e-shop, il n'en existe qu'un autre, c'est Crafty Cart)...

Il est assez joli et s'appelle SimpleCart.

Vous pouvez en voir la démo et le télécharger ici : http://www.chris-wallace.com/2009/07/17/simplecartjs-a-free-wp-e-commerce-thematic-child-theme/

Thèmes gratuits Wordpress inspirés de la typographie

14 juillet 2009 | Posté par caroder à 22:17

Dans la continuité de mon billet sur l'utilisation de la typographie dans le design web avec Dreamweaver, voici des thèmes Wordpress gratuits dont le design est essentiellement basé sur les effets de la typo. Ces designs web gratuits sont le résultat d'un concours organisé par Smashing Magazine. Le résultat est époustouflant, particulièrement pour les trois premiers lauréats dont voici une préview :

Le gagnant intitulé "T-20", d'inspiration presse quotidienne anglo-saxonne

Le 2e lauréat dont le thème est basé sur la typographie "Georgia"

Le 3e, qui a ma préférence, d'inspiration suisse : "Experimental"

Inutile de préciser que ces designs sont valides XHTML.
Pour télécharger ces thèmes : http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/

Monter un site de e-commerce avec Wordpress : boîte à outils

06 juillet 2009 | Posté par caroder à 19:11

Pour monter un site de e-commerce avec Wordpress entièrement gratuitement (excepté le prix de l'hébergement), voici un petit tutorial ou plutôt une boîte à outils :

1. Vérifiez d'abord que le résultat final correspondra à vos attentes ! Vous pouvez consulter par exemple :
   http://www.seekanddestroyclothing.com/
   http://www.imagecubes.com/
   http://www.yayforpins.com
2. Ouvrez un compte paypal si ce n'est déjà fait
3. Téléchargez Wordpress
4. Téléchargez le plugin gratuit e-commerce pour Wordpress
   NB : Ma Boutique est le hack du plugin ci-dessus afin de l'adapter au marché français. Attention : ce plugin ne semble plus maintenu. Il m' a été impossible de contacter le webmestre du site.
5. Téléchargez le thème gratuit Crafty pour le plugin Wordpress e-commerce (il existe aussi http://shoppingthemes.com/vanillacart/ mais moins bien à mon avis).
6. Consultez le tutorial vidéo ci-dessous pour installer votre site :

Concours de thèmes Wordpress

09 juin 2009 | Posté par caroder à 19:54

Depuis quelques jours, j'ai ouvert un compte Twitter que je destine à mes lecteurs anglophones (c'est la raison pour laquelle je n'en ai pas encore parlé ici). Parmi mes quelques followers, j'ai découvert le site Webitect qui a la particularité d'être animé par une jeune américaine de 19 ans.

Kayla (puisque c'est son nom) a lancé son premier site internet à l'age de 12 ans et fait donc d'ores et déjà preuve d'une jolie maturité dans sa connaissance des techniques internet, aussi bien en matière de développement, que de design, de blogging ou de référencement.

Elle a décidé de lancer un (modeste) concours de design de theme Wordpress avec les (certes petits) prix suivants :

• 1re place: 100$ via PayPal ou un an de bannière publicitaire sur Webitect.net
• 2e place: 50$ via PayPal ou 6 mois de bannière publicitaire sur Webitect.net
• 3e place: 25$ via PayPal ou un nom de domaine gratuit
• Tous les participants peuvent demander à ce que leur thème soit téléchargeable sur le site Webitect durant et après le concours, étant entendu que le thème en question peut comporter un lien vers votre site web personnel.

Quelques éléments du réglement de ce concours :

• Tous les thèmes doivent être réalisés avec la plus récente version de Wordpress (2.7)

• La sidebar doit être widgetizée.

• Les thèmes doivent êtres valides XHTML, à l'exception de certains hacks IE.

• Les thèmes, les logos et le style doivent être suffisamment généraux pour intéresser un large public.

Enfin Kayla me demande de vous préciser qu'elle ne parle malheureusement pas français et qu'il vous faudra donc communiquer avec elle en anglais :(

Toutes les informations ici : http://webitect.net/design/wordpress-theme-contest.php

4 magnifiques thèmes gratuits + nouvelle extension Dreamweaver pour Wordpress

08 juin 2009 | Posté par caroder à 09:38

En me balladant dans le très célèbre blog Smashing Magazine (lui même propulsé par Worpress), j'ai découvert ces 4 thèmes gratuits d'excellente facture. Tout l'intérêt de ces thèmes est qu'ils sont livrés avec les fichiers sources (.psd) Photoshop pour les images !!

Notepad Chaos

Vintage + Blues

Wordpress Fun

J'en profite pour vous rappeler qu'il existe une extension gratuite Dreamweaver pour travailler des thèmes Wordpress. Malheureusement, celle-ci ne permet pas de travailler ses thèmes en mode designer mais seulement en mode codeur. Vous pouvez cependant télécharger une version gratuite d'évaluation de ThemeDreamer : cette extension permet de travailler ses thèmes Wordpress en wysiwyg, donc en mode designer. Il vous faudra pour cela vous enregistrer sur le site : http://www.themedreamer.com/buy

Exemple de la prévisualisation du thème en mode Designer

Si vous souhaitez acquérir la licence complète, il vous en coûtera 29,95 $ :(