TumblrでHTMLを編集する方法。 4つの方法

この記事では、 TumblrでHTMLを編集する方法を学ぶための最も簡単な方法をご紹介します。Tumblrはブログやソーシャルマイクロブログに使われるプラットフォームで、無料で簡単にコンテンツを公開できます。

さらに、Tumblr では HTML コードからブログの構造を編集できるため、必要なテーマを Web から簡単に作成できます。あなた自身がブログのコンテンツを選択し、不要なもの、つまりテキスト、チャット、画像、ビデオ、オーディオ、リンクを破棄することができます。

ぜひお読みください：SafariでページのHTMLコードを表示する方法

TumblrでHTMLを編集する4つの簡単な方法

ソースコードの編集プロセスは、デジタル空間の最終的な外観を決定する上で非常に重要です。投稿、音声、テキスト、画像、リンク、引用、動画など、ナノブログサイトを構成する要素は自分で決定します。そのため、自分で設定を行う必要があります。そのためには、以下に提案する方法に従ってください。

1. キーボードを使用してパーソナライゼーションバーから HTML テーマを表示します。

編集を実行するために行う必要があることの 1 つは、HTML テーマを表示することです。これを可能にするには、次の手順を実行する必要があります。

• ステップ1： 画面の右側にあるツールバーには、 タンブラーダッシュボードそこで、オプションを開く必要があります 個人化.

• ステップ2: 次にクリックします テマ そして選択 カスタムHTMLを使用する テーマウィンドウの下部にあります。

• ステップ3： ここでのツールは PC のキーボードになります。必ず押してください Ctrl と F 同時に待ってください。HTMLの編集« そして最後に HTML コードの問題が表示されます。
• ステップ4： カーソルを合わせたままクリックします プレビューを更新 進捗状況を確認します。プロセスが完了したら、オプションを選択します 外観 前のメニューに戻ります。

2. マウスを使用して、「ページソースの表示」から HTML テーマを表示します。

もう 1 つの方法は、以下に示す手順でページの原点からアクセスすることです。

• ステップ1： Tumblr セッションを開き、編集する記事を選択します。
• ステップ2： ブログ画像の背景 (画像やリンクではなく) にカーソルを置いて、右クリックします。一連のオプションが表示されるので、選択する必要があります ページソースを表示する 翻訳では「ソースコードを参照」となります。
• ステップ3： 最後にキーを押す必要があります 「Ctrl」と「F」 同時に、変更するソース コード コンポーネントを見つけます。
• ステップ4： テーマを変更するには、オプションをクリックしてください 個人 設定画面から。
• ステップ5： アイコンを見つけます トピック 利用可能なデザインのカタログにアクセスできます。無料のテーマと有料のオプションがあることに注意してください。以下の画像のサンプルを参照してください。

各テーマには、そのさまざまな特性の説明と、使用できるブラウザの種類に関する情報が含まれています。

3.  Tumblr のサイドバーを使用して HTML を編集します。

サイドバーは、画像や出版物のコンテンツのアイコンを入力するなど、HTML に簡単な変更を加えることができる Tumblr ツールです。通常はページの左側にありますが、すでに誰かが HTML の設定を手伝ってくれている場合は、右側にある場合もあります。サイドバーから変更を加えるには、次の手順に従う必要があります。

• ステップ1： クリック 構成
• ステップ2： 選ぶ 外観のカスタマイズ 左側に新しいウィンドウが開き、変更できるコンポーネントが表示されます。
• ステップ3： を探してください 高度なオプション 各ページに表示する投稿を調整します。選択できます モバイルフレンドリーなデザインを使用する o 広告を有効にする.
• ステップ4： 右側に別のウィンドウが表示され、設定に加えた変更がどのように表示されるかが表示されます。
• ステップ5： フィールドにHTMLコードのテキストを入力します。 説明 サイドバーに情報を追加します。これによって既存のコンテンツが変更されることはありません。
• ステップ6： アイコンを押します HTMLの編集 [説明] セクションでブログのソース コードを確認します。
• ステップ7： ソースコードの515行目に進みます。サイドバー コードは 782 行目で終わります。次の場所に移動します。 ラッパーサイドバー などの特性を変更できます。 フォント、色、サイズ。

HTML コードにアクセスしてブログの外部構成と内部構成を変更する方法がわかったので、必要な変更を加えるのも時間の問題です。ただし、ソース コードを変更するには基本的な知識が必要であることに注意してください。

4. iOS および Android から Tumblr で HTML を編集する

TumblrはiOSとAndroidの両方に独自のテーマエディターを搭載しており、デスクトップ版をモバイルデバイス（スマートフォンやタブレット）向けに最適化しただけです。新しいことに挑戦することを恐れないでください。モバイルデバイスを使ってブログを管理したり、HTMLを編集したりできるなら、試してみない手はありません。

Tumblr アプリをダウンロードし、3 つの HTML 編集方法で学んだすべてを Web バージョンに適用してください。 PC から Tumblr の HTML を編集する方法はすでにご存知ですが、モバイル デバイスでも同じです。以下に、実践するための手順を示します。

• ステップ1： セッションを開始します。
• ステップ2： 入る 個人.
• ステップ3： 選ぶ トピック.
• ステップ4： 「カスタムHTML」を押します。 エディタr
• ステップ5： 「外観」をクリックして、 ソースコードを終了する.

こちらもご覧ください：Instagramで個人ブログを開設する方法

Tumblr で HTML の変更を表示および保存する方法

コンピュータの製造において保存プロセスがいかに重要であるかは誰にも秘密ではありません。したがって、編集した HTML を Tumblr に保存する方法を 2 つのステップで説明し、このプロセスが効果的であることを保証します。

• ステップ1： HTML での編集を確認したら、 <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">プレビュー ブログを実行する前に、ブログ内で処理された変更が表示されます。
• ステップ2： 終了したら、 戻る矢印、 次に、をクリックします 変更を保存します準備完了です。

TumblrでのHTML編集を元に戻す方法

ブログを編集して間違いを犯したり、変更を後悔したりした場合は、次の手順を実行することで変更を元に戻せることを覚えておいてください。

• ステップ1： 変更を加える前に、元のソース コードをバックアップしてください (スクリーンショットを撮るかコピーできます)。重要なのは HTML をサポートすることです。
• ステップ2： 元のコードを削除し、HTML への編集が正しく実行されたことを確認します。
• ステップ3： テーマを誤って変更した場合は、www.tumblr.com/messages にアクセスしてテーマを再インストールしてください。できない場合は、そうしなければなりません 既定値にリセット コントロール パネルでテーマを再度配置します。

こちらもご参照ください：WordPressのフッターから著作権表示を変更、編集、削除する方法

ご覧のとおり、これらは Tumblr で HTML を編集する方法を学ぶための最も現実的な方法です。あなたがブログを修正するために探していたツールを提供し、疑問を解消するのに役立ったことを願っています。最後にコメントを残すことを忘れないでください。いつでも大歓迎です。