暫定版表示崩れ解消法

2012/09/28

どうやら一部の番号付きサーバに格納されているブログで不具合が起きているようです
今一度所有ブログの確認をオススメします

起きている問題は「どこでもないエリア用パーツがカテゴリの下に表示される」と言うものです
具体的にはdiaryの最下部に現れる模様

対処法は至って簡単
エリア変数を短縮版から通常版に書き換えるだけです
メモ帳とコピペでおkなレベルなので、ぜひ対処を

探すべきはテンプレートhtmlの下の方にある2箇所を書き換えます
全テンプレ共通で「メール送信」で検索をかけると見つけやすいかと

<!--page_area--><!--not_index_area-->

<!--not_index_area--><!--not_permanent_area--><!--not_edit_area--><!--not_category_area--><!--not_date_area--><!--not_search_area--><!--not_tag_area--><!--not_titlelist_area-->
に書き換え

<!--/page_area--><!--/not_index_area-->

<!--/not_titlelist_area--><!--/not_tag_area--><!--/not_search_area--><!--/not_date_area--><!--/not_category_area--><!--/not_edit_area--><!--/not_permanent_area--><!--/not_index_area-->
に書き換えるだけ

通常版のデメリットは「もしかしたらコンマ単位では処理が遅いかも?」と「長い」のみです
遅延は体感では全く感じられません
そもそもfc2ブログ自体がそんなに高速じゃ…(ry
長いのはテンプレ編集が面倒になると言うだけの理由です
通常使う分にはこちらでも全く問題ありません


なお、こちらの作業を行っても表示崩れが直らない場合はブログURLを添えてご一報ください
メルフォ、拍手、コメントどこからでもおkです
コメントからの報告なら非公開おkです
 
 com:2 tb:0

力技で検索エンジン対策3

2010/09/23

とりあえず今回のターゲットが二次創作なので検索エンジン経由で来て欲しくないワードに対策すれば良い
たとえばジャンルやカップリング、二次創作の文字など
この辺に対策しておけば検索結果の下層も下層から関係ないワードで迷い込む迷子くらいしか来ない

さらに砕くならジャンルは普通のファンサイトやブログが上位にひっかかるはずだから対策甘くても良いはず
カップリングは間の × (バツ) を Χ (キー) にすれば何もしなくてもノイズ代わりになる
二次創作については同様の単語があっちこっちにあるからあんまり心配しなくても問題ない
- more - 
 com:0

力技で検索エンジン対策2

2010/09/22

実は単純で物凄い有効な検索エンジン対策がある
実行してるところは少ないけど、物凄く効く

でも設定が面倒(またかよ)
- more - 
 com:0

力技で検索エンジン対策1

2010/09/21

色々対策しておきたいよね、検索エンジン
特に二次創作は必須とも言われる検索避け

しかし既存の検索避けは、まじないにすらなりゃしない

ブログでできる王道検索避けは2つしかない
メタタグ内に「クローラー来るな」の一文を入れるか、ロボット用のテキストデータをアップする

でもこれ、最早まじないレベルでしかない
これを律儀に読んで帰るクローラーなんて多分ない
正直 google はお行儀が悪いのでしっかり中まで読んでいく


と言う訳でクローラーさんにお引取り願う方法を考えよう
- more - 
 com:0

タイトルが長い場合

2010/09/09

どうしてもタイトルが短く出来ない場合の対処法
全角12文字くらいまでは折り返しなしで表示されるはず
それ以上になると各エントリの下に出るナビで折り返し発生

回避するにはエントリタイトルを短くするしかない
短くする方法はいくつかある
  • 最初から短めにする
  • カテゴリに正式タイトル、各タイトルは略式にする
  • カテゴリに正式タイトル、各タイトルは通し番号にする
など


でも、どうしても気に入ってるタイトルをそのまま使いたい
そんな場合はエントリごとのナビゲーションを削除するか縦型にするしかない
あ、デフォだと横型ね


で、今回は横型を縦型にすると出てくる問題点
縦型のデメリット
  • なんか格好悪い
  • 場所を取る
  • どっちが新しいのか分かりにくい
とりあえず一番目の「格好悪い」はどうしようもないので放置
場所を取るのは現在地の非表示で一段省略可能だけど背景画像の兼ね合いでやっぱり放置
新旧は背景画像で微妙に対処


変更したい場合は css のバックアップを確保後、以下の書き換えを行う
場所は css の 521行目の「カテゴリ内ナビ-開始」から 551行目の「カテゴリ内ナビ-終了」の中身
まるごと消して新しいのを入れよう

縦型ナビの css

これで特に設定しなくても縦型になる
現在地の非表示も css がやってくれるので設定しなくて ok
 
 com:0

タブの名前の変更方法

2010/09/01

やると分かるけどちょーめんどい


でも一斉置換ならそうでもない

メモ帳でも置換機能あるから大丈夫だし

壊れる心配も少ないし


と言う訳でタブの名前の変更方法

この例では images → picture で解説してます
- more - 
 com:0

秘密なカテゴリの作り方

2010/09/01

いいよね、裏と言うか秘密な感じ
でも一々パス申請とかブロとも申請とか面倒

パスは設定しそこねると厄介だし、記事自体は隠れない
ブロともは fc2 にブログがないと申請できない難有りな制度だし


と言う訳でカテゴリごとどっかにリンクを貼ってみよう

カテゴリだけど、secret か under に押し込んでおく
カテゴリ名に secret か under を設定するとデフォでメニューからは完全非表示になる
投稿日は手動で物凄い過去にでも設定しておく
そのまま投稿すると新着一覧に表示されるので注意

んで、タブは作らない
自分の好きなところからリンクを手動で貼るべし、タグは下のを使用
<a href="<%url>blog-category-カテゴリ番号.html" style="color:#fff;border:none;"> リンク名 </a>
付属の css のおかげでオンマウスしても下線でない白文字で表示されるよ

ただしソース覗かれたらばれるから気をつけよう
こればっかりはどうあがいても突破されるし、普通に見せたくないページへのリンクもソース覗けばばれるから諦めろ


リンクを貼る場所は各人の好みで
てか、ここで貼る場所指示したら同じテンプレ使うユーザーみんな同じ方法で突破されちゃう(><;)


ただ、貼る場所として不適切なのは「非公開記事の中」とか「なんの脈絡もない記事の微妙すぎる場所」など
見て欲しいから公開したのに見せないのはズルじゃない?


どうしても貼る場所が決まらない人はインデックスページかヘッダナビの辺りに埋め込もう
ここはどんな人も一読する場所だし、ヘッダナビはどのページでも表示されてるから見つけられない人は全然探してない訳で

もう少し踏み込んだ場所がよければ about の記事の中とか
ここも一読してないのに隠しページだけ探そうなんて輩を排除できる場所

あとは徹底的に隠したければコメントアウトで URL のみをインデックスとかに埋め込むとか
相当探さなきゃ見つからないから不満爆発しそうだwww


あ、あと隠すのはタグじゃなくてカテゴリにするべき
というのもタグって正しい URL が分からなくてもタグ名が分かっちゃえば突破できるんだよね
カテゴリはカテゴリ番号で管理してるから総当りは馬鹿みたいだし、早々突破されないはず


本当に隠したい記事は大人しくパスをつけてアップすべし
これを secret か under にぶちこんどきゃ余程このとがなきゃ問題にならないはず
パスも申請制にすれば万全だね


と言う訳でここで紹介するのは「ありゃ見つかっちゃったか」「一応隠しておいたんだよ」レベルのなんちゃって隠しカテゴリの作り方
正直、本当に見られたくないものや誰にも渡したくない物はオンライン上に上げちゃいけないと思うんだ
どんなに強固な錠前だって鍵が存在する以上、誰かに開けられるんだから
大切な物は自分だけのオフラインで管理しようね、って話
誰かに見てもらいたければ誰かに持っていかれるリスク覚悟でアップしなきゃ


と、ここまで書いておいてそこまで気張らなくてももう少ししっかり隠す方法がある
その記事は…ここまで読んだなら分かるよな?
いざ新世界
 
 com:0

画像を借りてきたら

2010/09/01

こんな画像使えるかヽ(`Д´)ノ

ごもっとも


と言う訳で別の画像を使おう


まず画像の著作権をチェック

自分で撮った風景や自分のペットの写真、自分が被写体、自分で書いたオリジナルキャラのイラスト
これは特に何の表記もしなくて大丈夫
ポイントは「自分で撮ったり書いたりした自分の物」でること
「自分で撮った自分が被写体じゃない」は写真被写体の許可を得てから
「自分で撮った他人の犬の写真」は犬の飼い主に許可を得ないと NG
「他人が撮った自分の猫の写真」は撮影した人に画像と許可を貰おう

二次製作は後で解説してるので、ちょい待ち


どこかから画像を借りてくる場合は「貸してくれるか」をチェック
貸してくれない画像は借りちゃいけない
どうしても貸して欲しい場合はメールやコメントで交渉するのもありかもしれない
でもしつこくするのは NG


どこから借りて良いのか分からなければ各種素材屋を探そう
写真やイラストなど色々な画像を貸してくれる

ここで利用規約を必ずチェック
規約は各素材屋によってまちまちで「使ったページに表記」とか「要使用報告」とか「リンクしてくれれば表記不要」とか「表記もリンクも報告も不要」とか

「使ったページに表記」と書かれていたらその素材屋から借りてきた画像のある場所に表記
「要使用報告」であれば素材の使用ガイドに従って報告を入れる
「リンクしてくれれば表記不要」ならリンクページに素材屋へのリンクを設置するか表記を入れるか好みで
「表記もリンクも報告も不要」ならお礼の意を込めてリンクするのも良いかも
他にも色々ルールがあるのでその辺は臨機応変に


で、表記の場所だけど「使ったページ~」になってたら使ったページに表記を入れる
インデックス画像の差し替えならインデックスの一番下(ここでいうカウンターの位置)が良いかと

全ページに表示されて「使ったページ~」なら html 404行目のフッタに入れてもいいかも
ここの Copyright の前にスペースがあればここか、その下の 405行目の <%ad> の前とか

写真なら Photo By 素材屋名 や、画像なら Material by 素材屋名 とか
面倒なら Images By 素材屋名 とか Graphics By 素材屋名 とか という荒業もある
気に入ったので表記すべし



で、問題の二次創作
これに関しては今のところ「作者が禁止していない作品で自作物のみ」使用可かと
原作者が嫌がっているならダメ、絶対
特に公表がない場合はかなりグレーだけど今のところ大丈夫な雰囲気なので大丈夫かな?

この場合も許可のない他所様の画像を無断拝借はいかんよ
ただ、お願いして書いてもらったし使用許可もある、ってなら良いと思う


あと好きだからってCDジャケとか漫画そのままとかはダメ、絶対!

あと手書きでも某ネズミとか著作権に厳しいところもあるので必ずチェックしてから使おう
 
 com:1

カウンターの設置

2010/09/01

カウンターいいよねカウンター
アクセス解析より手軽で良い


と言う訳でカウンターの設置方法とか


まず「 fc2ID でカウンターをレンタルしてないか」チェック
もしレンタル済みで通常設置すると表示がおかしくなるので必ずチェック

■ 未レンタルの場合
公式プラグイン → カウンター を借りて「削除の隣の設定」から「プラグインの改造」の【 html の編集】をクリック
出てきた html を設置したい場所にぺたり

■ レンタル済みの場合
fc2ID のカウンターで「複数カウンター管理」で新しいカウンターを作ってそれの html を設置した居場所にぺたり
カウンター下のリンクが邪魔なら外しておくべし

カウンター画像や設定を変えたい場合は fc2 カウンターにログインすれば色々変更可能
邪魔なら週間カウントを非表示にするとすっきりする
できれば「二重カウント」をオフに、「自分をカウントしないようにする」を有効にすると良い感じ
これでカウンターが異様に回るのを防止できるし、自分だけがカウンターを回す心配もない、純粋な訪問数が判る

あと、カウンタープラグインは削除しても全く問題ないから削除しても OK
管理は fc2 カウンターだから設置 html なくしてもここにあるし、設定もここだけだからなーんにも困ることはない


で、設置場所
つい入れたくなるけど Free Space はやめたほうが良い
ちょっと置いてみたけど凄く重い
というのもブラウザは「一番上から描写していく」「上が描写されない間は下も描写されない」という仕組み
要はヘッダで詰まるとボディもフッタも表示されない
それがページ移動のたびに毎回
凄く…イライラします…orz

フッタに入れると毎回表示されるけど二重カウントオフにしてるなら毎回表示させる意味はない気がする

オススメ設置場所はインデックスのどこか
キリバン設定してるなら見てもらいやすい上の方に
自分だけ分かれば良いって人はできるだけ下の方に

(・∀・)は目立たせたくなかったので一番下にした

でも、fc2カウンターは表示が遅いことで有名だからもっと軽量のをどっかから借りてくれば Free Space でもいけると思う


まぁ臨機応変にってことで



カウンターあるあるQ&A

Q. (><;)< カウンターの数字が変なんです!
A. (・∀・)< レンタル済みなのにそのまま設置しただろ

Q. (><;)< カウンター画像が羊なんです!
A. (・∀・)< fc2 カウンターの設定画面から設定

Q. (><;)< 桁数を10桁にしたいんです!
A. (・∀・)< fc2 カウンターの設定画面(ry

Q. (><;)< 初期数値を100にしたいんです!
A. (・∀・)< fc2 カウンター(ry

Q. (><;)< 色々設定したいんです!
A. (・∀・)< (ry

Q. (><;)< アクセス解析にしたいんです!
A. (・∀・)< カウンターで物足りなくなってから考えろ、カウンターより重いぞ
 
 com:0

雛形

2010/09/01

コピペするだけでそれっぽい感じになる雛形公開

とりあえず link と mail を

適当にカスタマイズして使うと良いかと


ちなみに整形 css はデフォで入ってるので特別な設定は不要

メールフォームもコピペするだけでちゃんと動くので簡単
ただし、プラグインが入っていないと正常に作動しないので「プラグインの設定→公式プラグイン追加→メールフォーム」をDLして、プラグイン3にでも入れておけばおk
非表示で問題ないので、もしもに備えて非表示推奨だけど


前提:記事に直接コピペして保存、ただし入力画面の下の方にある「改行を変換」でなく「htmlタグのみ」をチェック
- more - 
 com:4

Q & A

2010/09/01

あれとかこれとかいい加減な感じの Q & A があったり

html と css がある程度理解できると前提して書いてます

fontタグは? table は? という人には少し厳しいかもしれない


ちなみにカスタマイズは html も css も行数で解説してる

エディタがない場合はアクセサリのメモ帳で代用可能

指定の行に飛ぶには「編集」→「行へ移動」で目的の行にジャンプ!


いつの間にか勝手に増減してるかも
- more - 
 com:18

もっと隠しカテゴリの作り方

2010/09/01

と言う訳でより精度の高い各隠しカテゴリの作り方


上の方で「タグはタグ名が分かれば突破される」って書いた
でも裏を返せば「タグ名が分からなければ突破は不可能」ということでもある
なのでタグ名で管理して、タグ名を突拍子もないものにすればいい
たとえば「隠しには丸秘イラ置いてますw」なんて書く

さてタグ名をなににしよう?

ここで素直に「秘密」とか「隠し」とか「裏」なんてタグ名をつけるのは馬鹿だ
たとえば「信長」とか「たこやき」とか「愛犬」とか付けられたらどうだろう?
誰もこんなタグ名で管理してるとは思わないから発見の確立はぐっと下がる、しかも日本語だし
このテンプレートでタグが一覧表示される場所がないからまず見つけられない
丸秘イラの管理タグが「エクセル」とか…胸熱だな
まぁ用は見られちゃ困るフォルダを隠すときのようなネーミングセンスを発揮すれば良い
しかしタグ名がヘッドに表示されるから気にする人は「html 内にあってもおかしくなく矛盾しないタグ名」を考える
思いつかない人はもう少し読み進んでカテゴリ名の付け方を参考にするのも良いかと


もう一つはカテゴリで管理する場合
見られちゃ困るけど量が多いときはカテゴリの方が良い
というのもタグはタグごとの投稿記事一覧がないから
丸秘イラが10枚くらいならいいけど100枚になったら最初のイラストを見るのが物凄く面倒だ
あと丸秘イラにジャンル分けがしてあったりするならこっちのほうが良い
興味がないジャンルを延々見せられるのは結構苦痛だし

しかしここに上で書いた secret か under に入れると「あ、隠してある」ってのがバレる
なら分かりにくいカテゴリ名で管理すれば良いじゃない!

デフォの css にはドロップダウンメニュで表示したくないカテゴリを隠す指示が入ってる
デフォは「未分類」「diary」「contents」「mail」「link」「images」「novel」「secret」「under」「cat_last」が非表示になる設定
と言う訳でここの中で「テンプレート中で未使用」のカテゴリに入れれば良いんだ!
※使用中のカテゴリに入れると各記事の前後ナビからばれるからやめとこうね

本来「mail」「link」は作成カテゴリじゃない
しかしタグとカテゴリを間違えて作成した人のための保険的指示だ
しかしこれがソース内にあっても不思議じゃないカテゴリ名だから凄く目立たない

ただこれにも弱点があってやっぱりカテゴリ名が丸出しになるから丸秘イラなのにカテゴリ名が mail とかになる
これは自分で css を追加すれば防げる
css 308行以下に1行追加すれば良い
ul div li.cat_親カテゴリ名,
これで自分の好きなカテゴリ名のカテゴリを隠せるようになる

ここで注意はこのカテゴリ名に「丸秘イラ」なんて付けちゃいけない
あくまで他にあるかもしれないダミーカテゴリ名を考えるんだ
そう、例えば…絵なら「illust」とか「img」とか、文なら「text」とか「sentence」とか
万能は「log」かな、非常に自然だけどどんな内容でもマッチする最強の3文字
遊び心を出すなら「toy_box」とかでもいいかも

↓イメージ図はこんな感じ↓
log @親
├ log @子 ※ Log表紙
├ illust @子
├ gift @子
└ text @子
こんなの
もちろんカテゴリだから簡易表紙も作れる
しかしジャンルが多岐に渡る場合、カテゴリ名を illust-ジャンル名 とか書かないと迷子になる

ちなみにこの場合の css は
ul div li.cat_log,
大文字小文字を正しく書かないとブラウザによっては表示されちゃうから注意が必要


まぁ面倒だけど、面倒なのは最初の設定だけだから
あとはタグなりカテゴリなりをつけながら書いていけばいいだけだし

ただ、全ての方法に共通してるのは「日付を編集しないと更新履歴に出る」ので注意
数年前とかの投稿にしておかないと隠す意味ない!


他にもステキな隠し方があったらこっそりやってみると良いよ!
 
 com:0

やっておくと良い感じの項目

2010/08/31

必須ではないけれどやっておくと良い感じの項目

よりサイトっぽくなったり、使いやすくなったり

手の空いたときにでもチャレンジしてみて欲しい項目たち
- more - 
 com:0

おまけの表示テスト

2010/08/31

あれこれテスト

必要なタグは一応カバーしてるはず

なお、ここでテストしてないのは使わない方が良いタグ

えーと、以下のタグは使用済み+テストすると表示が崩れる恐れがあるのでテストしません

h1(タイトル)
h2(グレーの記事ヘッド)
h3(コメントとトラックバックヘッド)
h4(グレーの記事ヘッド)

では続きからどうぞ
- more - 
 com:0
Copyright (c) Template Lepidoptera All Rights Reserved.