さくらのブログ（＝OEM Seesaa）で“続きを読む”テキストリンクを無理やり画像ボタンにする荒業
さくらのブログ（＝OEM Seesaa）で“続きを読む”テキストリンクを無理やり画像ボタンにする荒業
さくらのブログ（＝OEM Seesaa）（以下、さくらのブログ）では、
ブログサービスの機能として、“続きを読む”というのがあります。
かんたんに説明しておくと
“続きを読む”とは、Blogの記事が長くなって
『長いけど、詳しく知りたい方は、この先のリンクをみてちょ』
的なものだと思ってください。
“続きを読む”は 是か非か？なんてことも
よく取り上げられますが、ここでは触れません。
まず、この“続きを読む”具体的にどのような
実装になっているのかを解説します。
まず準備から。
記事投稿の画面で“本文”と“追記”部分に分けて
入力できるようになっていますので
それぞれ分けて記事を入力します。
すると、
トップや過去ログなどで記事が一覧で並んでいるときに
“本文”の最後の行の下に“続きを読む”リンクが出現。
これをクリックすると、記事の単独表示ページへ遷移します。
もう少し細かく言うと、
“本文”と“追記”が合体され表示された
単独表示ページの“追記”の上部分へのページ内リンク
となります。
こう書くとなんだかややこしいのですが
別に難しい話でもなんでもなくて。
ＵＲＬにするとこのようなかんじです。
/article/00000000.html#more
…まぁしくみはこんなかんじで至ってシンプルです。
で、いよいよ本題に近づくのですが
その肝心の“続きを読む”リンクが
単なるテキストリンクで非常に目立たない。
実際、人に見てもらったのですが、
「気づかないよ」って言われたことも。
なので、このテキストリンクを画像ボタンにしましょう、
っていうのが今回の主題です。
そんなの画像用意してソースいじったら終わりやん、
ってかんじでしょうが、、これがそうはいかなくて＾＾；
ＨＴＭＬソースや記事ソースを見たのですが
それらしき場所は見当たらず…
設定箇所といえば
設定 -> 記事設定 -> 続きを読む文言
で、ここで表示テキストを変更できるのですが、、
基本的にタグは入力できません。
試しにやってみたんですね。
そしたらやっぱり駄目でした。
なんかおかしくなります。
。。。
そこであきらめないkimidoraは色々試しまして
、、、なかば強引に画像化することに成功！
本当はこういう使い方しないんでしょうが…
。。。
それでは説明します。
説明自体は一瞬です。
記事投稿もしくは編集画面に出てくる
追記リンク文言のテキスト入力フォームにて
htmlソースを入力する。
そういうことです。
ここだとhtmlオッケーなようで。＾＾；
。。。
この荒業を使う上で注意すべきは、
記事設定の画面で、予め設定ができないがために
記事を投稿するたびに、ここも毎回ソースを入力しないといけない
のでちょっと面倒です。＾＾；