DreamweaverでTumblrレイアウトを編集する

Tumblrを使用すると、Tumblrブログの生のHTMLにアクセスできます。つまり、必要に応じてHTML編集プログラムを使用して変更を加えることができます。ただし、カスタマイズ可能なTumblr HTMLは、特定のコンテンツに適用される一般的なテーマを作成するため、Dreamweaverのプレビュー機能は正しく機能しません。DreamweaverのHTMLエディターを使用してTumblrテーマを編集および保存することはできますが、コードをTumblrに戻すまで、正確にプレビューすることはできません。

1

Tumblrにログインし、画面上部の歯車アイコンをクリックして、アカウント設定にアクセスします。

2

左側のブログの名前をクリックし、テーマ画像の下にある[カスタマイズ]ボタンをクリックして、左側のバーにある[HTMLの編集]をクリックします。

3

HTMLコードを右クリックして[すべて選択]を選択し、もう一度右クリックして[コピー]を選択します。

4

コンピューターで(メモ帳などの)プレーンテキストエディターを開き、HTMLコードを新しい空白のドキュメントに貼り付けます。ドキュメントを既存のTumblrコードのバックアップとして保存します。必要に応じて、このファイルからコードをコピーしてTumblrテンプレートに貼り付けることができます。

5

Dreamweaverを起動し、新しい空のHTMLファイルを開きます。HTMLウィンドウですべてのコードを選択し、Tumblrブログのコードをその上に貼り付けます。自動生成されたHTMLをDreamweaverHTMLエディターに残したくない場合。

6

TumblrテーマのHTMLに変更を加えます。 Dreamweaverファイルを保存します。テキストをコピーしてTumblrアカウントに貼り付け、プレビューします。プレビューするためにブログにコードを公開する必要はありません。Tumblrカスタマイズページの[HTMLの編集]にある緑色の[プレビューの更新]ボタンをクリックするだけで、変更がどのように表示されるかを確認できます。