Concevoir et exécuter WordPress à partir d'une tablette

Le marché des tablettes a explosé au cours des deux dernières années et chaque jour, elles sont mises entre les mains de nouveaux utilisateurs. Qu'est-ce que cela signifie pour vous, en tant que développeur et / ou utilisateur WordPress? Cela signifie que de plus en plus de tablettes visiteront probablement votre site, et nous avons déjà examiné en profondeur les considérations que vous devriez prendre pour cela avec des éléments tels que le design réactif qui deviennent une part essentielle du design web..

Cependant, à mesure que le marché se développe, les opportunités de vous, le développeur et / ou le blogueur, pour déplacer votre travail sur une tablette afin de concevoir des thèmes ou de publier du contenu. Dans cet article, nous allons examiner certaines des applications et méthodes de conception de thèmes et de création de contenu sur une tablette, en plus de mettre en évidence les considérations que vous pouvez souhaiter appliquer à ceux qui publient votre conception à partir d'une tablette..


Concevoir et produire sur une tablette

Tout d'abord, nous allons étudier la création d'un thème WordPress sur une tablette, du début à la fin. Il existe un certain nombre d'applications géniales pour y parvenir, que nous allons d'abord examiner..


Planification et wireframing

La première étape de la conception d’un thème, ou de tout site Web, est bien sûr la planification. Il existe un certain nombre d'excellentes applications de prototypage et de wireframing disponibles. Adobe Proto est l'une de ces applications disponible pour iPad, qui vous permet de créer des structures filaires à la fois de sites Web et d'applications sur votre iPad. L'application vous permet d'esquisser des dispositions filaires et d'insérer divers composants prédéfinis tels que des menus, des accordéons, des espaces réservés pour les vidéos, etc. L'application peut également rester centrée sur un système de grille basé sur des configurations CSS populaires..

Le prix de 9,99 $ inclut l’intégration avec le service Creative Cloud d’Adobe, qui vous permet d’accéder à vos fichiers et de les affiner dans Dreamweaver CS6. Vous disposerez également de 2 Go de stockage en nuage pour synchroniser des fichiers entre votre tablette et votre ordinateur de bureau, y accéder depuis le Web et les partager facilement..

Bien qu'Adobe Proto soit notre premier choix en matière de wireframing, de nombreuses applications effectuent un travail similaire, OmniGraffle étant l'une de ces applications. OmniGraffle, avec son étiquette de prix de 49,99 $, vous permet de créer des diagrammes, des diagrammes de processus, des images filaires pour sites Web et plus encore..


Mise en place pour le développement

Maintenant qu'il est temps d'assembler votre thème en quelque chose de réel et de fonctionnel, nous devons installer quelque part pour héberger le thème pendant que nous le développons. Cela pose un certain nombre de problèmes, car l’iPad n’est pas tout à fait capable d’héberger un serveur local avec MySQL, du moins hors de la boîte..

Une option consiste à configurer nous-mêmes un serveur local, via un service tel que MAMP pour Mac ou WampServer pour Windows, puis en utilisant Dropbox pour synchroniser les modifications apportées sur votre iPad à votre ordinateur, où il peut être visualisé. Si vous n'envisagez pas de partager votre développement avec un ordinateur de bureau traditionnel, cette option n'est peut-être pas la meilleure..

L'alternative consiste à héberger un site Web accessible via un navigateur sans dépendre d'un ordinateur (par opposition à un serveur). Une fois que vous avez terminé, la plupart des applications que nous allons examiner pourront se connecter à votre serveur via FTP, puis y travailler à distance pendant le développement de votre thème. Cela signifie que vous n’avez pas de copie locale, mais c’est peut-être le moyen le plus simple d’y parvenir sur iPad, pour l’instant..


Applications de développement

Diet Coda est peut-être la version la plus récente à justifier son inclusion dans cette liste, à savoir fin mai. Diet Coda vient du développeur du très populaire Coda pour Mac OS X, Panic, et offre des fonctionnalités d'édition de texte lorsque vous êtes connecté à distance à un serveur FTP ou SFTP..

En fin de compte, Diet Coda est assez simple, mais il offre tout de même des fonctionnalités de gestion de fichiers extrêmement utiles pour votre serveur, ainsi qu'un éditeur complet pour HTML, CSS, JavaScript et notre vieil ami PHP. Vous ne pourrez pas éditer hors connexion, ce que la plupart d'entre nous espérons voir arriver dans une prochaine mise à jour. Soyez donc averti avant de dépenser de l'argent..

Diet Coda n’est pas seulement un excellent éditeur sur iPad, mais il fonctionne à merveille avec Coda 2 sur Mac OS X. Semblable à AirPlay intégré d’Apple pour la musique, les émissions de télévision et les films, AirPreview vous permet d’envoyer un aperçu instantané du fichier. fichier sur lequel vous travaillez à partir de votre Mac sur votre iPad. Lorsque vous enregistrez le fichier sur OS X, l’aperçu est mis à jour instantanément sur votre iPad. C'est une jolie fonctionnalité.

Diet Coda est disponible pour iPad au prix de 19,99 $ sur l'App Store.

Une alternative à Diet Coda, qui inclut l'édition en mode hors connexion, est Textastic, un autre éditeur de code pour iPad. Textastic partage de nombreuses fonctionnalités avec Diet Coda, albiet sans l'intégration supplémentaire dans Coda 2 pour Mac OS X et sa magnifique interface utilisateur, et est au cœur d'un éditeur de code. De plus, contrairement à Diet Coda, vous pouvez travailler en mode hors connexion et synchroniser avec Dropbox, ce qui supprime la nécessité de disposer d'un serveur en ligne (vous pouvez toutefois toujours éditer via SFTP / FTP si vous le souhaitez)..

Gusto est une application que je n'ai pas expérimentée personnellement, mais dont on m'a beaucoup parlé..

Gusto a été créé pour "intégrer le flux de travail du développement Web sur iPad" et ressemble à Coda à certains égards. Gusto, un éditeur axé sur les projets, vous permet d’éditer des informations dans une interface à onglets et de transférer facilement des fichiers entre le client local et une connexion FTP, SFTP, FTPS et / ou Dropbox..

Gusto est disponible pour l'iPad sur l'App Store pour 9,99 $.


Autres applications d'intérêt

Nous avons donc examiné les applications pour vous aider à planifier et à développer votre thème WordPress, mais d'autres applications pourraient intéresser le concepteur WordPress moyen..

Bien qu’il ne s’agisse pas techniquement d’une application, le magazine Web Designer est disponible sur Apple pour iPad. Il propose des tutoriels pour HTML, CSS et notre bon ami WordPress. En tant que magazine, les numéros sont disponibles sur abonnement à 5,99 $ chacun dans l'App Store.

Il existe également des applications telles que l'application de référence pour PHP à 1,99 $, qui offre une documentation PHP directement sur votre appareil. Il est donc assez simple pour les débutants de se familiariser avec le langage..

Bien entendu, vous avez également accès à Safari et, grâce à cela, à un stock considérable de documentation et de soutien communautaire en ligne..


Prise en compte de la tablette

Comme nous le verrons dans un instant, il est certainement possible de produire du contenu à publier dans WordPress. Cependant, vous devez prendre en compte certaines fonctionnalités importantes lors de la conception d'un thème, notamment si vous prévoyez une base d'utilisateurs principaux de blogueurs équipés d'iPad..

Les champs personnalisés

Une partie importante de ma vie quotidienne implique de travailler dans WordPress en tant que blogueur. J'ai naturellement essayé diverses applications pour iPad afin d'essayer de transférer ce travail sur une plate-forme mobile. Une des caractéristiques spécifiques de WordPress qui s’est avérée insuffisante dans ces applications est la possibilité d’ajouter des métadonnées et de saisir des données dans des champs personnalisés. Même l'application WordPress officielle ne prend pas en charge les champs personnalisés, ce qui peut poser problème aux blogueurs qui en ont besoin..

Par conséquent, en tant que développeur, vous devez examiner de près l'utilisation de champs personnalisés dans un thème. La fin du tunnel est cependant claire, le tableau de bord WordPress bénéficiant d'une mise à niveau réactive lui permettant de mieux fonctionner dans le navigateur de l'iPad. Par conséquent, le tableau de bord WordPress reste une option pour les blogueurs, au lieu d’une application dédiée, comme nous le verrons dans la section suivante..

En outre, WordPress 3.4 sera publié dans environ la semaine prochaine, ce qui améliore la prise en charge des champs personnalisés par l'API XML-RPC. De ce fait, nous pouvons nous attendre à ce que l'application officielle, et éventuellement d'autres applications, puisse commencer à les soutenir..

Support d'image en vedette

De même, la fonctionnalité d'image en vedette qui vous permet d'appeler une image spécifique du tableau de bord n'est pas disponible pour être configurée dans les applications que j'ai utilisées, ce qui est décevant. De même, il est possible de le faire dans l'application Web via votre navigateur, mais même cette méthode ne vous permet pas de télécharger de nouvelles images..

Un coup d'optimisme

Cependant, bonne nouvelle! Dans WordPress 3.4, l’API XML-RPC reçoit une mise à jour assez importante, ce qui devrait signifier que les applications qui s’interfacent avec cette API (c’est-à-dire le type d’applications WordPress sur iOS) devraient être en mesure de proposer d’énormes mises à jour. On m'a même dit que cette mise à jour pourrait peut-être intégrer la création et l'édition de types de publication personnalisés à l'API XML-RPC, ce qui signifie que nous devrions bientôt obtenir d'excellentes applications iPad prenant en charge ces fonctions..


Pour le blogueur

Nous passons maintenant à une époque où le thème est développé et utilisé sur un site actif. Il est temps d'écrire du contenu, et c'est une tâche qui peut être accomplie sur un iPad ou une autre tablette..

Tout d’abord, il convient de mentionner les applications WordPress officielles, disponibles pour iOS et pour Android. Ce sont probablement les applications sur lesquelles la plupart des gens vont se tourner en premier, ce qui est leur nature officielle, même si ce sont probablement les plus basiques disponibles.

Dans une interface utilisateur plutôt standard, WordPress intègre les outils les plus élémentaires disponibles pour la création de contenu sur votre tablette avec ces applications officielles. Vous pouvez écrire de la prose, titrer du texte, baliser et classer, mais un peu plus. Grâce au système de fichiers plus protégé des systèmes d'exploitation mobiles, ce n'est pas fantastique non plus d'ajouter des médias. Et vous pouvez oublier les champs personnalisés, etc., étant totalement inaccessibles dans l'application, même si ce sont des fonctions de base de WordPress. Cependant, pour les tâches de base comme la modération des commentaires et la visualisation des statistiques, le travail est amiable..

Je ne le recommanderais pas encore, mais il est difficile de ne pas en discuter car c'est l'offre officielle. L'application est disponible gratuitement sur les marchés respectifs.

Alternativement, il y a l'option d'une gamme d'alternatives tierces. Je ne perdrai pas de temps à expliquer toutes les ressources disponibles; au lieu de cela, regardons une application tierce particulière. Mon application personnelle de choix est Blogsy, un client WordPress pour iPad. L'application à 4,99 $ est un monde éloigné de l'application officielle WordPress. Elle ressemble beaucoup plus à un tableau de bord exploitable doté de puissantes fonctionnalités multimédia..

Blogsy tire pleinement parti de l'espace disponible sur l'écran de l'iPad pour proposer une multitude de fonctionnalités grâce à un excellent navigateur multimédia intégré qui constitue peut-être le meilleur moyen d'importer des contenus multimédia dans WordPress sur l'iPad. J'ai examiné Blogsy pour iPad.AppStorm l'année dernière, lui attribuant un 9/10 et notant à quel point il était important pour l'avenir de l'iPad en tant que dispositif de création de contenu..

Malheureusement, à l'instar de la plupart des applications, Blogsy manque régulièrement de quelques fonctionnalités utiles telles que les images en vedette et les types de publication personnalisés..

La troisième alternative, après les applications natives officielles et tierces, est le tableau de bord WordPress basé sur le Web. Dans la version trois, le tableau de bord a subi une refonte importante, y compris un design réactif mis à jour. Cela fonctionne beaucoup, beaucoup mieux sur les appareils tactiles comme votre tablette, et est maintenant une option viable.

En fin de compte, il s’agit uniquement du tableau de bord WordPress, il n’a donc pas besoin d’être expliqué, même s’il est sensiblement divisé de plusieurs façons. Il manque la possibilité de télécharger de nouveaux médias (bien que ce soit une bien meilleure option pour la navigation et l'insertion de médias existants), mais compte tenu de la récente annonce d'Apple au WWDC sur le téléchargement de formulaires Web à venir dans iOS 6, cela devrait changer bientôt.


Conclusion

Dans cet article, nous avons examiné quelques applications de planification, de développement et de production de contenu WordPress sur une tablette. Nous avons prouvé qu'il était tout à fait possible de réaliser de telles tâches sur une tablette..

Cependant, bien que possible, les tablettes mobiles présentent des défauts importants qui doivent être corrigés avant de pouvoir prendre une réelle présence dans le flux de travail de WordPress-er. Pour le développement, les mises à jour et les versions récentes ont beaucoup perturbé la notion de tablette ne constituant pas un dispositif de création de contenu. Il s'avère toutefois que les tâches les plus simples sont celles auxquelles la tablette échoue, à savoir l'écriture de contenu. Heureusement, l’avenir semble prometteur avec des mises à jour imminentes qui pourraient changer tout cela..

Si vous avez utilisé une tablette, iPad, Android ou autre pour travailler avec WordPress, assurez-vous de partager vos expériences dans les commentaires ci-dessous..