Moyen efficace pour éditer des thèmes WordPress
J'ai modifié mes modèles de thème WordPress et CSS manuellement, dans Notepad ++, en utilisant Firebug pour inspecter et modifier les éléments et Filezilla pour télécharger les fichiers CSS modifiés sur mon serveur Web. Mais cela semble être une façon très inefficace de le faire, alors je cherchais un meilleur moyen.
J'ai Dreamweaver et j'ai essayé de le configurer avec WordPress, comme le suggère le didacticiel CreativePro. Cela fonctionne bien avec le site de base du didacticiel, mais pas avec un site WordPress complet avec un thème personnalisé, des posts multiples, etc.
J'ai fait quelques recherches et le problème semble être lié aux permaliens personnalisés, car Dreamweaver semble incapable de les gérer. Le tutoriel que j'ai suivi pour faire cela est http://www.creativepro.com/article/build-wordpress-sites-dreamweaver-cs5-part-2 et le problème que je décris avec les permaliens personnalisés est expliqué dans http://tutsme-webdesign.info/wordpress-theme-editing-with-dreamweaver/ .
Ensuite, j'ai cherché des plugins WordPress qui pourraient me permettre d'éditer le CSS et de prévisualiser les résultats en temps réel. Les seuls plugins que j'ai trouvés étaient soit très obsolètes, soit classés très bas avec beaucoup de problèmes.
Alors, comment faites-vous des modifications sérieuses pour vos thèmes WordPress? Quel éditeur utilisez-vous? Si vous travaillez sur un serveur WordPress installé localement avant de télécharger sur votre serveur Web, quels outils utilisez-vous pour rationaliser et simplifier le téléchargement, la modification et le téléchargement? Comment est votre flux de travail?
Supprimez DreamWeaver maintenant et procédez comme suit pour pouvoir tout modifier localement et voir les modifications en temps réel:
1) Installez MAMP pour pouvoir exécuter un serveur localement sur votre ordinateur, puis installez Wordpress. comme vous le feriez normalement, mais dans un dossier de l'ordinateur local
2) Téléchargez SublimeText comme éditeur de code.
3) Téléchargez CodeKit (Mac uniquement) et utilisez-le pour mettre à jour automatiquement votre navigateur avec les modifications. faites sur votre CSS (sinon vous pouvez utiliser des scripts gratuits mais moins simples comme Live-Reload)
4) Google "Configuration des espaces de travail pour CSS dans Chrome" pour comprendre comment utiliser Chrome pour modifier CSS dans le navigateur.
5) Apprenez à utiliser GIT , une forme de contrôle de version. C'est essentiellement un référentiel de toutes les modifications que vous apportez à votre code. Lorsque vous en avez l'occasion, vous pouvez "Pousser" ce changement via GIT et le faire modifier automatiquement ce fichier sur votre serveur.
Il existe des moyens gratuits d'utiliser GIT et de le rendre Push sur votre serveur, mais vous entrez alors dans la ligne de commande. Si vous ne voulez pas faire cela, vous aurez simplement besoin de ces deux choses:
a) Tour (client GIT pour Mac) - Ceci fournit une interface utilisateur sexy pour interagir avec GIT. repo
b) Beanstalk - Un dépôt GIT en ligne qui vous permet facilement de configurer des déploiements automatiques sur votre serveur. temps vous faites un changement via GIT.
(Vous pouvez également ré-télécharger chaque fichier modifié, mais ne le faites pas! Cela vaut vraiment la peine de vous attarder sur GIT, ce qui est vraiment simple une fois que vous avez dépassé le jargon).
Votre vie sera un changement SO de façon spectaculaire. Pour des points bonus, apprenez à utiliser SASS :)
Pour répondre à la dernière question: L'application GitHub pour Windows peut vous être utile. (J'utilise l'application GitHub pour Mac.) https://windows.github.com/