2022年8月12日金曜日

Blogger(ブロガー)の【本文紹介文字列】を任意の位置で区切るHTMLコード


<span><!--more--></span>

上記のコードを、記事の投稿・編集画面左上の操作メニューから「HTMLビュー」を選び、表示されるHTMLコード上で【区切りたい任意の位置】に挿入します。

◆編集(操作)メニュー【HTMLビュー】はここに隠れています。

これで、Bloggerに初期設定されている最大文字数(概ね140文字前後だそうです)以内の場合、上記HTMLコードを挿入した位置で区切ることができました。

この「区切り」を設置した結果、トップページでは挿入した位置で「続きを読む」と表示され、サイドバーの「新着記事」「人気記事」ガジェット内では、挿入した位置までの【本文紹介(スニペット)】表示になりました。

テーマによっては「機能しないこと」があるようです

実際に試してはいないのですが、先人である皆さまからの情報によれば「機能しないテーマがある」ようです

また、上記のHTMLコード挿入は「HTMLビュー」で行ったほうが良さそうです。

ジブンが利用している環境(テーマなど)では、通常の「作成ビュー」でHTMLを記述しても、普通に〝テキスト〟として扱われました。

この辺りはテーマとの関係ではなく、Bloggerの仕様でしょうか。

他にも、表示や表現上の細かな「気になる点」はまだまだありますが、それらはぼちぼちと手を掛けていこうと思います!

改めてBloggerのすごさを実感

それにしても、「強制広告無し」「無料」のブログサービスとしての完成度、高機能ぶりはさすがBlogger!

多少手間は掛かりますし、HTML・CSSの知識が必要となる場面もありますが、たいていの「こうしたい!」は実現できてしまうように思えてきます。

久々にBloggerへ出戻りしてみて、改めて「スゴイものだなぁ!」と…。これで、もっとデフォルトで用意されているテンプレートが〝ナイス!〟になれば (^^; 、ほんとWordpress要らずになるかも…。

0 件のコメント:

コメントを投稿

Blogger(ブロガー)の【本文紹介文字列】を任意の位置で区切るHTMLコード

<span><!--more--></span> 上記のコードを、記事の投稿・編集画面左上の操作メニューから 「HTMLビュー」を選び 、表示されるHTMLコード上で 【区切りたい任意の位置】に挿入 します。