さくらのブログ(=OEM Seesaa)で“続きを読む”テキストリンクを無理やり画像ボタンにする荒業

2008年3月24日

さくらのブログ(=OEM Seesaa)で“続きを読む”テキストリンクを無理やり画像ボタンにする荒業

さくらのブログ(=OEM Seesaa)(以下、さくらのブログ)では、
ブログサービスの機能として、“続きを読む”というのがあります。

かんたんに説明しておくと
“続きを読む”とは、Blogの記事が長くなって
『長いけど、詳しく知りたい方は、この先のリンクをみてちょ』
的なものだと思ってください。

“続きを読む”は 是か非か?なんてことも
よく取り上げられますが、ここでは触れません。

まず、この“続きを読む”具体的にどのような
実装になっているのかを解説します。

まず準備から。

記事投稿の画面で“本文”と“追記”部分に分けて
入力できるようになっていますので
それぞれ分けて記事を入力します。

すると、

トップや過去ログなどで記事が一覧で並んでいるときに
“本文”の最後の行の下に“続きを読む”リンクが出現。
これをクリックすると、記事の単独表示ページへ遷移します。
もう少し細かく言うと、
“本文”と“追記”が合体され表示された
単独表示ページの“追記”の上部分へのページ内リンク
となります。

こう書くとなんだかややこしいのですが
別に難しい話でもなんでもなくて。

URLにするとこのようなかんじです。
/article/00000000.html#more

…まぁしくみはこんなかんじで至ってシンプルです。

で、いよいよ本題に近づくのですが
その肝心の“続きを読む”リンクが
単なるテキストリンクで非常に目立たない。

実際、人に見てもらったのですが、
「気づかないよ」って言われたことも。

なので、このテキストリンクを画像ボタンにしましょう、
っていうのが今回の主題です。

そんなの画像用意してソースいじったら終わりやん、
ってかんじでしょうが、、これがそうはいかなくて^^;

HTMLソースや記事ソースを見たのですが
それらしき場所は見当たらず…

設定箇所といえば
設定 -> 記事設定 -> 続きを読む文言
で、ここで表示テキストを変更できるのですが、、
基本的にタグは入力できません。

試しにやってみたんですね。
そしたらやっぱり駄目でした。
なんかおかしくなります。

。。。

そこであきらめないkimidoraは色々試しまして
、、、なかば強引に画像化することに成功!

本当はこういう使い方しないんでしょうが…

。。。

それでは説明します。
説明自体は一瞬です。

記事投稿もしくは編集画面に出てくる
追記リンク文言のテキスト入力フォーム
にて
htmlソースを入力する。

そういうことです。
ここだとhtmlオッケーなようで。^^;

。。。

この荒業を使う上で注意すべきは、
記事設定の画面で、予め設定ができないがために
記事を投稿するたびに、ここも毎回ソースを入力しないといけない

のでちょっと面倒です。^^;

この記事は役に立ちましたか? 役立った 役立たなかった
0 人中 0 人がこの記事は役に立ったと言っています。

★新記事下ハイブリッドads