ブログカスタマイズ、番外編

今日は、2016年4月の記事で書いた「トップページに中途半端に表示される記事本文を、どーにかしたい」ついて。 BOSSさん発明の方法ですが、元記事が失われたため、メモメモ


今日は、2016年4月の記事で書いた

 トップページに中途半端に表示される記事本文を、どーにかしたい

こちらの方法について。
BOSSさん発明の方法ですが、元記事が失われたため、メモメモ

画像


★━━━━━━━━━━━━━━━━━━━━★

まず、前提。

ウェブリブログではトップページの新着記事の右に本文が載るんだけど、

あいうえお。
かきくけこ。

さしすせそ。
たちつてと。

こういう本文だったら、「あいうえお。かきくけこ。」が載る。
つまり
甲 : 改行1つは無視され、連続の文章として表示される。
乙 : 改行2つがあると、それ以降の文章はカットされる。
という法則。

★━━━━━━━━━━━━━━━━━━━━★

BOSSさんの方法は斬新で、
 「ウェブリブログの法則が適用されたくないんなら、適用されないような文章を書けばいいじゃない
というマリーアントワネットばりの発想。

つまり。

上記の例文で、「あいうえお。かきくけこ。さしすせそ。」を新着記事の横に表示させたいなら、
以下のように書く。

<span style=font-size:0px>あいうえお。かきくけこ。さしすせそ。</span>

あいうえお。
かきくけこ。

さしすせそ。
たちつてと。

つまり、
 本文自体の前に <span style=font-size:0px>■</span> を使って、
 表示させたい文章を書いてしまう
という技なのです☆

↑の構文は、「0ピクセルで文字を表示する」という意味なので、
この構文で書いた文章は本文には反映されません。

例えば、以下の記事は新着記事の横にこんな文章がありますが…

画像


ブログ本文には、表示されていません。

画像


「構文内と同じ文章」を記事でも表示させたい場合は、
上記の「あいうえお。~」の例のように、構文の下に同じ文章を繰り返す必要があります。

★━━━━━━━━━━━━━━━━━━━━★

応用編。

ブログTOPでは画像を表示させたいけど、ブログ本文には要らない」という場合。

こういう場合は、画像を挿入したあと、構文内の以下の部分をいじる。

<div align="center"><a href="http~.png" width="360" height="226" class="up-image" alt="画像" title="画像を等倍で表示します" /></a></div>

↓↓↓

<div align="center"><a href="http~.png" width="0" class="up-image" alt="画像" title="画像を等倍で表示します" /></a></div>

こうすると、例えば、以下の記事は新着記事の横にこの画像がありますが…

画像


ブログ本文には表示されていません。

画像

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック