格闘し続けること数日。やっと記事の折りたたみに成功(涙)。いろんなブログに「続きを読む」があって憧れていたのですが、あっちこっちのブログのお世話になって、ようやくできるようになりました。できないと、「アリの巣コロリ」みたいな駄文ダラダラかけないし。
お世話になった筆頭facet-diversさん、そしてぴっくあっぷ@blogzin・チョックの道草・Big Kafuna Burgerの皆様、心より御礼申し上げますっ。
どうやってやったか、自分でも後で絶対にわからなくなると思うので、備忘録としてやり方をここに書いておこう。
【設置方法】
まず、face-diverさんのページより、「foldContent00b.js」をダウンロード これを自分のPCに保存。で、ブログの新しい記事作成して「ファイルを挿入」してこれを入れる。これが「アップロード」ちゅうことなのねー。どこにアップロードしていいかわからないので、この新規記事を「下書き」状態にしておいたのだけど、アップロードしたものは、どの記事であろうが同じURL(私の場合は下記3のhttp://age-world.mo-blog.jp/ama/files/foldContent00b.js、の部分)になることを理解。あとは、ぴっくあっぷ@ブログ人さんのを参考に下記の通り実行。
- ブログ人の「私リスト」に新しいリストを作る。リストのタイプは「リンク」。
リストの名前は空欄。でも何も入れないと先に行ってくれないので、スペースを入れておく。リストの名前は、自分の好きなものにして、前後に<!--名前-->と入れれば、ブログに表示されない。例えば<!--折りたたみ-->(実際は<、>も半角にして)とかにしておく
で、「新規リスト作成」をクリック
- 「管理」の中の「新しい項目を追加」をクリックして、URL、リンクのタイトル、リンク先のURLを全部空欄にしたまま、メモ欄へ。メモ欄の中に下記3のスクリプト(facet-diverさんの注意書きを参考に、自分用に変更したもの)を貼り付け、「項目を保存」クリック。
- <script type="text/javascript" src=;http://age-world.mo-blog.jp/ama/files/foldContent00b.js">
</script>
<script type="text/javascript">
<!--
showSequelText = "[続きを読む]";
hideSequelsText = "[続きを隠す]";
foldInPermalinkPage = true;
foldOnlyWhenHrExists = true;
//
foldContent();
//-->
</script>
- 「設定」のタブの「高度な設定」のメモを表示の項目を「テキスト表示にする」に変更して変更を保存。
- あとは、ブログの「デザインの変更」の、「表示項目」で新しい私リストを選択し、「並べ方」で場所を決めておしまい。(私は右側の上から2番目にした)
- 自分の記事の折りたたみたいところに<hr>を入れれば、そこで折りたためる。それからBig Kafuna Burgerさんがこう書いているのをふむふむと読んで、線の色も出ないように実行。
ふう。以上。
そもそも「続きを読む」でパッと続きが読めるのを「折りたたみ」というんだということからして、知らなかった...だから、最初は検索の用語を「続きを読む」に設定してのスタート。途中で「へー折りたたみっていうのか。」と用語変更。
めぐりめぐって、お世話になったのは、facet-diverさんのこちら。と、いうか、どこのサイトに行っても、最後にはここに行き着き...「とってもわかりやすく書かれていて、これを読んだら、みんなすぐに折りたたんでいる」、らしいのですが、私のように素人に「ド」が何十個もついてるモンにはやっぱりわかりません。このサイトに出会ってから4-5日の間読んで読んで、試してもうまくいかない。
Javascriptとか、HTMLとか、そもそもそういうのがまーったくわからん。「コード」とかスクリプト「本体」とか...。スクリプトって、英語で手書きとかじゃなかったっけ?でも取りあえずそんなんじゃなさそうだ。それに、本体があれば部品もあるのか?Javascriptはプログラムなんだなー、おお、スクリプトって、Javascriptのscriptか....と、こうして果てしなく疑問はわき、自己解決を進めること数日。
ぴっくあっぷ@blogzinさんのこちらにかみ砕かれて書いてあったので、再度トライ。でもやっぱりたためず。
とうとうあきらめて、だけどどうしても折りたたんでみたくて、ブログ人のコース変更を決意。
これまで無料の「はじめの一歩」だったのを、ホップ抜かして「ステップ」に。「ステップ」には折りたたみ機能があるっていうから。それも、ブログ人の説明みてわかったのでなく、誰かのブログに書いてあったのを見て。ブログ人のコース説明、わかりにくすぎ。
折りたたみのために、月735円!でも、あまりにもできなくて、時間かかるわ、夫には「我が家の電車女」とか言われるわで、「よっしゃ、それなら金で解決じゃ!!」という気になりまして...
で、試してみたら、この「ステップ」の折りたたみが全然素敵じゃない!!シンプルに「続きを読む」とかにしてほしいのに、いちいち個々の記事のタイトルが入っちゃうし、「続きを隠す」もついてないから、いちいち「戻る」をクリックしないと引っ込まない。なんか他にやり方があるのかもしれないけど、そのやり方もわからないし、不親切過ぎ!
だからもう一回だけ、挑戦しよう、と思ってまたあちこちのサイトを訪問。チョックの道草さんのこちらを読んで、おぼろげながら私の犯した過ちがわかってきた。っていうか、最初から、このスクリプトの中のURLの変更があやしいと踏んでいたのだけど、どうおかしいかがわかんないのね。チョックさん「アホ丸出し」って言われても、その丸出しのアホの部分すらわからないわけで...
それでここからまたごちゃごちゃごちゃごちゃやり続けたわけです。もう書いてたらきりがない。とにかく解決した (^_^)v
今からまたブログ人のコース変更して、「はじめの一歩」にもどさなきゃ。無料お試し期間があってよかった~