ひらめき2014年1月より、更新は新しいビクトリーのブログで。
http://www.victory-blog.net/もよろしくお願いいたします。

2014年12月---ドメインの不具合で一時見えなくなっていました。(汗;)

2010年10月05日

seesaaブログの、「続きを読む」を画像にする方法!

seesaaブログの、「続きを読む」を画像にする方法!
('∀')

にほんブログ村 その他日記ブログ ひとりごとへ人気ブログランキング

続きを読む


今日は、このseesaaブログについて。


ここのページの、「続きを読む」って、
なんか、わかりにくくないですか〜?


「続きを読む」の部分
(クリックすると大きくなります)


ちっちゃい字やしさ〜

で、画像にしてみよう!って思ったの。


「続きを読む」ようにしてないなら、いいんですよ。
それと、ややこしいことができるなら、このまま読んでみてください^^


いきます。


ひとつの欄に、何個も記事を入れる場合、
長い一枚の記事だと、ページが重く、しかも、
ず〜っと下まで、長く見づらいのを解消するのが、

「続きを読む」ですよね〜。

私の、このブログも、最近そういう風にしています。
でも、なんか、わかりづらいので、
画像にしてみました。


まず、記事はいっかいupアップしてくださいね。

その記事の住所は、わかりますか?
アドレスです。
私のブログの記事でしたら、

http://haruru1965.seesaa.net/article/164211927.html

これの、「続きを読む」は、タグ、#more が付きます。

http://haruru1965.seesaa.net/article/164211927.html#more

ね。


それで、「画像」をつくります。
画像は、好きなものを、作ったらいいです。

ホームページビルダー」をお持ちなら、
その中の「ウェブアートデザイナー」で、
ちゃっちゃっとつくるとか。

(私は、ウェブアートデザイナーが、お気に入りなんでするんるん


あとは、ボタンなら、

次項有As Button Generator

次項有Button Maker


とか、ま〜、他にもあるかもしれませんが、

ひとつ作成してください。

素材サイトさんにあるのでも、いいですよ。


で、その画像を、seesaaブログにアップします。

seesaaブログに画像をアップロード
(クリックすると大きくなります)

その、「画像の部分のタグ」に、リンクを貼ります。
さっきの、#more がついたほうのタグ

画像にリンクを貼る
(クリックすると大きくなります)

そしたら、よぉ〜く見てください。
seesaaは「リンク」を貼るときに、
「別のページに飛ばしてくれる」ので、


この場合、同じページで開いたほうがいいから、

target="_blank" のタグを消します。

それで、「保存」してみてください。


こんなかんじになりました。


「続きを読む」の画像


どうでしょう?
すごく、見やすくなったって、思いませんか?
クリックされやすくなったかな?


で、「続きはこちら〜」の文字も残したほうが、
私は好きなので、さっきの上のとこで、1行あけたんです。
きれいにおさまったでしょ?


★注意!!
ページはそろえる!
これは、ホームページの鉄則です!

この処理をやるなら、
「続きはこちら」があるページのすべてを、
やる必要があります!



だから、最初に言いました。
ややこしいことができるなら、どうぞ、と。^^

(私もこれから、この作業に入ります ┯◇┯)


それから、これ、たぶん、スタイルシートCSSに
組み込むこともできるって思います。

私は、よーしませんけどね^^;

今ハマってる、ワードプレスWordPressの
テーマ(テンプレート)によっては、
#more タグつけると、
勝手にキレイな「画像」になってるものがあるんです。


スタイルシート(CSS)が理解できたら、
もっともっと、便利ですね〜


こんな、パソコンのちょっとしたメモを、
もうひとつのサイト

私にもできた!WordPress(ワードプレス)でかっこいいホームページ


に載せていきます。
興味があれば、どうぞ、見てみてください。


exclamation&questionパソコンのいろは

【楽天ブックスと私】
    

ビクトリーの管理人のひとりごとでした。
モバイルはこちら⇒ビクトリーモバイル


今日も読んでくれてありがとう。




↓◆それでは、本日のgoo検索ランキングです目


↓1日1クリックお願いします\('ー'*)☆,。・:・゚
にほんブログ村 その他日記ブログ ひとりごとへ人気ブログランキング






posted by haru at 17:09 | 高知 ☀ | Comment(1) | TrackBack(0) | seesaaカスタマイズ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
READ MORE

が大きくなったのね。


ちょっとした説明で

ど〜んとわかりやすい表示にかえられるのね。

フムフム。

Posted by 東京にせかっぱ at 2010年10月07日 18:13
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


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



   2014年1月1日より、新しいブログで更新しています。
      http://www.victory-blog.net/
--------------------------------------------------
こんにちは。数あるサイトのなかから、ビクトリーのブログを見つけてくれてありがとうございます^^
このブログは、カーショップビクトリーの管理人の、個人的なブログで、わたしの、今好きなこと、今感じたことを書いているひとりごとのブログです。
更新は、好きなこと、書きたいことが見つかった時に、気まぐれに書いています。どうぞよろしくお願いします。
ツイッターは@harutan105 よかったらフォローしてやってください。

■好きな映画

シュリ

フォレスト・ガンプ
>>レビュー

ロード・オブ・ザ・リング

ぼくたちと駐在さんの700日戦争
>>ほかにはこんな映画観ました

■好きなドラマ

アンフェア

トライアングル

JIN〜仁〜
>>最終回を観て感想


SPEC
>>レビュー

ごめん愛してる
>>レビュー

THE MYTH 神話
>>レビュー

オンエアー
>>レビュー

ATARU
>>ほかにはこんなドラマ観ました

■好きな曲

>>レビュー
>>ほかにはこんな曲とか 
  

カーショップビクトリーにも遊びにきてね

私にもできた!WordPress(ワードプレス)でかっこいいホームページ