编辑WordPress主题的高效方式

时间:2014-09-28 作者:misaochan

我一直在Notepad++中手动编辑我的WordPress主题模板和CSS,使用Firebug检查和调整元素,使用Filezilla将修改后的CSS文件上传到我的web服务器。但这似乎是一种效率很低的方法,所以我一直在寻找更好的方法。

我有Dreamweaver,并尝试按照CreativePro教程的建议使用WordPress进行设置。它适用于教程中的基本站点,但不适用于具有自定义主题、多篇帖子等的完整WordPress站点。

我做了一些研究,问题似乎出在定制permalinks上,因为Dreamweaver似乎无法处理它们。我遵循的教程是http://www.creativepro.com/article/build-wordpress-sites-dreamweaver-cs5-part-2 我用定制permalinks描述的问题在http://tutsme-webdesign.info/wordpress-theme-editing-with-dreamweaver/ .

然后我寻找WordPress插件,它可以让我编辑CSS并实时预览结果。我发现的唯一插件要么非常过时,要么排名很低,有很多问题。

那么,如何对WordPress主题进行认真的编辑呢?你使用什么编辑器?如果您在上载到web服务器之前使用本地安装的WordPress服务器,您会使用哪些工具来简化下载、修改和上载?您的工作流程如何?

2 个回复
最合适的回答,由SO网友:jetlej 整理而成

立即删除DreamWeaver,改为执行以下操作,以便您可以在本地编辑所有内容并实时查看更改:

(1)Install MAMP 因此,您可以在计算机上本地运行服务器,然后像往常一样安装Wordpress,但安装在本地计算机文件夹中

(2)Download SublimeText 作为您的代码编辑器。

(3)Download CodeKit (仅限Mac)并将此功能用于使用对CSS所做的更改自动更新浏览器(否则,您可以使用免费但不太简单的脚本,如Live Reload)

(4)Google \'setting up workspaces for CSS in Chrome\' 了解如何使用Chrome在浏览器中编辑CSS

(5)Learn how to use GIT, 版本控制的一种形式。本质上,它是您对代码所做的所有更改的存储库。如果有机会,您可以通过GIT“推送”更改,并让它自动更改服务器上的文件。

有一些免费的方法可以使用GIT并将其推送到您的服务器,但接下来您就进入了命令行。如果您不想这样做,您只需要以下两件事:

(a)Tower (GIT client for Mac) - 这为与GIT repo的交互提供了一个性感的用户界面

(b)Beanstalk - 一个在线GIT repo,每次通过GIT进行更改时,都可以轻松地将自动部署设置到服务器上。

(或者,您可以只重新上传每个更改过的文件,但不要这样做!花时间仔细思考GIT是非常值得的,一旦您忘记了术语,这真的很简单)

你的生活将发生巨大的变化。要获得额外积分,请学习如何使用SASS:)

SO网友:Jeeni

回答最后一个问题:您可能会发现GitHub Windows应用程序很有用。(我使用适用于Mac的GitHub应用程序。)https://windows.github.com/

结束

相关推荐

如何在WordPress主题中使用SCSS?

使用scss最简单的方法是什么?我尝试了wp scss插件,但它似乎对我不起作用:在我的主题中:root:css->style。css scss->样式。scss公司scss和css位置的设置为“/scss/”和“/css/”。风格scss$粉红色:#7e40e4;风格css。背景:$粉红色}不起作用,我错过了什么?谢谢