background preloader

CMS

Facebook Twitter

Dashboard - PrestaShop documentation. Website Templates | WordPress Themes | ThemeForest. Tutodrupal7_installationdrupalversion7.pdf. Créé par Camtasia Studio 7. Anatomie d'un thème - Le Guide WordPress Le Guide WordPress: tutoriel, astuces, plugins et hébergement. 1 thème, c'est 1 feuille de style, 1 screenshot, et des templates.

Style.css : la feuille de style Ce fichier doit s’appeler style.css et il est indispensable. Pourquoi ? Il contient les informations relatives au thème. Elles sont écrites sous forme de commentaire CSS en haut de la feuille de style : Screenshot.png : 880×660 Le screenshot s’affiche dans l’administration. Les templates C’est quoi un template ?

Un template, c’est un fichier PHP est appelé par WordPress pour générer du HTML. <! Le code est principalement du HTML dans lequel on a ajouté 3 zones de PHP pour insérer du contenu variable. Stylesheet_url : l’url de la feuille de style, soit blog.fr/wp-content/theme/mon-theme/style.cssname : le nom du site (paramétrable dans l’administration)description : le slogan Cet exemple de index.php est très pauvre en code, certes, mais il est suffisant. Par souci d’espace horizontal, j’utiliserai des double-espace en lieu et place des tabulations habituelles pour indenter le code. Plan d’un blog. Plugins pour Wordpress: que choisir et comment les installer? Des plugins pour WordPress ? Pour quoi faire ? Les plugins sont des modules optionnels que vous pouvez ajouter à WordPress pour compléter ses fonctionnalités.

Il en existe des milliers, mais seuls quelques uns sont vraiment très utiles. Ils ne sont utiles que si votre thème ne possède pas les fonctions qu’ils apportent! Je vous propose ici une petite sélection. Attention à ne pas surcharger votre installation en utilisant trop de plugins! Pour installer de nouveaux plugins à votre WordPress, cliquez, dans le back office, sur l’onglet Plugins. Par défaut, tout plugin que vous installerez sera désactivé, il faudra donc penser à l’activer ensuite! L’installation de base de Worpress comporte deux plugins inactifs: Akismet et Hello Dolly. Je préfère utiliser un système de CAPTCHA qui, même si il demande un peu plus de vigilance, est plus facile à implémenter. All In One SEO Pack (indispensable) – Pour un meilleur référencement Ce plugin vous aidera à optimiser le référencement de votre site. Boutique WordPress Theme. Thème WordPress Premium Headway. Prise en main et design d'un site web! Thème WordPress Premium HEADWAY: installation Headway n’est pas un thème WordPress premium comme les autres.

C’est une véritable suite de création de site web sous WordPress, un outil complet pour créer un site internet exactement comme vous l’imaginez! Le Thème Headway pour WordPress, késako? Vous imaginez bien que si une section entière lui est réservée, c’est qu’il y a de bonnes raisons! Headway est bien plus qu’un simple thème WordPress! Avec lui, il devient possible d’avoir un contrôle total sur tous les éléments de son site internet, donc de créer son site internet exactement comme on le souhaite! Cliquez sur l’image pour aller voir leur site! Plan de la section sur Headway Headway est articulé sur un outil nommé « Visual Editor », composé de deux zones de travail: A partir de ce que vous aurez décidé dans le Visual Editor, Headway génèrera automatiquement les « Templates », que vous pourrez ensuite assigner aux pages/posts de votre site Installation du thème WordPress Headway.

Headway Drag and Drop WordPress Website Builder. 9 solutions simples pour accélérer WordPress | PIXELJAGUAR. WordPress est, d’après mon expérience, l’une des meilleures plateformes actuelles de blog et de site que j’ai pu tester depuis une dizaine d’années, à condition de bien connaître le moteur et de ne pas avoir peur de mettre les mains dans le cambouis et de soulever le capot. WordPress propose une interface intuitive, une facilité d’utilisation sans égale, des plugins et des thèmes dont la seule limite est notre imagination. En plus, son côté SEO-friendly m’a rapidement convaincu.

Mais avoir un blog ou un site sous WordPress peut s’avérer compliqué par l’augmentation du nombre d’articles, et surtout si vous avez installé des dizaines de plugins (ou centaines…). Il peut devenir si lent qu’il faudra de longues minutes pour le charger, ce qui fera fuir de nombreux visiteurs, influençant du même coup votre référencement de façon désastreuse, puisque ce critère est apprécié par les algorithmes des moteurs de recherche. 1.

Le minimum requis pour le bon fonctionnement de WordPress 2. 3. 4. 5. 6. L'épopée - Lanfeust Officiel. Tutoriels. 8 nouveaux tutoriels webdesign gratuits Rien de mieux qu’une bonne dose de nouveaux tutoriels pour apprendre différentes nouvelles techniques, quelque soit votre niveau en webdesign. Prêt à vous y mettre ? C’est parti ! 10 tutoriels webdesign gratuits pour vous perfectionner Les bons tutoriels représentent un moyen idéal pour se perfectionner en webdesign, aussi bien en technique que pour développer sa créativité. Créer un webdesign e-commerce : tutoriel complet Si vous suivez régulièrement le blog, vous avez forcément entendu parlé du tutoriel webdesign e-commerce Fine Cookies. Tutoriel Photoshop : créer un design e-commerce Les tutoriels webdesign gratuits, complets et en français sont plutôt rares.

Apprenez HTML5, CSS3, Javascript avec The CodePlayer Les tutoriels vidéos sur de l’intégration et le développement web se font plutôt rare. La boite à outils de la parallaxe Bientôt deux ans que les effets de parallaxe font partie du quotidien sur le web. 10 tutoriels et ressources Jquery/CSS3. SELFHTML: Feuilles de style CSS / Propriétés CSS / Marges et espace. Généralités sur les espaces et les marges La marge extérieure et l'espace signifient: un espace libre imposé entre l'élément actuel et son élément parent ou l'élément voisin.

Pour un élément p, donc un paragraphe de texte par exemple , qui est noté directement à l'intérieur du repère body, les mentions pour la marge gauche et droite marquent l'espace qui le sépare des limites de l'élément body. Si plusieurs de ces éléments p se suivent, les mentions de marge haute et droite marquent l'espace qui sépare les paragraphes. L'illustration suivante illustre les possibilités pour définir les marges extérieures et les espaces: Les propriétés CSS décrites ici sont judicieuses pour tous les éléments HTML qui créent leur propre paragraphe ou qui forment un bloc, donc par exemple pour h[1-6], p, blockquote, address ou bien pre. Avec des valeurs relatives, des mentions comme par exemple -18mm, vous pouvez obtenir aux fins de structure particulière, que des éléments se chevauchent.

Exemple: Explication: 27 Templates HTML5/CSS3 Gratuits pour Sites d'Entreprise | Beaux Themes. Voici une liste de superbes templates HTML5 et CSS3 gratuits qui vous aiderons à créer le site internet de votre business (entreprise) avant ce soir minuit. Voyez de vous même. Il y a quelques années, la création de sites internet était tout un casse-tête surtout pour les débutants en HTML et CSS.

Mais aujourd’hui avec le grand avènement des templates, le temps et l’énergie requis pour concevoir un site web unique, fonctionnel et professionnel ont été considérablement réduis. Même les webmasters chevronnés s’en réjouissent. Si vous êtes sur cette page, c’est surement parce que vous désirez gagner du temps, de l’énergie et de l’argent lors de la création de vos sites internet. Et bien si c’est le cas, alors vous êtes au bon endroit. Ce site web a été créé juste pour cela; c’est-à-dire vous offrir des thèmes et templates en téléchargement gratuit et vous recommander du premium pas cher. 1. Télécharger: Action (4287 téléchargements) 2. Télécharger: Bizz (3781 téléchargements) 3. 4. 5. 6. 7. Créez votre thème WordPress de A à Z at Fran6art.com, blog d'un webdesigner spécialiste WordPress.

Update du 5 Octobre 2011: les tutoriels ont beau datés de 2007, ils sont en cours de modifications pour y ajouter les fonctionnalités des dernières versions de WordPress. Quoi qu’il en soit, ils sont toujours d’actualité et ont été mis à jour plusieurs fois. Peut-être que vous aimeriez créer votre propre thème pour votre blog et que vous ne savez pas trop comment vous y prendre ? Et bien, dans les semaines qui vont venir, je vais vous expliquer les différentes étapes à suivre, pas à pas, pour que n’importe qui (ou presque) puisse créer son propre thème. On va voir l’installation de WordPress sur votre ordinateur, les différents types de fichiers, leurs hiérarchies, et les interactions entre eux.

Quoi qu’il en soit, quelques petits prérequis seront nécessaires. On va évoquer les différentes étapes et aborder aussi bien le design que l’intégration d’un thème sur WordPress. Je ne dis pas que la méthode que je vais présenter est la meilleure mais en tout cas, elle est celle que j’utilise ! 3 Templates HTML5 pour Restaurants et Fast Food - BeauxThemes. Voici une liste de 3 beaux templates HTML5/CSS3 gratuits qui vont vous donner l’appetit lorsque vous les verez pour la première fois. Ils sont tout simplement prêts à être savourés par tous ceux qui désirent créer un site web pour restaurants, fast food, cafés et tout autre établissement alimentaire. Avec leur captivant slider (diaporama), ces 3 templates vous donne l’opportunité de retenir l’attention de vos visiteurs dès qu’ils atterissent sur votre site web.

Ils seront accrochés par la beauté de votre site web. Leurs couleurs (verte, grise, magenta, jaune, ) très attrayantes et bien coordonnées laisseront vos clients sans un mot. Si vous êtes le propriétaire d’un restaurant ou d’un fast food ou encore le webmaster, alors je pense que ces templates HTML/CSS vous donneront un gros coup de pousse. Ces templates HTML5 gratuits contiennent des sections et des pages destinées à présenter votre institution alimentaire et votre cordon bleu au monde entier. 1. Demo Télécharger: Gourmet (1527) 2. Comment migrer son site WordPress pas à pas. Dans ce tutoriel, nous verrons comment passer d’une version locale de site vers une version en ligne. Cette méthode est aussi valable quand vous devez changer de nom de domaine ou déplacer votre site d’un répertoire à un autre ou enfin si vous devez passer une version en ligne vers une version locale.

Le plus important sera d’utiliser les URL appropriées (ancien vers nouveau site). Présentation Au début d’un projet, il est courant de travailler d’abord en local. Que signifie travailler en local. En fait, vous simulez un serveur web sur votre machine. Il utile de travailler en local pour plusieurs raisons: nous n’avons pas besoin de connexion web. Sur Mac, le plus connu est MAMP. Exportation depuis la version locale du site Une fois votre site finalisé, vous désirez migrer cette version vers ce qui sera votre site définitif en ligne, sur votre serveur distant. Exportation du dossier WordPress Exportation de la base de données Et c’est tout pour les réglages.

Importation de la base de données. Comment optimiser la vitesse de chargement de votre site WordPress - Performance Web. Pourquoi la vitesse est-elle aussi importante? Optimiser la vitesse de chargement de votre site est très important, non seulement pour votre visiteur, mais également pour les moteurs de recherches tels que Google. Optimiser votre site: Réduis le taux de rebond « Bounce Rate ». Augmente le temps passé sur votre site.

Augmente le nombre de pages vues. Concernant l’amélioration de votre position, les moteurs de recherche mesurent la vitesse de votre site web dans leur algorithme. Outils pour tester la vitesse de chargement WebPageTest: Probablement le service le plus complet disponible sur le marché. Cet outil est également le seul à vous donner l’indice de vitesse de votre site. PageSpeed Insights: proviens directement du défunt Google labs. Attention, ce n’est pas parce que vous obtenez une mauvaise note que votre site est nécessairement lent et l’inverse est également vrai.

Pingdom Tool: Cet outil vous aidera à tester la vitesse de votre site Web, et ce rapidement. Le grand ménage Les images. Créez votre thème WordPress de A à Z at Fran6art.com, blog d'un webdesigner spécialiste WordPress. » Installer Prestashop sous MacOS avec Mamp. <div class="greet_block"><div class="greet_text"><div class="greet_image"><a href=" rel="nofollow"><img src=" alt="WP Greet Box icon"/></a></div>N'hésitez pas à vous inscrire au <a href=" rel="nofollow"><strong>flux RSS</strong></a> pour ne rater aucun article.

<div style="clear:both"></div></div></div> Suite à l’échec, d’un de nos lecteurs, pour l’installation de Prestashop sur MacOS en utilisant Mamp, nous allons vous présenter un petit guide rapide pour réaliser celle-ci. Téléchargement de Mamp Rendez-vous à l’adresse pour télécharger Mamp (pour cela : cliquer en bas à droite sur le bouton “download now”). Puis cliquez sur le lien vert “MAMP & MAMP PRO 1.7.2″ afin de télécharger l’application. Téléchargement de Prestashop Installation de Mamp Cliquez sur celui-ci. Conclusion. 5 règles à respecter avant de mettre sa boutique en production. Dans la plupart des cas, avant de lancer sa boutique en production, on passe par une étape de développement pendant laquelle on peut à loisir faire les ajustements nécessaires à une bonne expérience utilisateur tout en vérifiant les performances et la stabilité. Que cette boutique soit en local sur votre poste de travail, sur un serveur dédié à la pré-production ou directement à son emplacement final, elle comporte des options qui ne doivent surtout pas être utilisées en production.

En effet, en plus d’impacter considérablement les performances, elles affichent généralement des informations qui ne doivent pas être divulguées aux utilisateurs. En 1.5, nous avons centralisé une bonne partie de ces options dans l’onglet Paramètres Avancés > Performances afin que vous puissiez facilement les activer et désactiver. Mais les options les plus techniques sont accessibles uniquement via les fichiers de configuration. 1. 2. 3.

$smarty->debugging_ctrl = ‘URL’; /* ‘NONE’ on production */ par 4. 5. Premiers pas avec PrestaShop 1.6 - PrestaShop 1.6 - PrestaShop documentation. Contenu Il vous faut prendre le temps de vous assurer que toutes les fonctionnalités de votre future boutique sont bien en place, validées et prêtes à prendre vos premières commandes. PrestaShop facilite grandement la création d'une boutique en ligne, mais pas au point de pouvoir se mettre à vendre des produits dès les premières minutes suivant l'installation : ici, vous avez affaire à des produits, des clients, et surtout à un réel échange de devises, qui devront circuler de vos clients vers votre compte bancaire. De toute évidence, vous préféreriez qu'aucune faille ne vienne empêcher les transactions d'être validées, les produits d'être trouvés dans votre entrepôt et envoyés à vos clients sans erreur, ou même que quoi que ce soit d'inattendu n'arrive sans que vous ne soyez tenu au courant.

PrestaShop est un outil très complet, et l'étendue des possibilités peut sembler écrasante. Désactiver votre boutique Dans votre back-office, rendez-vous dans la page "Préférences / Maintenance". Icon. Installer PrestaShop 1.6 sur Mac - Part 2. WooCommerce - excelling eCommerce. WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control. With endless flexibility and access to hundreds of free and premium WordPress extensions, WooCommerce now powers 30% of all online stores — more than any other platform. Sell anything, anywhere With WooCommerce, you can sell both physical and digital goods in all shapes and sizes, offer product variations, multiple configurations, and instant downloads to shoppers, and even sell affiliate goods from online marketplaces.

With premium extensions, you can offer bookings, memberships, and recurring subscriptions. Perhaps you’d like to sell monthly subscriptions for physical goods, or offer your members a discount on digital downloads? Ship wherever you like Offer free shipping, flat rate shipping, or make real-time calculations. Extensions galore. WordPress et Référencement | SeoMix. Notice d'utilisation de WordPress, à lire entièrement et attentivement Dessine-Moi un Site. Reprenez goût au développement Wordpress grace à Themosis. 365 conseils e-commerce dans un e-book gratuit, sur le blog e-commerce.

Sopixi, une nouvelle solution gratuite de création de site web.