Créer ou modifier un thème de Wordpress avec Dreamweaver – Part 1 Créer ou modifier un thème de Wordpress avec Dreamweaver – Part 1 17 février 2008 | Posté par caroder à 15:49 Il existe des milliers de thèmes Wordpress gratuits ou payants. Mais pour tous ceux qui désirent créer ou modifier un thème Wordpress en utilisant Dreamweaver voici un bref tutorial pour les aider à progresser dans cette voie. Pour ce tutorial, on supposera que vous avez installé EasyPHP en local sur votre serveur de développement. Télécharger Wordpress dans sa dernière version. Wordpress, comme vous le savez peut-être, utilise un dossier de templates nommé « theme » disponible dans le dossier wp-content. Pour créer votre propre thème, nous allons employer une méthode qui n’est certes pas la plus orthodoxe mais qui permet à un débutant de très rapidement prendre en main la création de thème. Pour cela, copier le dossier du thème que vous avez choisi et donnez lui le nom que vous souhaitez donner à votre thème (par exemple « monblog »).
jq-tiles Pig ham: hock pork loin brisket pastrami frankfurter andouille. Sausage: ground round sirloin ball tip beef ribs. Pork turkey: shoulder, filet mignon chuck t-bone bacon. Short loin: pig jowl fatback, pork loin pork chop. « PrevNext » Brace entend bien simplifier l'hébergement web Si vous hébergez un site web, chez vous ou sur un serveur distant, vous savez à quel point il peut être fastidieux de gérer l'hébergement dudit site. Entre les accès, les fichiers, les versions et les services, la moindre modification peut prendre un certain temps. Avec les services de stockage de fichiers dans le cloud, la donne change. Brace vous propose une nouvelle approche. Exit les FTP et autres connexions SSH pour effectuer la moindre retouche sur l’un des fichiers de votre site. Mais Brace ne s’arrête pas là. Le service n’est pas encore officiellement lancé, la bêta ouvrira en Octobre, nul doute que nous en saurons davantage sur les possibilités de cet outil.
Exporter Importer son blog Wordpress AVEC ses images au bon endroit Importer son blog demande quelques réglages préalables si vous désirez une copie identique Comment exporter ou importer son blog, en local ou ailleurs, sans devoir chipoter pour récupérer ses images et obtenir les mêmes ID partout ? Il faut préparer son WordPress d’accueil et bien définir son dossier uploads. La méthode sécurisée et complète est celle qui passe par la base de données. L’autre, que nous allons voir ici est la fonction importer de WordPress. Étape 1 : Exporter votre blog Blog en ligne => tableau de bord => Options => Exporter => Télécharger. Étape 2 : Effectuez les réglages de votre nouveau WordPress à l’identique de l’ancien (ou de votre blog en ligne s’il s’agit d’une copie pour travail en local) Blog en ligne => tableau de bord => Réglages => tous les onglets. Étape 3 : Supprimez la page et article livré par défaut dans votre nouveau wordpress Blog en ligne => tableau de bord => Articles / Pages. Étape 4 : Téléchargez votre blog sur votre disque dur require_once(ABSPATH.'
La plateforme de blog Ghost est dispo en téléchargement « Korben Korben La plateforme de blog Ghost est dispo en téléchargement Je ne sais pas si vous vous intéressez un peu aux CMS, mais en ce qui concerne les sites web et le blogging, j'en ai testé plusieurs et WordPress reste ma référence. Alors OK, il peut avoir des petits aspects un peu lourdingues, mais il y une telle communauté et tellement de plugins et de ressources autour qu'il m'apporte une grande autonomie et surtout permet d'aller plus loin que le simple blog. La preuve avec ce site qui recense les projets utilisant WordPress plus comme un CMS que comme un blog. Mais un petit challenger destiné à 100% au blogging vient d'apparaitre sous le nom de Ghost. La particularité du projet Ghost, c'est qu'il est open source et que la boite qui le supporte tourne en mode Non Profit, c'est-à-dire qu'il n'y a pas d'actionnaires pour s'en mettre plein les poches. Reste à voir maintenant si ça suivra derrière, mais c'est plutôt bien parti. Vous avez aimé cet article ?
Optimisation WordPress avec GTMetrix et W3 Total Cache En plus d’être une recommandation de Google en terme de SEO, le chargement rapide d’un site est également plus agréable pour les visiteurs. L’optimisation WordPress peut être faite de plusieurs façons, celle que j’ai choisie est de tester les performances avec GTMetrix pour améliorer mon blog avec l’extension WordPress W3 Total Cache. Voyons les étapes qui m’ont permis d’améliorer les performances de ce blog. GTMetrix ? GTMetrix est un outil permettant de tester les performances d’un site ou d’un blog et qui préconise des améliorations le cas échéant. Google propose également un outil, Google Page Speed, qui possède des critères très similaires, la principale différence étant que la performance du serveur est également mesurée. J’ai donc préféré GTMetrix pour faciliter la comparaison entre chaque amélioration, mais en gardant toujours un oeil sur Google Page Speed. Un autre avantage de GTMetrix : une page de préconisations est dédiée à l’optimisation WordPress. Situation de départ devient :
Générer facilement vos sprites CSS Générer facilement vos sprites CSS Si vous cherchez un moyen simple de faire vos propres fichiers de sprites CSS pour votre site web, il existe une application web baptisée Stitches qui va bien vous simplifier la vie. Pas besoin d'avoir Photoshop, vous glissez-déposez toutes les images que vous souhaitez placer sur cette image unique et Stitches déterminera automatiquement l'emplacement en pixels de chaque image et vous fournira le code HTML à insérer dans vos pages. Comme c'est un générateur, l'implémentation passera forcément par un JS et une CSS standard. Ce n'est pas forcement aussi clean que de tout se taper à la main, mais pour ceux qui n'ont pas le temps ou les débutants, ça peut bien aider. Ah et j'oubliais, Stitches est libre et les sources sont sur Github. Merci beaucoup à Aleksander pour le partage ! Vous avez aimé cet article ?
Google writing Le Google Writing traduit par « l’écriture Google », est un ensemble de techniques et de règles éditoriales, à respecter et à mettre en place à chaque rédaction web. Il s’agit ici de rédiger un contenu à la fois, simple, attractif et compréhensible par votre cible tout en étant bien optimisé pour le référencement. Cette étape de rédaction pour le web est fondamentale dans une stratégie de référencement naturel. Google ne donne quasiment aucune information quant à la mise en valeur d’un contenu web, mais nous l’avons pertinemment remarqué, un contenu de qualité prime dans les SERP. Un contenu de qualité vous permettra de gagner en visibilité et en positionnement, donc en référencement naturel. Voici quelques astuces pour bien mettre en valeur votre contenu, afin de satisfaire les robots des moteurs de recherche ainsi que votre lectorat. Par Alexandra (invitée) La densité et l’occurrence de mots clefs : une idée reçue Attention ! Ne vous focalisez plus sur cette « densité ». Article connexe :
LUTIm - Un script pour héberger vos images LUTIm – Un script pour héberger vos images Si vous cherchez un outil pour héberger vous-même vos images simplement, sans avoir à les confier à un service américain ou autre, j'ai ce qu'il vous faut. Cela s'appelle LUTIm, ça se prononce Lutin, et c'est libre sous licence AGPL. LUTIm est développé par le français Luc Didry en Perl et utilise le framework Mojolicious, JQuery et Bootstrap. Niveau fonctionnalité, c'est très simple... Vous glissez-déposez votre image, choisissez une durée de conservation (supprimée au premier visionnage, 24h, 7 jours, 30 jours, 1 an, pas de limite...) ...Et vous récupérez des URLs à exploiter directement sur le web. LUTIm existe aussi en version hébergée et vous pouvez l'utiliser comme n'importe quel autre service similaire. Cliquez ici pour récupérer les sources de LUTIm. Source Vous avez aimé cet article ?
Retina.js | Retina graphics for your website How it works When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place. The script assumes you use Apple's prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server. For example, if you have an image on your page that looks like this: <img src="/images/my_image.png" /> The script will check your server to see if an alternative image exists at this path: "/images/my_image@2x.png" How to use JavaScript The JavaScript helper script automatically replaces images on your page with high-resolution variants (if they exist). Place the retina.js file on your server Include the script on your page <script type="text/javascript" src="/scripts/retina.js"></script> (put it at the bottom of your template, before your closing </body> tag) That's it! Steps: Download Download zip Download source Contribute