私はTumblrのテーマを作成したいと思いますし、開発のためのIDE(Netbeans、Eclipse、PHPStorm)プラグインやツールがありますか? Tumblrにアップロードすることなく、テーマをブラウザでプレビューするのが理想的です。おかげさまで Tumblrの開発ツール
7
A
答えて
6
リソースの面では、私が見つけたものがいくつかあります。
それは数年前だが、TextMate bundleもあります。
Tumblrの開発は苦痛ですが、私がやっているのは、テストtumblrを使用して再投稿したり、投稿したい投稿タイプ(写真、フォトセット、オーディオ、テキストなど)を投稿することです。 。私はHTMLをローカルで扱い、私がそれを望む方法を設定します。私がCSSだけで達成する必要があるすべてを私ができることを知るまで、私はそれを望みます。サーバー上のアセット(CSS/JS/etc。)をホストし、テストテーマのテーマエディタを使用してHTMLを更新してから、リモートアセット上で行うことができます。 HTMLを編集する必要がある場合は、ローカルでそれをテーマエディタに貼り付けます。
それは働くのに最適な方法ではありませんが、私はそのように約4つのテーマを行い、それは大丈夫です。
6
PhpStorm(またはその他のIDE)を使用してtumblrテーマを作成し、手動コピーの貼り付けを避けて自分の更新を表示する独自の方法が見つかりました。私は、あなたのブラウザコンソール(MITライセンス)で実行するためのシンプルなjavascriptを書いています。
setInterval(function() {
jQuery.ajax('YOUR-URL-TO-THE-THEME-FILE', {cache: false}).success(function(html) {
var btn = jQuery("div[data-action='update_preview']").first();
if (html!=ace.edit('editor').getValue()) {
ace.edit('editor').setValue(html);
if (!btn.hasClass('disabled'))
btn.click()
}
});
},1000);
HOWTO:
- 使用JetBrainsのPhpStormあなたのhtmlのテーマファイルを編集する(他のエディタを使用することが可能である、唯一重要なことは、ファイルが上でホストされなければならないことです(ローカルまたはパブリック)サーバー)
- ファイルを表示しているときにPhpStormで
Open in browser
をクリックします。 - お使いのブラウザは、
http://localhost:63342/TumblrTheme/index.html
のようなURLで開きます。 - このURLを上記のスニペットに貼り付けます。
- 公開
http://www.tumblr.com/customize/YOUR-BLOG-NAME
。 Edit html
をクリックします。- ブラウザのjavascriptコンソールを開きます。
- 上記のスニペットを貼り付けてください(テーマファイルのパスを変更してください)。
- ソースが変更された場合、プレビューが1秒ごとに自動更新されます。 https://gist.github.com/cmfcmf/7154536 :この主旨で公開
関連する問題
- 1. プレミアムTumblrテーマの開発
- 2. 開発ツール
- 3. HTML開発ツール
- 4. ビジュアル開発ツール
- 5. ASP.NET MVC開発ツール
- 6. SCORM 1.2開発ツール
- 7. OS Xの開発ツール
- 8. Android開発ツールのクエリ
- 9. ニースのEclipse開発ツール
- 10. Poser(Pro)用ツールの開発
- 11. FOSSのFlash開発ツール
- 12. サードパーティのiPhone開発ツール
- 13. EDI HIPAA X12開発ツール
- 14. IE9開発ツール - リモート診断
- 15. QTプロパティ - シンタックスシュガーや開発ツール
- 16. モバイルアプリHTML5ゲーム開発(ツール)
- 17. ウェブ開発者/デザイナーのためのモバイルアプリケーション開発ツール
- 18. もっと良いCLI Tumblrツール
- 19. ハードウェアとプロトコルのシミュレーションと開発のツール
- 20. クロム開発ツールのためのカバレッジツール
- 21. 開発者向けの無料UIツール
- 22. Linuxで開発するためのツール
- 23. Firefoxの対応 - 開発ツール(タイムライン)
- 24. Image Chromeからのデコードタイムライン開発ツール
- 25. Xbox 360とPS3のプロフェッショナル開発ツール
- 26. ADT Eclipseプラグインの拡張(Android開発ツール)
- 27. haskell開発環境用ツール? (Linux)の
- 28. Mac用のXcode(開発ツール)10.6.7
- 29. ゲーム開発ツールとしてのVB.NET
- 30. Windows phone SVNツールを備えた7つの開発ツール