Cet ouvrage fait partie de la bibliothèque YouScribe
Obtenez un accès à la bibliothèque pour le lire en ligne
En savoir plus

Créer son premier thème WordPress pour mobile

De
146 pages


Vos premiers sites WordPress mobiles optimisés avec HTML5 et CSS3 pour tous les smartphones




  • Découvrez WordPress et comment ses thèmes fonctionnent ;


  • Comprenez les contraintes d'ergonomie du Web mobile ;


  • Créez les bases d'un thème mobile en tenant compte de la compatibilité avec les navigateurs ;


  • Exploitez les possibilités de HTML5 et CSS3 et maîtrisez la hiérarchie des éléments et balises ;


  • Optimisez les performances et le temps de chargement de vos sites mobiles ;


  • Testez votre site sur iPhone, iPad, Android, Windows Phone, etc. ;


  • Spécialisez votre site mobile pour iOS le système de l'iPhone ;


  • Adaptez le thème d'un site existant pour mobile.



Avec pour étude de cas la réalisation d'un thème mobile (de A à Z) et l'adaptation d'un thème existant.




  • Rappels sur le fonctionnement de WordPress


  • Comprendre le fonctionnement d'un thème


  • Créer les bases du thème


  • Intégration


  • Création d'une CSS pour mobile


  • Optimiser les performances


  • Tester l'affichage du site


  • Les spécificités iOS


  • Cas pratique : adapter facilement un thème existant


Voir plus Voir moins

Vous aimerez aussi

Créer son premier thème WordPress pour mobile
Linformatiquelibreà laportée detous!
L’auteur Thibaut Baillettitulaire d’un DUT est en réseau et télécommunications et di-plômé de l’HETIC. Ce jeune développeur conçoit et réalise des interfaces web ou mobiles en HTML5, CSS3 et JavaScript. Il intervient également dans des écoles spécialisées en tant que formateur HTML5 et mobile.
Créer son premier thème WordPress pour mobile Vos premiers sites WordPress mobiles optimisés avec HTML5 et CSS3 pour tous les smartphones
«DécouvrezWordPress et comment ses thèmes fonctionnent ; «Comprenezles contraintes d’ergonomie du Web mobile ; «zCréeles bases d’un thème mobile en tenant compte de la compatibilité avec les navigateurs ; «plExtezoiles possibilités de HTML5 et CSS3 et maîtrisez la hiérarchie des éléments et balises ; «isezOmitples performances et le temps de chargement de vos sites mobiles ; «Testezvotre site sur iPhone, iPad, Android, Windows Phone, etc. ; «zpSécialisevotre site mobile pour iOS le système de l’iPhone ; «padAzetle thème d’un site existant pour mobile.
Avec pour étude de cas la réalisation d’un thème mobile de A à Z et l’adaptation d’un thème existant.
Créer son premier thème WordPress pour mobile
Danslacollectionaccèslibre
Danslacollectiona bookapart
chezlemêmeéDiteur Développement web mobile
Design et marketing Web
Préface de ChrisHeilmann
DESIGN
KaeligDELOUMEAU-PRIGENT
CSS maintenables avec Sass/Compass OUTILS ET BONNES PRATIQUES POUR L’INTÉGRATEUR WEB
ThibautBaillet
Créer son premier thème WordPress pour mobile
ÉDITIONS EYROLLES 61, bd Saint-Germain 75240 Paris Cedex 05 www.editions-eyrolles.com
En application de la loi du 11 mars 1957, il est interdit de reproduire intégralement ou partiellement le présent ouvrage, sur quelque support que ce soit, sans l’autorisation de l’Éditeur ou du Centre Français d’exploitation du droit de copie, 20, rue des Grands Augustins, 75006 Paris. © Groupe Eyrolles, 2012, ISBN : 978-2-212-13441-4
Avantpropos
En France, en 2012, on dénombre plus de 18 millions d’internautes mobiles. Ce chiffre est en constante augmentation à travers le monde ; nul doute que l’Internet de demain sera sur mobile. À travers ce livre, vous apprendrez à créer votre propre site mobile avec le CMS WordPress. En outre, vous saurez prendre en considération tous les principes et problématiques liés au Web mobile. Nous espérons d’ailleurs que lors de la conception d’un site web, vous penserez d’abord à sa version mobile. Cet ouvrage est en outre l’occasion de promouvoir et de démocratiser l’utilisation de technologies comme HTML5 et CSS3. Que vous soyez plus intéressé par le mobile ou par WordPress, j’ai fait en sorte que ces domaines soient accessibles à tous, même sans grandes con naissances préalables. Bonne lecture !
© Groupe Eyrolles, 2010
CR É E RS O NP R E M I E RT H È M E WO R DPR E S SM O B I L E
Structure de l’ouvrage Dans unpremier chapitre, nous commençons par rappeler rapidement comment fonctionne WordPress, afin de comprendre l’intérêt d’utiliser ce CMS. Auchapitre 2, nous entrons plus en détail dans le fonctionnement des thèmes euxmêmes : où se trouvent les fichiers, comment ils déterminent l’affichage des contenus, notamment grâce aux boucles, qui sont au cœur du fonctionnement de WordPress. Lechapitre 3, après un rappel sur HTML5 et CSS3, explique comment écrire les bases de tout thème WordPress. Ensuite, auchapitre 4, on voit comment afficher les différents contenus dans notre thème. C’est auchapitre 5que nous verrons à quoi doit ressembler une feuille de style CSS adaptée à un support mobile – et suffisamment souple pour tenir compte de la multiplicité des supports. Enfin, auchapitre 6, nous verrons comment optimiser les performances du site – une conditionsine qua nonpour le succès d’un site destiné à des internautes nomades. Bien entendu, nous parlons, auchapitre 7, de l’étape indispensable des tests : comment simuler des visites et tester l’affichage. Lechapitre 8, quant à lui, traite des spécificités de l’affichage sur terminal iPhone ou iPad, et propose des façons d’intégrer plus étroitement le site au smartphone via iOS. Enfin, nous vous montrerons, au fil d’une petite étude de cas limpide (cha pitre 9), comment adapter un thème existant à une consultation depuis un mobile.
VI
RessourcesSite dédié au livre Le lecteur souhaitera sans doute une assistance en ligne, nous four nissons une page spéciale dédiée à ce livre. Vous y retrouverez les codes utilisés, des informations complémentaires, ainsi qu’une boîte de dialogue pour échanger avec moi ou laisser votre avis sur le livre. Bhttp://thibautbaillet.com/livre/
© Groupe Eyrolles, 2010
 A v a n t  p r o p o s
À propos de l’auteur Encore étudiant à l’heure où j’écris ces lignes, je me souviens du jour où je suis tombé dans l’univers du Web. En cette année 2007, je devais préparer mon bac élec tronique. C’est alors que j’ai découvert un site appelé le Site du Zéro ; j’ai passé tou tes mes journées sur le tutoriel xHTML et CSS de Mathieu Nebra. Je n’ai jamais eu autant de plaisir à lire et la qualité des explications m’a donné envie de poursuivre dans cette voie. Je me suis donc orienté vers le développement web plus classique, avec des technologies telles que PHP pour m’entraîner, et j’ai ainsi créé mon site : Bhttp://thibautbaillet.com Souhaitant continuer mes études pour devenir développeur web, j’ai obtenu un DUT Services et Réseaux de Communication. Ensuite, j’ai rejoint HETIC, la seule école à proposer une formation entièrement tournée vers les métiers d’Internet. Cette école a été une grande source de motivation pour entreprendre et créer des projets. Passionné par les nouvelles technologies, j’ai orienté mon expertise vers le développement web mobile. Ce marché est en pleine expansion grâce au smart phone qui concurrence de plus en plus nos ordinateurs. En parallèle, je me suis lancé en freelance pour arrondir mes fins de mois d’étudiant. C’est ainsi que pendant deux ans, je me mis à travailler plus de soixante heures par semaine pour continuer mes études, réaliser des projets freelance et pratiquer le plus possible le Web mobile et HTML5. Aujourd’hui, la fin de mes études approche. Je me présente en tant que déve loppeurfrontend. Ce terme anglais résume très bien ce que je fais : développer des interfaces web ou mobile en utilisant les technologies actuelles telles que HTML5, CSS3 et JavaScript. Je donne également des cours de développement dans d’autres écoles que HETIC. J’espère que vous trouverez ce livre simple et efficace et que, grâce à lui, quand vous concevrez un site Internet, vous penserez également mobile.
Remerciements À l’instar de nombreux autres auteurs, je souhaite tout particulièrement remercier ma compagne pour son soutien durant ces soirées à écrire et pour sa relecture. Je remercie également ma famille qui m’a toujours soutenu dans mes études et dans mes projets personnels.
© Groupe Eyrolles, 2010
VII
CR É E RS O NP R E M I E RT H È M E WO R DPR E S SM O B I L E
J’aimerais d’une manière plus générale remercier toutes les personnes que j’ai croisées durant mon parcours, qui m’ont directement ou indirectement orienté et permis d’en être là actuellement. Un grand merci à Barthelemy Ehui N’da, Mathieu Nebra, Sylvain Weber, Jacinthe Busson, Stéphane Dietz, Mathieu Adoutte, JeanChristophe Beaux, Olivier Chatel, Eloïse Barbarin, Stéphanie Chhim, Pierrick Caen, ainsi qu’à toute l’équipe de TRIOR, de l’IUT de Sarcelles et de HETIC. Merci à Geoffroy Monika pour les illustrations. Un dernier remerciement pour ma maison d’édition Eyrolles et Muriel Shan Sei Fan qui m’ont donné la chance de réaliser ce beau projet.
VIII
© Groupe Eyrolles, 2010
Un pour Un
Permettre à tous d'accéder à la lecture
Pour chaque accès à la bibliothèque, YouScribe donne un accès à une personne dans le besoin