Article, Page, Catégorie & Tag WordPress, les différences Pour utiliser au mieux votre site WordPress, il vous faut parfaitement connaitre la structure (layout) des pages et des articles mais également ce qui différencie une catégorie d'une page, une page d'un article, etc... Sujet à de longues discussions et à de nombreux blocages lors de mes sessions de formation, j'ai décidé de publier ici un rappel des fondamentaux à usage des débutants... Header, footer, Sidebar De quoi parle-t-on au juste ? Extrait du livret de Formation WordPress Différentes zones Article/Page WordPress Entête ou header : Contenant principalement le titre de votre site, un logo, cette zone apparaît en permanence sur votre site. Menu : La navigation de votre site, ergonomie et bon sens doivent faire bon ménage. Colonne principale ou Main Sidebar : Celle qui contient le corps de vos articles ou pages, elle reçoit vos textes, images, vidéos, etc. Meta : Sur les articles uniquement, ils affichent l'auteur, la date, la catégorie et les tags. Page versus catégorie
WordPress Channel - Tutoriels, thèmes et plugins WordPress Optimisez la vitesse d'un thème WordPress La semaine dernière, j’ai optimisé le thème WordPress utilisé par SeoMix. Et j’avais parfaitement raison : j’ai gagné une seconde de temps de chargement global tout en améliorant la fluidité globale. D’ailleurs, les résultats affichés par l’outil Google Pages Speed sont éloquents : une note comprise entre 98 et 99 (sur 100) en fonction des pages de mon site. Voici donc un tutoriel destiné à expliquer la meilleure façon d’optimiser un thème pour le CMS WordPress, de A à Z. Avant toute chose, il est important de noter que la plupart des optimisations présentées ici peuvent s’appliquer à d’autres types de sites, que ce soit un autre CMS ou une solution maison. L’optimisation PHP Cette première étape de l’optimisation de votre thème WordPress va se décomposer en plusieurs parties : il s’agit ici d’améliorer le temps de calcul pour générer vos pages, et de supprimer tous les éléments inutiles ou freinants. Template Hierachy C’est ce qu’on appelle le « Template Hierarchy« . Un code plus simple
Mode d’emploi NextGEN Gallery | Ajwan Créé le 20 octobre 2012 Dernière mise à jour : 5 mai 2013 Ce mode d’emploi est destiné aux personnes pour qui j’ai réalisé un site WordPress, afin qu’elles puissent gérer leurs galeries d’images avec facilité. Il est néanmoins accessible à toute autre personne intéressée par le sujet. Infos pour ces dernières : Ce mode d’emploi suppose que vous ou votre web designer avez ajouté dans WordPress les extensions (plugins) NextGEN Gallery , Collapsing Categories et éventuellement NextGEN Scroll Gallery Prérequis : savoir manier un site WordPress en tant qu’”éditeur”. A. A1. L’ensemble de vos images se composera probablement de plusieurs galeries (= plusieurs groupes d’images). Pour les sites que je construis, j’ai prévu une galerie “idéale” (en tout cas à mes yeux, après avoir exploré des centaines de galeries sur le web). Voir un exemple(Dans l’exemple, cliquez sur les liens pour bien voir l’arborescence des galeries) A2. A2.1.Réfléchir avant d’agir Réduire le poids des images B. N.B. B1.
WPPA+ Docs & Demos | OpaJaap's test and demo site WordPress.com Theme: iTheme2 by Themify CSS Style sheet modifications: Modify header,link,titles,sidebar,post and more. | All About Basic iTheme2 is another wordpress.com free theme which you can use in your blog. As Usual here I will try to show you some basic and important CSS Style sheet modification of iTheme2 by Themify What you need to do is to paste the following codes i have shared here at the bottom of your style.css (if you have your own hosting) or in Custom Design CSS Section (WordPress.com free hosting) If you have faced any trouble with the CSS issue of iTheme2 or Any other theme, feel free to let me know in the comments box section. You may also like the followings : 1. 2. 3. 4. If this CSS Modification seems helpful to you? 1. 2. 3. 4. *** First color is the starting color, 2nd color is the ending color. 5. 6. *** your logo should be 80×17 in dimension 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. /**** Pls check the effect of this code in different browser ***************/ 24. 25. ** Use “No Comments on Pages” plugins for this work 26. 27. 28. 29.
Comment réaliser un thème pour Wordpress Créer un thème peut être facile et rapide si l'on suit le bon chemin. Ce n'est pas toujours ce que font les webmasters. La plupart des thèmes pour Wordpress sont créés à partir du modèle inclu avec le CMS ou à partir d'un autre thème, ce pourquoi ils ont presque tous la même disposition avec le menu à droite et une largeur fixe. Comment créer un thème On crée à partir de zéro un thème en définissant une feuille de style, que l'on teste sur une page HTML. Ensuite on remplit l'interface avec les briques fournies par Wordpress, comme on assemble les pièces d'un jeu de légo! On procèdera en plusieurs étapes: Installer localement Wordpress pour les tests. Si vous trouvez dans la liste des thèmes proposée sur le site de Wordpress, des thèmes dont l'apparence vous plaît quand aux polices de caractères, l'agencement des éléments, les utiliser les avec votre propre structure de thème, vous coûtera moins de temps que de reprendre un thème existant pour en modifier la structure. Structure du thème
WordPress Fichier de thème fonctions expliqué Une façon de modifier les comportements par défaut de WordPress utilise un fichier nommé functions.php. Ça se passe dans votre dossier de thème . Le fichier de fonctions se comporte comme un WordPress Plugin, ajout de fonctionnalités à un site WordPress. Vous pouvez l'utiliser pour appeler des fonctions PHP tant intégrée WordPress et de définir vos propres fonctions. Vous pouvez produire les mêmes résultats en ajoutant du code à un WordPress Plugin ou via le fichier de fonctions WordPress Theme. Il y a des différences entre les deux. Un WordPress Plugin : Exige le texte d'en-tête spécifique et unique.Est stocké dans wp-content/plugins, habituellement dans un sous-répertoire.S'exécute uniquement lorsque activé individuellement, via le panneau Plugins.S'applique à tous les thèmes.Devrait avoir un but unique, par exemple, convertir les messages vers des Pages, offrent des fonctionnalités d'optimisation de search engine ou aider à des sauvegardes. Un fichier de fonctions :
tutoriel wordpress Listes de style avec CSS Lors de la présentation des listes de choses, WordPress utilise des éléments standards XHTML : <ol> pour une liste des commandes (où l'ordre des éléments est important, alors que les éléments sont numérotés)<ul> pour une liste non ordonnée (normalement indiquées comme des éléments avec des balles)<li> pour chaque élément dans une liste, ordonné ou non ordonné. Par défaut, la plupart des listes (et certains éléments de la liste) dans WordPress sont identifiés par des attributs id ou class , établir des listes de coiffage facile. Avec modifications assez simples pour le fichierstyle.css , vous pouvez afficher la liste horizontalement plutôt que verticalement, dynamic menu mise en surbrillance, changer la puce ou style de numérotation, retirer l'ensemble de balles, ou toute combinaison de ceux-ci. Présentation de listes imbriquées Répertorie les différent thèmes format de différentes manières. Commencer en examinant le fichier style.css trouvé dans le dossier du thème que vous utilisez. Li
Tutoriel WordPress C’est quoi WordPress ? WordPress est un moteur de blog libre et gratuit. Sa fonction ? Vous permettre de publier un blog. Mais attention, pas n’importe quel blog… Pour l’exemple, VidéoNoob est réalisé avec WordPress, vous voyez le potentiel ? crédit photo Désolé, il n’y a pas de version mobile de cette vidéo pour cette formation. Alors, tenté(e)s ? Les objectifs de la série de tutoriels Comme d’autres (mais quel prétentieux ) j’aurais pu me contenter de vous expliquer comment installer WordPress… Comme d’autres (voilà que ça recommence ), j’aurais également pu me contenter de vous faire un lien vers une ou deux pages web vous expliquant en russe comment l’utiliser, et, comme d’autres, j’aurais pu vous demander gentiment d’aller poser toutes vos questions sur un autre forum… Mais non, sur VidéoNoob, ça ne se passe pas comme ça ! Via ce tutoriel, j’aimerais : Index des tutoriels (évolutif) : 2 – C’est quoi un blog ?
Qo. - Notes et remarques sur WordPressQo.