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

カフェに座っている女子学生。

続きを読む休憩はブログを分割するのに最適な方法です。

画像クレジット: millann / iStock / GettyImages

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

Tumblr「続きを読む」–簡単な方法

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

今日のビデオ

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

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

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

この時点からのプロセスは単純です。 すでにテキストが配置されている場合は、「

" と "

"段落の始まりと終わりのタグ。 「続きを読む」ブレークを配置する終了タグと開始タグの間に、「[[MORE]]」(引用符なし)と入力して、「続きを読む」ブレークを生成します。

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

MarkdownEditorの「続きを読む」

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

HTMLに改行を追加する

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


"(引用符なしで)改行を表示するポイント。 段落タグを閉じるときと開くときの間にこれを置く必要はありません。 それはどこでも動作します。