【カテゴリ:パソコン ブログカスタマイズの記録】
先日書いた以下の記事を思い出し、ふとヒラメキました。2012年9月30日 『ACR WEB』の『ページランキング』で画像が表示できた
何をヒラメイタかというと、それはもしかしたら、この『Seesaa』ブログの記事の中で『続きを読む』の文言を画像で表示することができるのではないか?という事です。
そこで試してみたところ、やはり表示することができました。
以下は、今回画像化した『続きを読む』の文言です。(キャプチャ画像)
以下は、以前(=文字による表示)の状態です。(キャプチャ画像)
...
以下に、今回自分が変更した際の手順を書きます。
スポンサーリンク
アップロードしたファイルの URL は『https://kingpcfx.up.seesaa.net/image/ReadMoreButton.png』となりました。
(2) 『ブログの管理メニュー』⇒『設定』を選択し、『記事設定』をクリックします。
以下のような『記事設定』画面が表示されます。
(3) 『続きを読む文言』の箇所に以下のような画像のタグを入力します。
<img src=https://kingpcfx.up.seesaa.net/image/ReadMoreButton.png>
タグ内で指定している URL は、アップロードした画像ファイルです。
(4) 『保存』ボタンをクリックして保存します。
以下のように『記事の標準設定が完了しました』と表示されます。
...
以上で完了ですが、なかなか反映されなかった為、自分の場合は続けて以下のように『最新の情報に更新』を『実行』したところ、反映されました。
(5) 『ブログの管理メニュー』⇒『設定』を選択し、『ブログ設定』をクリックします。
以下のような『ブログ設定』画面が表示されます。
(6) 『最新の情報に更新』の箇所の『実行』ボタンをクリックします。
以下のように『設定が完了しました』と表示されます。
『Seesaa』ブログでは、サーバー上に保存されたキャッシュが残ったままとなり、なかなか反映されないことがあります。
そのような場合は『最新の情報に更新』を『実行』することで反映されるようになると思います。
...
注意点ですが、『設定>詳細設定>記事設定』で変更した『続きを読む文言』よりも、各記事毎の編集画面に表示されている『詳細設定』の『追記リンク文言』のほうが優先されます。
↓編集画面内『詳細設定』の『追記リンク文言』
記事毎の『追記リンク文言』に何も入力していなければ、『設定>詳細設定>記事設定』で入力した『続きを読む文言』が適用されます。
逆に記事毎の『追記リンク文言』に何か入力していると、その入力内容が優先して表示されます。
ちなみに、記事毎の『追記リンク文言』にも画像のタグを入力することで、画像を表示させることができました。
以上です。
【追記】2012-11-23 16:55
2012年11月23日現在、画像のタグを以下のような内容に変更しました。
『border="0"』としたのは、IE(インターネットエクスプローラー)で表示した際にリンク画像の外周に青色の枠が表示されないようにするための対策です。
2012年11月23日現在、画像のタグを以下のような内容に変更しました。
<img src="https://kingpcfx.up.seesaa.net/image/ReadMoreButton.png" alt="続きを読む" title="続きを読む" border="0">
『border="0"』としたのは、IE(インターネットエクスプローラー)で表示した際にリンク画像の外周に青色の枠が表示されないようにするための対策です。
スポンサーリンク
【カテゴリ:パソコン ブログカスタマイズの記録】の最新記事
- 今更ですが、サイドバーにアクセスカウンターを設置した
- 『Seesaa』ブログでカテゴリの一覧表示をツリー化した
- 『Seesaa』ブログで『記事のコンテンツHTML』を新しいソーシャルボタンの仕様に対応させた
- 『Seesaa』ブログで記事の中の画像に枠を付ける方法について
- 『Seesaa』ブログでCSS(スタイルシート)やHTMLを編集する際の手順
- 『Seesaa』ブログで『続きを読む』の文言を表示させる方法を変更した
- 『Seesaa』ブログでディスク使用量が2GBに到達したので『ストレージプラン』を申し込んでみた
- 『Seesaa』ブログのスマホ用ページに『Google Analytics』を設置する手順
- 『Seesaa』ブログに『3D球体タグクラウド』を設置してみた
- 『ブログカスタマイズ』最近変更した箇所のまとめ
- 『Seesaa』ブログでカテゴリの一覧を『メニューバー』のように表示させてみた
- サイドバーに『CUBACLOCK』のブログパーツを設置した
- 『Seesaa』ブログで記事本文の右上に『カテゴリ』を表示するようにした
- 『Seesaa』ブログに『LinkWithin』を導入した
- 『我RSS』を利用して『最近の記事』の一覧を画像付きで表示するようにした
- ユニクロのブログパーツ『UNIQLO CALENDAR』と『UNIQLOCK』をサイドバーに設置した
- 『ACR WEB』の『ページランキング』で画像が表示できた
- 『Seesaa』ブログで記事タイトルの右上に画像を表示させてみた
- 『Seesaa』ブログに『ファビコン』を設置した
- 『最近のコメント』と『最近の記事』の一覧にスクロールバーを付けた
こんばんわ。
記事読ませて頂きました。
すみません。もし宜しければ教えて頂きたいのですが
現在シーサーブログを使用してるのですが
本文を入力し、追記を入力してプレビューしても
続きを読むという表示になりません。
どのような原因が考えられるでしょうか?
自分ではさっぱりで>_<
こんな分では難しいかもしれませんがよろしくお願いします
記事を読ませていただいたおかげで、やってみよう!という気になりました。残念ながら、スタイルシートの違いなのか目的を達成できず、画像は諦めて、文字装飾でやりました。
『続きを読む文言』欄に、文字以外を入れられると思ってもいなかったので、目からウロコの発見をさせていただきました。ありがとうございました!
シーサーのブログでも、こんなにもスッキリで盛り沢山のブログに出来るのですね。
真似はできそうにもありませんが、シーサー使い続けるか迷っていたので、もう少し頑張ってみようと思った次第です。
長くなりましたが、記事、ありがとうございました。