まぜこぜブーン

ブーン系まとめ

 スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | CM(-)


 【追記】( ^ω^)たちはブーン系小説まとめサイトを云々

07/21 長いので新しい記事に移しました

 ▼追記
 ※1 FC2ブログでのまとめ方、Dropboxについて
 ※2 ブログまとめでの注意点、背景色について、変換装置について
 ※3 ●(有料ツール)について、倉庫について
 ※4 ページの分割、スマホ対応について
 ※5 まとめのモチベに関して
 ※6 したらば掲示板の転載について、まとめ方、ツールの変更 13/05/03up
 ※7 背景色・文字サイズについて、総合イラストのまとめ方 13/05/07up
 ※8 更新後の作業について、連載の更新日時を2000年以前にしている理由 13/05/10up
 ※9 百物語専用ページについて 13/07/21up
 ※10 FC2ブログのアップロードファイル容量、タグクラウドについて 13/08/04up




 ※1 FC2ブログでのまとめ方、Dropboxについて
72 ◆mzkz/7EEZc :2013/01/15(火) 21:11:55 ID:.pARwwDc0

読んでるだけだとなんのこっちゃか分からないだろうと思います。
とりあえず適当にアカウントを取得して触ってみるのオススメ。
サイトのタイトルを決めるのが最初の関門だったりする。

 【補足】


>>30にあるFC2の投稿は、あまり良い方法ではないかもしれません。
一度WYSIWYG起動すると次の記事を書くときには起動したままになっているので。


代わりに、↓のような変換機を使うのも手です。
手軽さではこちらが上かも。

   HTML実体参照コード変換機
   http://html.seo-search.com/js/html_convert01.html


この場合手順は以下のように変わります。
①作品レスをコピペ
②変換機を通す
③メモ帳などで名前欄を置き換えて色づけ
④ブログにアップ



あとは、サクラエディタのマクロを使うとか。


   HTMLエスケープ(js)
   http://mocaskr.blog42.fc2.com/blog-entry-2.html (リンク先:Mocaのブログ様)

// SakuraEditor + JScript macro から html_escape(); までをエディタで開いて拡張子[.js]で保存して下さい。
使い方は↓に。あんまり分かりやすいページが見つからなかった。


   マクロの実行
   http://www.geocities.jp/maru3128/SakuraMacro/usage/ExecMacro.html


117 ◆mzkz/7EEZc :2013/04/04(木) 00:15:10 ID:/Q2FN6Ao0


 ▼ 画像のアップロード(Dropbox)について。

>>15で ※ などとしているのは、投下時点で確認を怠ったからなんですが、
あれから調べて、既に総合まとめでは導入しています。

参考にしたのは以下の、※画像に関して。

   創作学ぶ系案内(by管理人) 番外編「まとめサイト編」
   http://buraritoyaruo.blog79.fc2.com/blog-entry-410.html (リンク先:ぶらりとやる夫様)

現在では仕様変更で手順が違うようなので簡単に解説。




多くの無料レンタルサーバには、アップロードできるファイルのサイズに制限があります。
FC2ブログであれば500KB、Livedoorブログであれば2MB。また、FC2HPの無料版なら1MB。
サイズの大きい画像はこのアップロード制限に阻まれることも度々。

→なら、制限のゆるい場所にアップして、そこへのリンクを張ればいい、
  のだけど、無料サーバでは、過度な負担がかかるために禁止されていることが多いです。いわゆる「外部呼び出し」。





118名も無きAAのようです :2013/04/04(木) 00:15:53 ID:/Q2FN6Ao0


そこでDropboxの登場。

   Dropbox
   http://www.dropbox.com/

Dropboxというのは、wikipedia的に言えばオンラインストレージサービス。
ごく簡単に言ってしまえば、アップローダー。

アカウントを取ればWEB上にファイルを期限なく保存しておけて、
他人が見られるように公開用のURLをつくり出すことが出来ます。



普段ブラウザ上で管理してる(専用ソフトは使ってない)ので、ここではその手順を。


①Dropboxにファイルをアップロード
②ファイルをクリックして選択
③「リンクの共有」という文字が出てくるのでクリック

④出てきた画面で「リンクを取得する」というボタンをクリック

  こんなURLがクリップボードにコピーされます。
  https://www.dropbox.com/s/n3shawbhf7gx8y9/mataameka.png

⑤URLの www を dl に置き換え(画像のみを表示させるため)
  https://dl.dropbox.com/s/n3shawbhf7gx8y9/mataameka.png


これでDropboxでの作業は終わり。

【参考】  
dropbox_1.png

dropbox_2.png





119名も無きAAのようです :2013/04/04(木) 00:16:37 ID:/Q2FN6Ao0


このURLからサムネイルを生成しても大丈夫だとは思うんですが、
まぜこぜでは、サムネイル用にサイズを縮小した画像を用意しています。

これは、ぶらりとやる夫さんのやり方を真似たからと、この方が多分表示が軽いから。
サムネイルで閲覧を済ませてしまう人にはこの方が便利なので。


FC2ブログの場合、サムネイル用の画像をアップして、
「この画像で記事を書く」ボタンを押すと、 ↓のようなタグが出てきます。


<a href="http://blog-imgs-55.fc2.com/m/z/k/mzkzboon/mataameka.png" target="_blank">
<img src="http://blog-imgs-55.fc2.com/m/z/k/mzkzboon/mataameka.png" alt="" border="0" width="292" height="172" />
</a>


1行目のURLをDropboxのものに差し替えておけば、
閲覧者がサムネイル画像をクリックしたときに、元の画像が表示されます。


<a href="https://dl.dropbox.com/s/n3shawbhf7gx8y9/mataameka.png" target="_blank">
<img src="http://blog-imgs-55.fc2.com/m/z/k/mzkzboon/mataameka.png" alt="" border="0" width="292" height="172" />
</a>


差し替えを忘れると劣化したサムネイルがそのまま表示されてしまうのでご注意。

ちなみに、Dropboxでなくても、方法はいくらでもありそうです。
やる夫我執さんでは、アップローダーをレンタルしているみたい。
オンラインストレージも色々ありますしやりやすい方法で。






 ※2 ブログまとめでの注意点、背景色について、変換装置について
66名も無きAAのようです :2013/01/15(火) 14:57:48 ID:JOYuW8VU0
やる夫系の纏めはかなり豊富でブログ形式の方が圧倒的に多い
ブーン系に関しては半々ぐらいかな

これから纏めを始める人に気をつけて欲しいのは
あれこれとブログパーツとかつけてページ表示の処理を重くすること

一部やる夫系サイトにも見られるが重すぎてページが崩れて作品がかなり読みづらくなったりする
読み手は自然と読みやすさ重視になってくるから表示に時間かかったりするとイライラする人もいる

サイト、ブログの背景に関しては個人的な意見だが白背景に黒文字は目が疲れやすいから避けた方が良い
やる夫系みたいなのは大型AAによるストーリー展開、所謂漫画風だから目の負担は軽減されてる気がする

一方のブーン系はほぼ文字だけといっても過言じゃないし
長時間読む人にとっては芸さんあたりぐらいのグレー背景が目の負担を軽減できると思う


73 ◆mzkz/7EEZc :2013/01/15(火) 21:13:29 ID:.pARwwDc0


色関連だとこのスレが参考になるかな。

目にやさしい色を追い求める
http://toro.2ch.net/test/read.cgi/desktop/1122045367/

74名も無きAAのようです :2013/01/15(火) 21:32:16 ID:JOYuW8VU0
( ^ω^)変換装置 v0.12b 
http://xcyv9xdvhq.sakura.ne.jp/

これはスレによっては削除人等により削除されたレスが途中にあるとエラーを起こしてレス抽出が出来ない場合がある。

DAT2HTML
http://tatsu01.sakura.ne.jp/

とかV2Cと併用などすれば便利かもしれない。



 ※3 ●(有料ツール)について、倉庫について
76名も無きAAのようです :2013/01/15(火) 21:48:31 ID:JOYuW8VU0
参考までに●(有料ツール)に関することも少し

メリットとしては

・dat落ちしたスレを閲覧できる
・スレ立て規制が緩和
・ホストがアクセス規制されていても書込み可能
・連続投稿規制が緩やかに
・忍法帖のレベル上げに伴う投稿間隔の緩和

作者、読者、纏めとしてもメリットはある。

VIP投下の少ない今としては不要かもしれないが、過去作を纏めたいときなど専ブラからの抽出時は便利。
dat取得できればその他のツールで変換できるので必ずしも必要なわけじゃない。

モリタポ使うぐらいなら●の方が良いと個人的な感想。
アカウントを取得すれば2chmateなどスマホでも快適な2ちゃんライフがおくれるのもメリットの一つ。

詳しくは http://2ch.tora3.net/maru.html を参考に。


77名も無きAAのようです :2013/01/15(火) 21:54:49 ID:Y0hkOrGE0
ブーン系限定なら倉庫にdatファイルあるからそれ使ってまとめると良いよ
http://www7.atpages.jp/mesimarja/boon/
今はもうログ速とかログ保管サイトかいくつもあるし●無しでも過去作は大抵まとめることが出来るよ

●は便利だけど高いからな


79名も無きAAのようです :2013/01/15(火) 23:38:05 ID:FGyi7eis0
倉庫はID抽出が出来るから、作者レスだけ抽出するならそちらを使うのも便利だよな
スレを開いて一番上にあるIDを選択でID抽出できる

http://www7.atpages.jp/mesimarja/boon/



 ※4 ページの分割、スマホ対応について
86名も無きAAのようです :2013/01/27(日) 15:49:13 ID:03CwHn3U0
質問なんだけど
一話が長い作品はページを分割した方が読みやすい?


88名も無きAAのようです :2013/01/27(日) 16:30:12 ID:bRLIRtH20
パソコンだと分割しなくても大丈夫かなぁ。
次にってクリックするよりスクロールの方が楽だし。

携帯だと分割のほうがありがたいと思う。


89 ◆mzkz/7EEZc :2013/01/27(日) 19:25:06 ID:im6EXUc20

今あるまとめは分割しないところが多いかな? まぜこぜでもしていない。
確か7xさんは16KB超えないくらいで分割してたはず、時期や作品によりけりだけど。

こういうのは読み手書き手から希望を言ってくれた方が個人的には助かるなぁ
要望通り出来るかは分からないけど、言われないと考慮も出来ないし

ガラケー主流の頃は読み込みきれないから分割してた部分もあるんだろうけど、
今、スマホで読むときも分割されていた方が読みやすいんだろうか?


90名も無きAAのようです :2013/01/27(日) 20:09:55 ID:nj.m9Xi.0
スマホで分割するなら「次へ」とかを大きくしてくれると嬉しいな
自分だけかもしれないが、小さい(細かい?)所が押し辛くって


91名も無きAAのようです :2013/01/27(日) 22:15:45 ID:03CwHn3U0
>>88-90
ありがとう
ガラケー、スマホ、PCで見やすさが違うんだよな
どれでも見やすいのはどうすりゃ良いものか


92名も無きAAのようです :2013/01/27(日) 23:25:37 ID:im6EXUc20
>>90
確かに小さいリンクは押しづらいと思う。見直してみる。

>>91
悩んでいる時間で分割と一括と両方作ってしまうのも手かな。
閲覧環境ごとにページを用意できれば良いんだろうけど、
それでも人によって完璧とは言えないんだろうし、
他の作品をまとめることにその時間をあてた方が有意義かもしれない。



 ※5 まとめのモチベに関して
120名も無きAAのようです :2013/04/04(木) 00:18:14 ID:/Q2FN6Ao0

最後に、どこかで「まとめが続かないのはどうしてだ」みたいな書き込みを見たので、
モチベに関して、適当に書き付けて終わろうかと思います。
まとめ作業の先に何を期待しているかは人それぞれなので、あくまで自分語りになりますが。



 ▼ まとめのモチベに関して

自分がまとめやってて良かったと思うのは、まとめた作品の感想を見かけたときです。

「まとめは読者の延長」というだけあって、
まとめるのは、感想書いて人に勧めるのと似たようなことだと思います。

面白い作品を読んだら、それについて誰かとあーだこーだ言い合ったり、
人が作品について話しているのを聞いたりしたいわけです。

やっぱりスレに活気があると何かやりたくなりますし、
ブーン系そのものが盛り上がっていれば、続けられるものなんじゃないですかね。
スレが賑わってるのが何よりのモチベです。
リアルとのバランス等々もあるでしょうけど。


はじめはアクセス数とか気にしてたんですが、今はそうでも。
PVカウンターもさっき外しました。重くなっても嫌ですし。

まぜこぜブーンは、不特定多数に見せるというより、ブーン系にいる人に見せるまとめなのでね。
そういう意味で、まとめ事情さんの更新が非常にありがたい。
こんなところ見ていないと思いますが、いつもありがとうございます。



 ▲ 以上がスレでのやりとり。(一部修正済み) ▼ 以下、書きたいことがあればまとめでのみ追記予定。
 ※6 したらば掲示板の転載について、まとめ方、ツールの変更 13/05/03up

▼本編>>16「転載について」に追記。
 Livedoorブログの優位性が少し薄れたかな。

したらば掲示板 開発日誌より 「livedoor Blogへの転載許可の解除のお知らせ

掲示板でのローカルルール等で転載について言及がない限り転載を可能としておりましたが、
今後、転載についてはすべて掲示板管理者の意向に沿った形でご利用を行って頂く様お願い致します。





▼読者レスのまとめ方
読者レスを載せる場合、以下の<div>タグでレス全体を挟み、末尾の改行をひとつ削除。
作品本文レスとの間には改行タグを二つ足す。

 <div style="font-size:75%; line-height:1.125;">
 </div>



▼AAのまとめ方
画像化しない場合は、以下のタグをAA部分に挿入。
AAの幅が記事幅を超える場合に横スクロールバーを表示する。
ただし、スマホでは横スクロールバーが表示されないため、ややこしいかも。

"white-space:nowrap;"で、折り返し(横幅に合わせた改行)を禁止。
"overflow-x: auto;"で、幅に応じて横スクロールバーを表示。

 <div style="white-space:nowrap; overflow-x: auto;">
 </div>




▼感想絵スレのまとめ方(最近やってないから抜けがあるかも。)

1.スレのHTML化。レス抽出は行わない。
2.読みながら大体の流れを掴み、レスを消したり入れ替えたり。
3.10分絵祭りの場合、イラストへの安価レスをまとめるために手作業で抽出。
  安価部分を↓こんなタグで囲みイラストのあるレスの末尾に挿入。


 <p style="background-color:#f5deb3; padding:10px; font-size:75%; line-height:1.125;">
 </p>



4.作品URLがない場合はまとめ検索で探し、ブログのエディタ上で作品名をリンク化。

 <p style="background-color:#f5f5f5;padding:10px;">
 </p>



以上3点、まとめ方をちょっと詳しく書いてみた。忘備録。
書いてしまうとあっさりだけど、感想スレは地味ーに時間がかかるのです。
画像を5枚ずつしかうpできないのが痛いね…。


>>54の②、置換に使うソフトを「Repl-Ace」に変更。
正規表現が使いたかった。


   Repl-Ace
   http://www.sirmiles.com/repl_ace/ (リンク先:Repl-Ace on .NET様)




V2Cから生成したファイルを以下のように置き換える。(ほぼ自分用メモ。)

記事末尾の転載元作成。(正規表現、マルチラインモード)

 <font size=\+1 color=red> → <br /></div>\n<hr size="1" /><span style="color:#666666">
 </font><br> → <br />\n</span><hr size="1" />


名前欄、メール欄の表記を変更。(正規表現、マルチラインモード)

 <a href="mailto:(.+?)"><b>(.+?)</b></a> → <font color="green"><b>$2</b></font> [$1]


VIP、シベリアの名無しを短く。

 <b>以下、名無しにかわりましてVIPがお送りします</b> → <b>VIPがお送りします</b>
 <b>いやあ名無しってほんとにいいもんですね</b> → <b>名無しっていいもんですね</b>


細かい修正。

 <font color=green> → <font color="green">


レス本文を右に寄せ、名前欄との間隔を少し空ける。
(正規表現、マルチラインモード)

<dd> → \n<div style="margin-left: 20px; padding: 5px 0px;">\n
\n<dt> → <br></div>\n


細かい修正その2。

名前: → :


ブログテンプレに基づき、改行タグをXHTML仕様に。同時にソースの可視化も。(正規表現、マルチラインモード)

<br> → <br />\n


省略された連続する半角スペースを全角スペースに。

   →  


安価リンク外し。(正規表現)

<a href="#R.*?">(.+?)</a> → $1


文字コードをShift-JISに。(置換 → 文字コード変換マクロ)

@USE[SJIS]


メール欄のsageを削除。

[sage] → 


リンクを新しいタブで開くように設定。

<a href="http(.+?)"> → <a href="http$1" target="_blank">






 ※7 背景色・文字サイズについて、総合イラストのまとめ方 13/05/07up

▼背景色・文字サイズについて
まぜこぜの背景色は、「#EFEFEF」で、スレと同じはず。
見やすさから選んだけど、更新情報記事の企画告知欄のように他の色を使う場合、
背景と馴染む色が少なく探すのに苦労するので白背景も悪くないなと思い始めてます。

文字サイズを12ptにしたのは、AAを考えてもあるんだけど、一番の理由は他にあった総合まとめとの差別化。
何かの拍子に復帰してくれないかなと思ってたんですが、そううまくはいかないですね。


▼総合イラストのまとめ方
1.右クリック「リンクを含むレスの抽出」の後、スレのHTML化
2.お題に使ったレスを安価のみで示している場合、内容をコピペして付け足し
3.画像をアップロードしつつイラストへのリンクを差し替え
4.500KBを超える画像は横240pxのサムネイルを作成(「藤-Resizer-」を使用)後、
  Dropboxにアップロードしておく。※1参照 
  (サムネイル作成のソフトは特にこだわりなし。オススメあったら教えてほしい)
5.閲覧注意されているイラストは専用のサムネイルに差し替え。
  以前は黒背景の( ^ω^)「閲覧注意だお」という画像だったが、
  ストーリー性のあるイラスト(特にホラー作品)の場合、雰囲気を壊しかねないので、
  いまは黒背景のみに。その時の気分・時間次第で閲覧注意用の画像をつくったりもする。




 ※8 更新後の作業について、連載の更新日時を2000年以前にしている理由 13/05/10up

▼記事の更新後の作業について

やることは、更新情報記事への書き足しとTwitterへの投稿。

ひとつひとつブログの記事番号を覚えるのもコピペするのも面倒なので、
全記事一覧( http://mzkzboon.blog.fc2.com/archives.html )を活用。

http://○○○.blog.fc2.com/archives.html

まぜこぜで出てくるのは、更新日時順に全記事を表示し、javaスクリプトでカテゴリ別に振り分けたもの。
右クリックでソースを表示して、目当ての記事部分をコピペ。

こんなの↓

<li name="0" id="0">
[未分類] <a href="http://mzkzboon.blog.fc2.com/blog-entry-170.html" title="更新情報&作品一覧">更新情報&作品一覧</a><br>
- 2037.03.31</li>




<li>タグを<li class="mzli">に書き換え、末尾の日時を消す。
(スマホ用に、文字の大きさを変えるために独自のクラスを使用)


↓こんな状態で書き足して終了。

2037.03.31<ul><li class="mzli">
[未分類] <a href="http://mzkzboon.blog.fc2.com/blog-entry-170.html" title="更新情報&作品一覧">更新情報&作品一覧</a><br>
</li></ul>




た だ し、全く意識してなかったんだけど、
全記事一覧がこの形式で表示されるのは、
『FC2ブログのテンプレート工房』作成のものだから、らしい。

「lightframe」シリーズ等のテンプレートをダウンロードして、

<!--▼サイトマップ▼-->
(~省略~)
<!--▲サイトマップ▲-->



部分を使用しているテンプレートに書き足せば、
同じような形で表示されると思うんだけど……。
こればかりは環境次第かなー。



Twitterへの投稿は、fc2ブログとの連携に任せきり。
改行できないのがちょっと不満だけど、なかなか便利です。



▼連載のまとめ方について

更新日時を2000年以前にしている理由の話。

ブログまとめは、
日時そのままにまとめてしまうと、
記事が入り乱れてしまうので、
目次がないと非常に読みづらい。

その目次も記事の更新と共に埋もれてしまうので、
目次の目次まで作る必要がある。

さらに、「次の記事へ」で、次の話に飛ぶためには、
1作品のみ表示させるページが必要。

これらをクリアするためには、
1作品に1カテゴリを充てるか、過去の1ヶ月を1作品に充てるかだと思う。

まぜこぜの場合は、総合全まとめなので記事の入れ替わりが激しく、
更新頻度の低い連載は埋もれやすい、
カテゴリが増えすぎたらゴチャゴチャしそう、なんて理由もあって、
区別はしっかりしたかったから後者を取った。


作品が目立たないんだなー、これ。

fc2は親子カテゴリにできる(はずだ)し、
やる夫系なんかはそのスタイルが一般的な気がするから、
そっちの方がいいんだろうなーと思う。

でも、真似っ子ばかりじゃ物足りなくなってしまう。
こういうオリジナリティーの求め方は概して良い結果を生まないんだけどね。




 ※9 百物語専用ページについて 13/07/21up



1,企画ページ[百物語のようです2013]作成
2,コメント欄を個別記事外にも設置(ただし、コメント投稿確認画面が復活)
3,カテゴリ別ページは古い記事から順に表示

久々にサイトを弄くり回したのでメモ書き。




▼1,企画ページ[百物語のようです2013]作成

PC版テンプレートの色んな箇所に <%cno>を使用した class を書き加えて作成。


<%cno>というのは、fc2ブログで使える変数で、 『カテゴリページで表示中のカテゴリNoを表示』できる。


例えば、記事のタイトル部分はこんなタグが入れてあるのだけど、

<h2 class="ently_title cate<%cno>">
(記事タイトル)
</h2>



うちの百物語2013に関する記事なら
cate<%cno> が、カテゴリページでは、 cate13 に、
トップや個別記事では、 cate になってる。

つまり、 cate13 にbackground-colorとかfont-sizeとかCSSで指定すれば、
そのカテゴリページのみデザインが変わるというわけ。

ちなみに百物語ではこんな感じ。これで蝋燭も表示される。
ソースが汚いとか気にしてはいけない。

.cate13 {
background-color:#222222; /* 背景色 */
border:#999999 1px solid; /* 枠 */
color:#AAAAAA; /* 文字色 */
background-image:url(http://blog-imgs-59.fc2.com/m/z/k/mzkzboon/78762_b.gif);
background-repeat: no-repeat;
background-position: 5px 60%; /* 背景画像関連 */
}





色はほとんど補色を使ったはず。
新しく配色考えるのって大変ですし。

 補色(反対色)を作成します。
 http://eelife.org/COLOR/hosyoku.html


タイトル画像は↓とペイントを駆使。
ブログ記事上でAAに影をつけてスクショ→ペイントで切り抜き→題字に貼り付けて完成。

 フリーフォントで簡単ロゴ作成
 http://lightbox.on.coocan.jp/html/fontImage.php


蝋燭の画像はfc2ブログのお絵かきツール? から。
素材サイトも巡ってみたもののちょうど良いのが見つからず。



▼2,コメント欄を個別記事外にも設置(ただし、コメント投稿確認画面が復活)


百物語ページのデザインは個別記事記事には適用されないので、
個別記事ページでしか見られないコメント欄をその他のページで表示させよう!
というのがそもそものキッカケ。

常に表示させるわけにもいかないので、
コメント欄の折りたたみで検索して試したがまったくもってうまくいかず……。




【ブログカスタム】 トップページコメント欄の折りたたみ
http://necropara.blog7.fc2.com/blog-entry-190.html (リンク先:UO脳筋日記様)

コメントの展開・折りたたみ
http://bisco.blog2.fc2.com/blog-entry-121.html (リンク先:アジアンビートカンケリキッズ様)

コメントを折りたたみ表示する
http://tigerwoos.blog36.fc2.com/blog-entry-96.html (リンク先:こそっとゴルフ・パンヤ様)




どうやらjavascriptが作動しない。
スクリプト同士がぶつかってる? とか、Chromeとfc2ブログの相性が良くない? とか。




FC2ブログでjavascriptが二つ使えない│YAHOO知恵袋
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1138317366

Chrome FC2ブログ等のプレビューでJavaScriptが機能しない
http://paro2day.blog122.fc2.com/blog-entry-1077.html (リンク先:Paroday様)




結局javascriptでの折りたたみを諦め、偶然見つけたonclick属性での方法を採用。


超簡単な折りたたみ展開メニュー
http://customizefc2blog.blog.fc2.com/blog-entry-18.html (リンク先:カスタマイズするならFC2ブログがおすすめ様)




そして、折りたたむ中身の話。
コメントを表示するだけなら、fc2の変数<!--comment_list-->で簡単にできる。
んだけど、コメントを書き込むとなると、ただコメントフォームをコピペするだけではダメらしい。


<div class="comment_text">
<form method="post" action="./" name="comment_form" id="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<label for="name">名前:</label><br />
<input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>" /><br />
<label for="mail">メールアドレス:</label><br />
<input id="mail" type="text" name="comment[mail]" size="40" value="" /><br />
<label for="comment">COMMENT:</label><br />
<script type="text/javascript" src="<%server_url>load.js"></script><br />
<textarea id="comment" cols="55" rows="8" name="comment[body]" ></textarea><br />
<label for="pass">PASS:</label><br />
<input id="pass" type="password" name="comment[pass]" size="20" /><br />
<label for="himitu">SECRET:</label><br />
<input id="himitu" type="checkbox" name="comment[himitu]" value="管理者にだけ表示を許可する" />管理者にだけ表示を許可する
<input type="submit" value="送信" />
</form>
</div><!--/comment_text-->




一例として、自分のところのを。

書き換えるのは太字部分。
一記事にひとつフォームがつくので、同一ページに複数使えない id 属性には<%topentry_no>でも書き加えておく。

問題は、 action="./"
action には、実行するCGIのURL名が入るらしいが、現在入っているのは相対パス。
通常なら個別記事ページに置かれているため、

http://mzkzboon.blog.fc2.com/?no=<%topentry_no>



と入力してみるが、「コメントが空欄です。」とエラーメッセージを吐きだす。
CGIのパスは、と検索してみたが見つからず。


なので、HTMLを書き換えるのはここまで。
ブログの環境設定を変えました。

「コメント設定」の「コメントの確認の設定」を「表示する」に変更すると、
コメント欄で打ち込んだ文章をコメント確認画面に持っていってくれる。

その画面を通せばコメントの送信も問題なく出来るようなので、
少々手順が増えてしまうが、一応これで完成。

携帯からのコメントもこの画面を通すことになるから出来としては微妙かも……?


▼3,カテゴリ別ページは古い記事から順に表示

カテゴリのトップページに99本目が表示されると残念なので環境設定から変更。
この状態で連載作品を1カテゴリにしてしまえば、1話目から表示出来て、
インデックスページを使わない年度(1950年とか)のひと月に集中させれば、インデックスのまとめも作れる。
ブログまとめって本来こうだな……。


 ※10 FC2ブログのアップロードファイル容量、タグクラウドについて 13/08/04up

▼FC2ブログのアップロードファイル容量

いつのまにか2MBに増えていました。

【ブログ】『FC2BLOG Pro』に全広告非表示機能を追加!

※1...Freeプランは2MBまで(500KBからサイズアップしました)
2.【new!】アップロードファイルサイズ 5 MB(1ファイルあたり)



▼タグクラウドについて
今更ですが、忘備録。
タグクラウド自体はFC2ブログ公式のプラグインで、導入自体は難しくないのですが、
AAをタグに使用しようとすると、少し工夫が必要です。

というのは、タグを複数指定する場合の単語の区切りを半角スペースで判別しており、
そのまま入力すると、AAがパーツに分けられてタグに登録されてしまいます。

 例:川 ゚ -゚) → 「川」「゚」「-゚)」 (分割されて3つのタグに)


全角スペースもご丁寧にjavascriptで半角スペースに変換されてしまい、ブーンもこの通り。

 例:( ^ω^) → ( ^ω^) → 「(」「^ω^)」 (輪郭が切り離されてしまう)


スペース以外にも、ドクオやカーチャンの目「'」など、
AAによく使われるが、タグには使用できない文字が結構な数あります。
詳しくは以下のリンク先に。解決策も載っています。


 ユーザータグに半角スペースなどを使う、編集記事のタグ表示
 http://paro2day.blog122.fc2.com/blog-entry-549.html


要するに、数値参照を使おう、全角スペースはブラウザのjavascriptを切ろう、ってことです。 いちいち書き換えたり、javascriptを切ったりするのも面倒なので、うちは過去の記事一覧から編集してます。

参考程度にうちでの仕様を晒すと、

「 」 → &#32;
「'」 → &#39;

↑のように置き換えているので、こんなふうになってます。アラマキの原型がない……。

ドクオ (&#39;A`)
クー  川&#32;゚&#32;-゚)
渡辺  从&#39;ー&#39;从
カーチャン J(&#32;&#39;ー`)し
アラマキ /&#32;,&#39;&#32;3
ミルナ (&#32;゚д゚&#32;)
ペニサス (&#39;、`*川


ついでに、右メニューの幅に応じて、AAの途中でも折り返されるので、
CSSに↓を書き加えて、折り返しを極力減らしました。

.plugin-tag {word-break: keep-all;}



作品によってメインとなるAAがいないケースもあるので、
使い処に悩むこともあるのですが、余裕があれば導入してみると面白いと思います。
ちなみに使用回数順で並べてます。やっぱり( ^ω^)('A`)多いね。



[ 2013/04/04 21:46 ] 短編 | CM(0)


コメントの投稿


 


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。