web-dev-qa-db-ja.com

WordPressテーマを編集するための効率的な方法

私はWordPressのテーマテンプレートとCSSをメモ帳++で手作業で編集し、Firebugを使って要素を調整し、Filezillaを使って修正したCSSファイルを私のWebサーバーにアップロードしました。しかし、それはそれを行うには非常に非効率的な方法のように思われるので、私はもっと良い方法を探しています。

私はDreamweaverを持っていて、CreativeProチュートリアルが提案したようにWordPressでそれをセットアップしようとしました。チュートリアルの基本的なサイトではうまく機能しますが、カスタムテーマ、複数の投稿などを含む完全なWordPressサイトではうまくいきません。

私はいくつかの調査を行いましたが、Dreamweaverがそれらを処理できないようなので、問題はカスタムパーマリンクにあるようです。私がこれを行うために従ったチュートリアルは、 http://www.creativepro.com/article/build-wordpress-sites-dreamweaver-cs5-part-2 とその問題です。カスタムパーマリンクで説明しているのは http://tutsme-webdesign.info/wordpress-theme-editing-with-dreamweaver/ です。

それから私は私がCSSを編集してリアルタイムで結果をプレビューすることを可能にするかもしれないWordPressプラグインを探しました。私が見つけた唯一のプラグインは、非常に古くなっているか、多くの問題を抱えて非常に低くランク付けされていました。

それでは、どのようにあなたはあなたのWordPressテーマに本格的な編集をするのですか?あなたはどんなエディタを使いますか? Webサーバーにアップロードする前に、ローカルにインストールされたWordPressサーバーで作業している場合、ダウンロード、変更、およびアップロードを合理化および簡素化するためにどのようなツールを使用しますか?あなたのワークフローはどうですか?

1
misaochan

今すぐDreamWeaverを削除し、代わりに次の操作を行って、すべてのものをローカルで編集して変更をリアルタイムで確認できるようにします。

1)MAMPをインストールすると、コンピュータをローカルで実行して、通常どおりWordpressをインストールできます。ローカルコンピュータのフォルダ

2)コードエディタとして SublimeTextをダウンロードします。

3)ダウンロード CodeKit(Macのみ)これを使用すると、CSSに加えた変更でブラウザを自動更新できます。 (それ以外の場合は、Live-Reloadのような無料だがそれほど単純ではないスクリプトを使用できます)

4)Googleの「ChromeでCSSのワークスペースを設定する」ブラウザでCSSを編集するためのChromeの使用方法を理解する

5)バージョン管理の一種であるGITの使い方を学びましょう。本質的にそれはあなたがあなたのコードにこれまでに加えたすべての変更のリポジトリです。チャンスがあれば、その変更をGITで「プッシュ」して、サーバー上のそのファイルを自動的に変更させることができます。

GITを使用してそれをサーバーにプッシュするための無料の方法がありますが、その後コマンドラインに入ります。そうしたくない場合は、次の2つのことだけが必要です。

a)Tower (Mac用GITクライアント) - これはGITリポジトリとやり取りするためのセクシーなユーザインタフェースを提供します。

b)Beanstalk - オンラインのGITレポジトリ。 GITで変更してください。

(別の方法として、変更された各ファイルを再アップロードすることもできますが、そうしないでください。GITに頭を包むのは貴重な時間です。この用語を使用した後は、本当に簡単です)。

あなたの人生は劇的に変わるでしょうSO。ボーナスポイントについては、SASSの使い方を学んでください:)

2
jetlej

最後の質問に答えるには、あなたはWindows用のGitHubアプリケーションが役に立つと思うかもしれません。 (私はMac用のGitHubアプリケーションを使用しています。) https://windows.github.com/

0
Jeeni