Tumblr で続きを読む HTML ブレークを追加する方法

Tumblr に「続きを読む」ブレークを追加することは、ブログのコンテンツを分割し、複数の投稿を簡単にスクロールできるようにする優れた方法です。 Tumblr で使用される標準のリッチ テキスト エディターを使用すると簡単に実行できますが、HTML に Tumblr の「続きを読む」ブレークを追加する場合は、少しコードを追加する必要があります。これは標準の HTML コードではなく、投稿をプレビューするときには機能していないように見えますが、投稿後は希望どおりに表示されます。ただし、標準的な方法の方がはるかに単純であるため、両方の方法を知っておくことをお勧めします。

Tumblr “続きを読む” – 簡単な方法

Tumblr の標準的なリッチ テキスト エディターを使用すると、「続きを読む」の区切りを簡単に追加できます。まず、投稿の最初のセクション、つまり「続きを読む」の休憩の前に行きたい部分を書きます。次に、「Enter」を選択して新しい行を開始し、新しい行の横のエディター ウィンドウの右側に向かって表示される「+」記号に注目してください。この記号をクリックすると、オプションが表示されます。右端のオプションは、灰色の背景に対する 3 つのドットの行です。

3 つのドット記号をクリックして、簡単な方法で「続きを読む」区切りを挿入します。 PC では「Ctrl」+「Shift」+「K」、Mac では「Command」+「Shift」+「K」のショートカットを使用して同じことを行うこともできます。これにより、必要な HTML コードが自動的に生成されます。したくない場合は、HTML エディターに移動する必要はありません。

「続きを読む」の HTML コード

Tumblr の HTML エディターを使用して、Tumblr の「続きを読む」ブレークを作成することもできます。エディターにアクセスするには、新しい投稿を作成するか、既存の投稿を編集しているときに、画面の右上隅にある歯車のアイコンをクリックし、[テキスト エディター] の横にあるドロップダウン メニューをクリックします。表示されたオプションから「HTML」を選択すると、エディタが HTML モードに切り替わります。

ここから先のプロセスは簡単です。既にテキストが配置されている場合は、"

"と"

" 段落の開始と終了にそれぞれタグを付けます。"Read More" ブレークを配置する終了タグと開始タグの間に、"[[MORE]]" (引用符なし) と入力して "Read More" を生成します。もっと「ブレイク。

ただし、このコードは HTML の標準ではないため、[プレビュー] をクリックすると、記述したとおりに表示されます。しかし、心配しないでください。投稿を公開すると、前の方法を使用した場合と同様に、休憩として表示されます。

Markdown エディターの「続きを読む」

Tumblr のエディターの最後の形式は Markdown エディターで、このエディターを使用して「続きを読む」リンクを作成することもできます。プロセスは HTML の場合とまったく同じです。 "Read More" ブレークの前に移動するテキストを入力し、テキストの入力を続ける前に "[[MORE]]" と入力します。 HTML モードのようにプレビューには表示されませんが、投稿を公開すると機能します。

HTML に改行を追加する

「続きを読む」リンクはコンテンツを区切る最も便利な方法ですが、HTML に改行を挿入する方法を知っておくと役立つ場合もあります。これは簡単です:コードを挿入してください "

" (引用符なしで) 改行を表示したい位置に挿入します。段落タグの終了タグと開始タグの間にこれを配置する必要はありません。どこでも機能します。