How To Create WordPress Themes From Scratch Part 1 » Themetation I’m going to show you how to create a wordpress theme from scratch in these 3 parts of tutorial series. I will cover from Structuring, designing in Photoshop, slicing, coding into fully css based html, and finally wordpress implementation. Table Of Content Below is the index of the topics that we will go through: Structuring This is a very important part in designing a web layout. HeaderPosting areaSidebarSingle pageCommentFeedbackSearching fieldPage menuRSSArchives, Links and About Page Something we need to keep in mind. Display too many things in one single page.Use too many colors and font type. In this sample, I also try to make is as simple as possible because the purpose of this series of tutorial is to give an example on how to create a wordpress theme. Final Result Photoshop Step 1 Create a new document with 1024px X 768px as we are going to create a layout which suit for 1024px resolution. Step 2 Grab the rectangle tool and draw a header for it. Step 3 I use Myriad Pro. Step 4 Step 5
Tout sur Free et Wordpress - Tutoriel Tout hébergement gratuit impose des limites, mais bien configuré Free est le plus fiable des gratuits. Sommaire IntroductionProblème de page blancheActiver votre site et MySQL chez FreeConfigurer php5 et .htaccessConfigurer wp-config et remplir formulaire installationRestrictions avec FreeLes permaliens chez FreeLiens utiles pour FreeAccès à votre SQLEn cas de problèmesRésumé installation update octobre 2010 : Article totalement modifié avec ajouts réponses aux problèmes et particularités. update février 2012 : la versionSQL et PHP chez Free.fr est obsolète. Intro Recensement des points essentiels à savoir, à faire, et liens utiles pour réussir un bon mariage entre WordPress et la version gratuite de l’hébergeur Free. Tous les serveurs gratuits ont leurs limitations techniques par rapport à un serveur payant. Un giga de place, gratuit à vie. Et quand je dis à vie c’est même un peu plus… Le site web sur Free d’un copain décédé demeure en ligne depuis des années. les tags complets (<?
La Bible de l'optimisation Wordpress Parfois vous tombez sur un article au hasard de votre veille et vous vous dites tout de suite « woaw, celui là même s’il est en anglais il ne faudra pas longtemps avant qu’il ne fasse le tour de la blogosphère et qu’il soit traduit en français« . Et puis quelques jours plus tard vous vous rendez compte que finalement non, il passe un peu inaperçu. Puisqu’il ne semble donc pas avoir fait l’objet d’une adaptation francophone, je me permet donc de m’atteler à la tâche du mieux que je peux pour le bonheur de tous ( si si même toi là au fond près de la fenêtre). Introduction Cette Bible de l’optimisation pour WordPress est une collection de tutoriels et d’astuces utiles afin d’améliorer au mieux la rapidité de votre blog WordPress. 1. La plupart du temps le problème des sites lent à afficher provient de la taille de la page. Pour vous atteler à régler le problème sérieusement vous avez besoin du navigateur Firefox et des extensions Firebug et YSlow. 2. 3. 4. 5. 6. Note : Agissez avec prudence.
Créer une page d'archives des articles classés par catégorie Créer une page d’archives n’est pas souvent une mince affaire. En effet, il existe de multiples façons de lister vos articles mais aussi vos catégories : par date, par ordre alphabétique, etc. C’est pourquoi, nous allons voir ici comment créer une page d’archives qui listera l’intégralité de vos articles lesquels seront triés par catégories et ce, pour votre blog WordPress. Création de la page archives.php A l’aide de votre éditeur HTML préféré – par exemple, Dreamweaver ou encore le bloc-notes, créez une nouvelle page que vous enregistrerez sous le nom suivant : archives.php. Capture d’écran – Bloc-notes, enregistrement de la page archives.php Insertion du code Dénomination de la page Ce morceau de code indique le nom de la page. Ainsi, pour la modifier en ligne, via l’éditeur WordPress, rendez-vous dans votre panneau d’administration WordPress, cliquez sur l’onglet Apparence puis sur Éditeur de thème. Dans la liste des fichiers présents, vous devriez retrouver alors archives.php. Annexes
Créer un sitemap sans plugin avec WordPress Un plan de site – sitemap en anglais, est très utile pour vos visiteurs et les moteurs de recherche qui visualisent en un coup d’œil la structure de votre site. Avec WordPress, quelques lignes de code suffisent en utilisant les modèle de pages. N.B : ce tutoriel a été mis à jour le 21/11/2012. Le principe expliqué dans la vidéo ne change pas pour autant, seuls les codes sources font l’objet d’évolutions importantes. Étape n°1 – Création du modèle de page PHP A l’aide du Bloc-note de votre choix, créez un nouveau fichier que vous intitulerez template-sitemap.php. Collez dans un premier temps les lignes de code suivante : Elles indiquent le nom du modèle de page qui sera affiché dans l’outil de création de pages de WordPress. Ensuite, nous allons reconstituer la structure de la page. Pour finir, copiez / collez les lignes de code PHP suivantes : <div id="content"><h2><? Envoyez à présent le fichier dans le dossier de votre thème localisé dans /wp-content/themes/NOM_DU_THEME/ Sur le même thème
Créer gratuitement un blog WordPress avec Free: étape 1 | : le blog de pj : Vous êtes abonnés internet chez Free et vous voulez créer un blog? Seulement, les services proposés comme Blogger, Over-blog et autre SkyBlog ne vous conviennent pas vraiment… Vous voulez être maître de votre blog, pouvoir le personnaliser de fond en comble? Alors vous êtes au bon endroit! WordPress est une plateforme de blog qui vous permet de faire à peu près tout ce que vous voulez en la matière. Tout d’abord, connectez vous à votre interface de gestion Free, votre identifiant étant votre adresse mail. Il vous faut alors « Activer votre compte pour les pages personnelles » ainsi que la « Base de données MySql ». En attendant, il va falloir trouver un pti nom à votre blog! Et tant que vous y êtes, vous pouvez aussi réfléchir au design de votre blog. Une fois que votre choix est fait, vous pouvez télécharger le fichier zip contenant le thème, et tant qu’on y est, téléchargez aussi tous les fichiers qui vont vous permettre d’installer le blog.
Créer facilement un portfolio avec Wordpress Ce tutoriel va vous aider à créer un portfolio très facilement grâce au moteur de blog WordPress. Je ne vais pas vous donner la recette secrète pour faire un thème WordPress tout beau tout chaud, mais je vais vous expliquer comment gérer remplacer vos articles par une galerie d’image et donc, votre portfolio. Dans le cadre d’une mise à jour importante de mon portfolio, je me suis dit, WordPress c’est pas mal, mais il est plutôt destiné à la publication d’article. Puis je me suis rappelé que l’option « Champs Personnalisés » vous permet d’entrer n’importe quoi, n’importe où dans votre blog. Vous pouvez également découvrir notre sélection pour modifier photo. <div class="post" id="post-<? La fonction « mini » affichera la photo en miniature, il faudra donc prévoir une miniature… et la fonction « url » contiendra l’url de l’image en taille réelle. Et voilà, vous avez une galerie/portfolio sous WordPress.
Ppage d’archives des articles Ref: Créer une page d’archives n’est pas souvent une mince affaire. En effet, il existe de multiples façons de lister vos articles mais aussi vos catégories : par date, par ordre alphabétique, etc. Création de la page archives.php A l’aide de votre éditeur HTML préféré – par exemple, Dreamweaver ou encore le bloc-notes, créez une nouvelle page que vous enregistrerez sous le nom suivant : archives.php. Capture d'écran - Bloc-notes, enregistrement de la page archives.php Insertion du code Dénomination de la page Ce morceau de code indique le nom de la page. Ainsi, pour la modifier en ligne, via l’éditeur WordPress, rendez-vous dans votre panneau d’administration WordPress, cliquez sur l’onglet Apparence puis sur Éditeur de thème. Détermination du nombre d’articles à afficher query_posts('showposts=1000&cat='. Le nombre 1 000 désigne le nombre d’articles à afficher sur la page. Changement du titre de la page <h2><a href="<? Mise en ligne du fichier archives.php
Ajouter le bouton Twitter sur votre blog WordPress ! Carrousel ou Slideshow WordPress : Le plugin! Par niss • 2 mar, 2008 • Catégorie: Customisations • Suite au succès de son magnifique thème Massive News, Jason, de l’excellent WPelements vient de mettre à la disposition du public son carrousel (slideshow) de cinq images en version plugin! C’est à dire qu’il n’y a plus besoin de vous cassez la tête à essayer de l’intégrer à vos différents thèmes, il suffit juste dorénavant d’uploader le plugin, de l’activer, de renseigner les zones à remplire dans le panneau d’admin et enfin d’insérer où bon vous semble ce petit morceau de code : Ensuite, si vous désirez changer la largeur et la hauteur du carrousel, rien de plus simple, direction le fichier “jd.gallery.css” (dans le répertoire “css” du plugin) et modifiez la zone suivante : Bref, que tu bonheur. Le plugin est disponible à l’adresse suivante : The Feature Content Gallery Plugin Articles Relatifs Aucun article relatif. Marqué comme: Carrousel, plugin, Slideshow ¤Le Code¤ ) - Puis laisser une ligne blanche avant et après le bloc ¤Le Code¤.