ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

モード変更

スポンサーサイト

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

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-.html

--/--/-- ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |

共有テンプレート サポート専用窓口 (2)

2010/03/09 (火)  カテゴリー: FC2共有テンプレート

これまでの サポート専用窓口 がコメント100件に達したので... 新たに No.2 を設けました。 カスタマイズで行き詰ったり、質問してみたいことがあればこちらからどうぞ。

追記 : 現在の最新版は 「サポート専用窓口 (5)」 になります。

【 サポート専用窓口一覧 】

FC2ブログ共有テンプレート ari_seo1
ari_seo1

Large font , cute version?
2009/09/11~
FC2ブログ共有テンプレート ari_seo2L
ari_seo2L

Large font , for Lady's
2009/10/13~
FC2ブログ共有テンプレート ari_seo2M
ari_seo2M

Medium font , for Men's
2009/10/14~


スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-117.html

2010/03/09 ~ | Comment (105) tweet? | ↑ ページ先頭へ ↑ |
 @arinogotoku
  • paruparu (arinogotoku) on Twitter
    ツイートが上手く表示されない時は Twilog or 公式Twitter などから見てください。

-105 Comment


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/04/05 (月)  No.420


非公開コメントさんへ

はじめまして! テンプレート気に入っていただけたようで嬉しいです。
>個別記事ページに移った際、「続きを読む」部分がオープンになってしまうのですが、これをクローズして表示することは可能ですか?

今使っているスクリプトを利用して、出来ないことは無かったのですが... display:none; を利用している為 スクリプトOFF環境では その部分が読めなくなってしまいます。
(※個別記事ページ以外 で使っているものは スクリプトOFFでも問題なく使えるものです。)

でも個人的には...個別記事ページでは そのまま記事が読めた方がいいような気もします。 部分的に隠したいとかであれば、

プラグインの折りたたみ FC2ブログのテンプレート工房 (いたおさん)
http://10plate.blog44.fc2.com/blog-entry-131.html
を少しアレンジし、スクリプトOFF環境 などにも対応させたもの ↓
http://arinogotokuatumarite.blog19.fc2.com/?mode=edit&rno=104
などを使ってみるのはどうでしょうか?

ちなみに、記事内の追記より上の部分で使う際には
<script type="text/javascript">
// <![CDATA[

// ]]>

</script>

という形式にしてしまうと、FC2ブログでは RSS配信エラー になってしまいますので、追記よりも前の位置で使う場合には、

<script type="text/javascript">
<!--

//-->

</script>
という形式に直して使ってください。

paruparu |  2010/04/06 (火) [ 編集 ] No.422


個別記事ページでも 【続きを読む】 を折りたたむ方法

「個別記事ページにも続きを読むを」 の件、あれから...
そのような機能が欲しいケースもあるかな と思い、方法を考えてみました。

今使っているスクリプトを利用してというのは、スクリプトOFFのことも考えた スッキリした方法が見つけられなかったのでので...
「プラグインの折りたたみ」 FC2ブログのテンプレート工房 (いたおさん)
http://10plate.blog44.fc2.com/blog-entry-131.html
をアレンジしたもので考えてみたら、上手く出来ました!
スクリプトOFF の場合には 内容がそのまま表示されます。

1.テンプレート内 <head>部分など に以下のスクリプトを記入。
※このスクリプト本体は 「1つ」 でOKです。 他で使う場合にも共有できます。

<script type="text/javascript">
// <![CDATA[
function showPlagin(idno){
pc = ('PlagClose' + (idno));
po = ('PlagOpen' + (idno));
if( document.getElementById(pc).style.display == "none" ) {
document.getElementById(pc).style.display = "block";
document.getElementById(po).style.display = "none";
}
else {
document.getElementById(pc).style.display = "none";
document.getElementById(po).style.display = "block";
}
}
// ]]>
</script>

2.テンプレート内 の <!--more--><!--/more--> 部分を以下のものと変更
( <!--more--><%topentry_more><!--/more--> という部分です )

<!--more-->
<!--permanent_area-->
<script type="text/javascript">
// <![CDATA[
document.write('<div id="PlagOpen200" class="readmore"><a href="#" onclick="showPlagin(200); return false;" title="記事の続きを展開します">【 ↓ 続きを表示する ↓ 】<¥/a><¥/div>');
document.write('<div id="PlagClose200" style="display:none" class="readclose">');
document.write('<a href="#" title="続きを閉じる" onclick="showPlagin(200); return false;">【 続きを閉じる 】<¥/a>');
document.write('<div style="text-align:left">');
// ]]>
</script>
<!--/permanent_area-->
<%topentry_more>
<!--permanent_area-->
<script type="text/javascript">
// <![CDATA[
document.write('<¥/div>');
document.write('<¥/div>');
// ]]>
</script>
<!--/permanent_area-->
<!--/more-->

このようにすれば、見た目も 同じものが使えると思います。

追記: 詳細記事 を作りました。
固定リンクでも 【続きを読む】 を折りたたむ方法
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-124.html

paruparu |  2010/04/07 (水) [ 編集 ] No.427


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/04/07 (水)  No.429


非公開コメント Kさんへ

はじめまして! サイトマップの件、Script バージョンのままでもOKだと思います。
で、今の状態だとソースを追加したところより下を辿ってもらうと、もう1つ
<!-- ▼全記事一覧▼ -->
(中略:日付順の全記事一覧)
<!-- ▲全記事一覧▲ -->
というソースが入ったままの状態だと思うので、重複はそれが原因だと思います。

で、それを省いても良いのですが、記事数が 「すごく多くなるまでの間」 は
<!-- ▼全記事一覧▼ -->
<noscript>
(中略:日付順の全記事一覧)
</noscript>
<!-- ▲全記事一覧▲ -->

としてもらうと、スクリプトOFFの場合も同じページが使えるので、それで使ってみるのはどうでしょうか? 私のテンプレなら、全記事一覧ページはそれ程重くならないはずなので...将来的に「重いなぁ」 と感じるようになってきたらページを分けるなど、対策をとれば良いかもしれません。

あと、<head> 部分に追加したスタイルシートに
<!--titlelist_area-->
<style type="text/css">
</style>
<!--/titlelist_area-->
を加えると(他のページでは反映されないように出来るので)入れてみてください。

>カテゴリーの新着プルダウン
??ごめんなさい。。。理解できなかったので、良かったらもう少し教えてください。
追記:コメントの回答場所、他の方と間違っちゃいました。。。;  

paruparu |  2010/04/07 (水) [ 編集 ] No.430


非公開コメント Uさんへ

一応、再度 記事ソースでテストしてみましたが、大丈夫だったので
よかったら、ダメたったものの テンプレート名(複製版というもの) を教えてもらえますか? もしくは ./index.php?style2=テンプレ名 というアドレスを。

あと、「追記部分より前にCDATA を使ってしまうと」 は、あくまでも 記事の中身 に... なので、テンプレート や プラグイン内では 問題ないものです。
記事を作る時 の 上の段 には入れちゃダメよ! というだけで、トップページの不具合とは 多分、関係ないと思いますが、見てみないと判らないので。。。

paruparu |  2010/04/07 (水) [ 編集 ] No.431


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/04/08 (木)  No.434


What's New 下のインフォメーション枠について

paruparuさん、たびたび本当にすみません!
インフォーメション枠が巧く表示できなくって…。
paruparuさんのトップページでは、画像内にインフォメーションの文字が入っているんですよね?
私の場合はイラスト画像のみなので、文字でインフォーメーションを入れたいと思っているのですが、それ以前に枠囲みが崩れてしまって。
解決策についてアドバイスいただければ幸いです。
よろしくお願いします。

umi*sora |  2010/04/08 (木)  No.435


umi*soraさんへ

質問の件とは別件ですが、Firefox で拝見するとレイアウトがかなり崩れちゃっています。
で、恐らく一番怪しいのは...<body oncontextmenu="alert ~"> ですが、これが <head> ~</head> の間に余計に挟まれています。 本当の <body> タグは </head>のすぐ下 に入っているので そこに <body oncontextmenu="alert ~"> 緑色部分だけを追加してください。 Firefox では まともに閲覧できない状態だと思うので、とり急ぎ 報告まで。

追記:
>What's New 下のインフォメーション枠
...ごめんなさい。これには回答できません。 私のトップページは What's New → プラグイン → プラグイン → 投稿欄 という構造になっていて、説明が複雑になってしまいます。
あと、地味なインフォメーションコーナーですが、この形にするのにかなりテストしまくり苦労しました。 なので、内緒とさせてもらいます。

共有テンプレートとして配布してはいますが、このブログを配布している訳ではないので...トップページなどは オリジナルな作りでまとめて頂けると嬉しいです。
記事やコメントで紹介しているソース はそのまま使って頂いて構いませんが、それ以外の部分は 参考程度にお願いします。 厳しい意見で気を悪くされたらすみません。。

paruparu |  2010/04/08 (木) [ 編集 ] No.436


お礼

レイアウトが崩れている件、お知らせいただきありがとうございました!
早速修正しました♪

umi*sora |  2010/04/08 (木)  No.437


umi*soraさんへ

まだ <body> が2つ入っているので、もう一度ご確認下さい。
正しい場所は、前回コメントした通りですが...FC2 Analyzer の前後に入っています。
あと、サイト名に ’ ’ が入っているので、以下の箇所の修正をお願いします。
<!-- ▼コメント入力▼ -->
(中略)
<dt style="font-weight:bold"><label for="comment">コメント *</label></dt><dd><textarea id="comment" cols="25" rows="7" name="comment[body]" class="c_textarea" onmouseover="if(this.value=='<%blog_name>'){this.value=''};"><%blog_name></textarea><br /><script type="text/javascript" src="<%server_url>load.js"></script></dd>(以降省略)
(中略)
<!-- ▲コメント入力▲ -->

今のままだと、環境によってはスクリプトエラーになってしまう可能性があります。 ブログ名が入る 赤文字部分コメントをどうぞ のようなメッセージに変えて使ってください。
トップページに入れた投稿欄と 2箇所、修正お願いします。

paruparu |  2010/04/08 (木) [ 編集 ] No.438


再修正しました!

paruparuさん、ご親切にありがとうございます!
教えていただいた修正の意味がよくわかってませんでした…(^_^;A

<body>と<body oncontextmenu="alert ~">の二つが混在していると
指摘していただいていたんですね、すみません。
<oncontextmenu="alert ~">だけにすると右クリックが可能になってしまうので、FC2 Analyzer の前にある<body>を<body oncontextmenu="alert ~">に書き直し、後にあった<body oncontextmenu="alert ~">を削除しました。

カスタマイズって大変だということを改めて実感しました。
本当にありがとうございました!!

umi*sora |  2010/04/08 (木)  No.440


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/04/09 (金)  No.443


非公開コメント Kさんへ

サイトマップ上手く入ったようで良かったです。
あと、<head> 部分に追加したスタイルシートに   
<!--titlelist_area-->
<style type="text/css">
(中略)
</style>
<!--/titlelist_area-->
を追加、が まだのようなので入れておいてください。

>プルダウンすると、そのカテゴリーの新着タイトルと日付,本文が出るように
カテゴリー別の新着 を出力できるような変数は 今のところないので、手書きするしか方法がないと思います。 現行のソースは、リンク先に繋がっていないので、
href=”./blog-entry-記事番号.html” としてもらうと上手く機能すると思います。

paruparu |  2010/04/09 (金) [ 編集 ] No.444


直しました

ありがとうございます。リンクは直しました。

<!--titlelist_area-->
<style type="text/css">
(中略)
</style>
<!--/titlelist_area-->


これは<link rel="stylesheet" type="text/css" href="<%css_link>" />
(テンプレートひとつならば、<%css_link>で大丈夫ですよね)
のあとに入れました。


助言どうもありがとうございます。
今後もさらなるご活躍を。

kaeru (2010/04/07 (水)  No.428質問者) |  2010/04/09 (金) [ 編集 ] No.445


個別記事に広告が。。。

テンプレートを使わせていただいてます。
このたび、googleの広告を設定しようとしたのですが、すでに、個別記事にgoogleの広告が入っています。これって、テンプレートの仕様ですか?それともFC2の仕様でしょうか?

mock |  2010/04/21 (水)  No.464


mockさん、はじめまして!

FC2ブログに google や overture の広告が表示されるのは FC2ブログの仕様によるものです。
広告が表示される条件は アカマイの利用の有無,1ヶ月以上更新なし,スポンサーサーチ など色々あるのですが、FC2総合インフォメーション などでアナウンスがありますので、以下の記事などを参照してみてください。

アカマイの高速コンテンツ配信システム導入と広告表示について
http://blog.fc2.com/info/blog-entry-355.html
RSS、および検索ページの広告表示について
http://blog.fc2.com/info/blog-entry-578.html

FC2 「画像が上書きできない」 を解決する
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-70.html
FC2 検索結果に 「スポンサーサーチ」 なんて
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-112.html

ちなみに、
> すでに、個別記事にgoogleの広告が入っています。
というのは、アカマイの設定 によるものです。アカマイを利用する(広告表示あり) か 利用しない(広告を表示しない)かの選択が出来るようになっていますが、設定の反映には 1週間くらいかかるようです。

paruparu |  2010/04/21 (水) [ 編集 ] No.465


共有テンプレート サポート専用窓口 (1)の No.237 (コメント管理)

お世話になります。

本日間違えてコメント時に名前の装飾をしてしまい、コメント表示時の乱れ(名前がコメント欄の枠外に『あたろー">』と表示される)が出てしまいました。
以前、共有テンプレート サポート専用窓口 (1) の No.237 にて回答をいただき、それに従って対応したので、今回も同様に対応したいと思います。

とりあえず今後は装飾しないとして、すでに書いたコメントを修正したいのですが、どのようにすればよかったでしょうか?以前ご回答いただいた記事を何度も読み返したのですが、どのようにすればよいかわかりませんでした。(以前は対応できたんですけどね、トホホ…)

大変お手数ですがよろしくお願いいたします。

あたろー |  2010/04/25 (日) [ 編集 ] No.468


名前の装飾の件

あたろーさん、こんばんは。
問題のコメントは、パスワードを設定していないようですが、一番直近のコメントのようなので... 一番良いのは同じ本文のコメントを再投稿し、表示が乱れているコメントは管理画面で削除すればよいかと思います。
順番が変わらないように早めに対応すれば、問題ないかと思います。

※以前の回答は パスワードありの場合で、
その時は単純に 「ブログ画面でのコメント編集 → 送信 で訂正可能」 というものです。

paruparu |  2010/04/25 (日) [ 編集 ] No.469


ありがとうございます!

いつも素早いご回答ありがとうございます。とても助かりました。
早速、再コメントして問題のコメントは削除しました。

あたろー |  2010/04/25 (日) [ 編集 ] No.470


ドロップダウンリストについて

ari_seo2Mのテンプレを気に入り、今日ダウンロードさせていただきました。

すべてのフォントをHG正楷書Proで表示したいんですが、とりあえずタイトルだけ変更したところIEではきちんと変更されましたが、Firefoxでは元のままでした。
これの対処法を知りたいと思います。

当方では今のところトラックバックを受け付けていませんので、そこをFC2訪問者の表示に変更したいと思うんですが、それは可能なんでしょうか?
可能であればその対処の仕方を教えていただきたいと思います。

そちらで組み込んである検索ですが、プラグインに比べ検索時間がかなり遅かったんです。
早く検索できるのであれば、プラグインの検索を削除したいんですが・・・

背景は画像を利用してるんでしょうか?
それとも色指定でしょうか?

カスタマイズ初心者のため分からないことが多く、これ以外にも聞きたいことがありますが、以上、回答のほど宜しくお願いします。

dejavuewords |  2010/04/28 (水) [ 編集 ] No.476


dejavuewordsさん、はじめまして。

質問の内容とちょっとずれてしまうかもしれませんが... まず一番に
プロフィール, お報らせ, 訪問者の皆さんへ, 由乃 というプラグイン部分に使っているソースの修正が必要かと思います。 (このままだと色々不具合が起きる可能性もあるので)

<DOCTYPE ~><html><head><title></title></head><body></body></html>
↑のタグは1ページの中に1つのみ使えるタグですが、これらが間違った形で使われています。 プラグイン部分では使わないものなので、 編集画面では単純に内容のみを記入するようにしてください。
<p>
ご訪問有難うございます。<br />
ご意見ご感想などいただければ嬉しいです。<br />
・・・・・・・・・
</p>
↑このように入れてもらえばOKです。

>すべてのフォントをHG正楷書Proで表示したい
これは、スタイルシートで font-family の設定をすれば設定可能だと思います。
正確には HG正楷書体-PRO でしょうか...? html で使われるフォントとしてはあまりメジャーではないような気がしますので、使うのであれば 色々調べてから適応された方が後々のためにも良いかもしれません。。。

>トラックバックの代わりに、FC2訪問者の表示に
FC2訪問者 とは 管理画面で確認できる 訪問履歴のことでしょうか?
それであれば、そのような内容を表示できる機能はありませんのでできないと思います。

>プラグインに比べ検索時間がかなり遅かった
右上の検索BOX は 公式プラグインの検索BOX と基本的に同じものです。
どちらを使っても検索時間に差がでることはないので、差があるように感じるとすれば、キャッシュの関係や 検索ページで挿入される スポンサーサーチという広告(FC2ブログの仕様)スクリプト あたりの影響だと思います。

>背景は画像を利用してるんでしょうか?
画像 と 背景色 を設定しています。

テンプレート(CSS内) 背景画像を抽出
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-87.html
詳細は↑にありますので、まずはそちらで確認してみてください。

paruparu |  2010/04/28 (水) [ 編集 ] No.477


早速の回答有難うございます

ご指摘いただいたプラグインの記述を訂正しました。
ゆっくりカスタマイズしていこうと思ってます。
思ったより表示も速く、訪問者の方から好評をいただいてます。
有難うございました。

dejavuewords |  2010/04/29 (木) [ 編集 ] No.478


dejavuewordsさんへ

訪問者の皆さんへ, 由乃 部分は修正OKでした。
プロフィール, お報らせ も同様に修正しておいてください。

paruparu |  2010/04/29 (木) [ 編集 ] No.479


はじめまして。
テンプレートを探しに探して、paruparuさんのテンプレートが一番いいなと。
そんな思いでブログ作り、早2ヶ月、素敵なテンプレートありがとうございます。
本当にお世話になってます、感謝しきれぬ思いです。
質問なんですが、
全記事を表示させた時、ユーザータグではなく、カテゴリ別で
表示させるやり方はどのようにすれば良いでしょうか。
どうにかご教授お願します。

外道会長 |  2010/06/10 (木)  No.549


外道会長さん、はじめまして!

テンプレート、気に入っていただけたようで嬉しいです。

それで、質問の件ですが
> 全記事を表示させた時、カテゴリ別で表示させるやり方

スクリプト未使用 カテゴリー別サイトマップ
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-83.html

↑ こちらに解説を載せていますので読んでみてください。
ノンスクリプト版は難易度がちょっと高いですが、この記事の 3.部分だけ(スクリプト版) を利用することも可能です。 バックアップを取ってから作業してみてください。

paruparu |  2010/06/10 (木) [ 編集 ] No.550


チャレンジしてみたのですが、自分には少し、難しいようでした。
そこは、スッパリ諦めて、何かわざわざ質問しておいて、力及ばずすみません。
ご親切にどうもです。

あと一つ気になる点があるのですが、
はてなブックマークのブログパーツで
人気記事を表示できるモノがあるのですが、
http://b.hatena.ne.jp/guide/blogparts
設置すると、このテンプレートだけものすごくズレるのです。

管轄外の質問で申し訳ないのですが、お時間があればご回答お願します。
あと「あんたのブログ何かここダメでしょ」ってダメだし部分があれば
お願します・・・!

外道会長 |  2010/06/10 (木)  No.551


はてなブックマークの人気記事の件

スクリプトから生成されるソースが関係しているようです。
<div id="hatena-bookmark-widget0" class="hatena-bookmark hatena-bookmark-widget"> (中略) </div>
このような構造になっていましたので、

スタイルシートに
#hatena-bookmark-widget0 ul {
margin:0;
padding:0;
}

を追加すれば大丈夫だと思います。


カテゴリー別全記事一覧の件

スクリプト版でも良いなら、それ程難しくないと思いますよ。
スタイルシートに以下のものを追加し、

/* カテゴリー別記事一覧用 */
.all_mokuji a {
white-space:nowrap;
}
.all_m li {
margin:5px 5px 15px 41px;
line-height:1.4;
color:#666;
}
.all_m li a {
display:block;
font-size:125%;
}
.all_m li a:link {
color:#0066cc;
}
.all_m li a:hover {
color:#ff6699;
}

あとは、テンプレートの真ん中より下部分にある

<!--titlelist_area-->
<!-- ▼全記事一覧▼ -->
(中略)
<!-- ▲全記事一覧▲ -->
<!--/titlelist_area-->

という部分をそっくり (↓3.<body> 部分 に載せたものに) 書き換えるだけでOKです。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-83.html
場所さえ間違わなければ大丈夫ですので、時間がある時にでも再チャレンジしてみてくださいね!

paruparu |  2010/06/10 (木) [ 編集 ] No.552


凄い・・凄過ぎる・・・!
ありがとうございました。
はてなブックマーク、カテゴリ表示、共に、完成しましたです。
こうやってお返事もらうと、なんて分かりやすいんだろうと、感動しました本当。
迅速な対応ありがとうございます。助かりました。

何度もコメントしてあつかましいのもあるかもしれませんが、
感謝しきれぬ思いです。
これからも、このテンプレートでブログ運営頑張って参ります。
本当ありがとうございました。また困ったとき寄せてもらいます。

外道会長 |  2010/06/10 (木)  No.553


外道会長さんへ

上手く入って良かったです。 それで、カテゴリー別記事一覧 なんですが、

>そっくり 書き換えるだけで・・・
って、書いちゃったんですけど、今見たら 「日付順の全記事一覧へ戻る」 というリンクも入っちゃってるのでその部分、判れば削除しておいてください。

paruparu |  2010/06/10 (木) [ 編集 ] No.554


jQuery版 lightBox について

いつか記事にしようと思いつつ 色々面倒で...未だに記事が作れていないのですが、

1. 予備知識?
以下の記事に関連する内容が入っていますので、まず読んでおいてください。

(追記: URL数制限エラーになってしまっため一部 http:// を省略して書いています。)

 Lightbox JS (あえて旧Ver.) をカスタマイズ
 arinogotokuatumarite.blog19.fc2.com/blog-entry-67.html
 jCarousel Lite をカスタマイズして記事毎に!
 arinogotokuatumarite.blog19.fc2.com/blog-entry-132.html


2. ダウンロード と アップロード
jQuery lightBox plugin http://leandrovieira.com/projects/jquery/lightbox/ から
jquery-lightbox-0.5.zip をダウンロードします。

※現在の圧縮ファイル、IE7 では 「ファイルが壊れいます」 と表示され使えないようです。
(追記: あれッ!? 場合によっては DLできることもあるみたいです。)
IE7 だと、サイトの説明もかなり読めないです...; Firefox なら正常にダウンロードできます。

Firefoxもっていなければ、
arinogotokuatumarite.web.fc2.com/lightbox/jquery.lightbox-0.5.css
arinogotokuatumarite.web.fc2.com/lightbox/jquery.lightbox-0.5.min.js
arinogotokuatumarite.web.fc2.com/lightbox/lightbox-blank.gif
arinogotokuatumarite.web.fc2.com/lightbox/lightbox-btn-close.gif
arinogotokuatumarite.web.fc2.com/lightbox/lightbox-btn-next.gif
arinogotokuatumarite.web.fc2.com/lightbox/lightbox-btn-prev.gif
arinogotokuatumarite.web.fc2.com/lightbox/lightbox-ico-loading.gif
これをDLして使ってください。

※FC2ブログではファイル名にドットが含まれているとアップロードできません。なので、
jquery.lightbox-0.5.css → jquery-lightbox-05.css
jquery.lightbox-0.5.min.js → jquery-lightbox-05-min.js
のようにドットを含まない名前に直して利用(アップロード)します。


3. 修正 と アップロード
jquery-lightbox-05-min.js を開き 14行目 (コードの最初の行,画像のパス部分) を
アップロードした画像のパスに修正していきます。
.gif を探して その部分5か所 を http://blog-imgs-00.fc2.com/x/x/x/ ・・・ /xx.gif
などと 修正すればOKです。

修正した jquery-lightbox-05-min.js を再度アップロードします。


4. テンプレート (記事毎の ID準備)
arinogotokuatumarite.blog19.fc2.com/blog-entry-132.html
↑ の 2. に書いてあるもの( <%topentry_body> 部分を id で囲っておく) を設置。


5. テンプレート (<head>部分)

<link rel="stylesheet" type="text/css" href="http://blog-imgs-00.fc2.com/x/x/x/ ・・・ /jquery-lightbox-05.css" media="screen" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://blog-imgs-00.fc2.com/x/x/x/ ・・・ /jquery-lightbox-05-min.js"></script>

<script type="text/javascript">
$(function(){
<!--topentry-->

$('#entry_no<%topentry_no> a').lightBox();

<!--/topentry-->
});
</script>


これで、大丈夫だと思います。 (ちなみに...私が実際に使っている方法とは少し違いますが、FC2ブログ で使うならこれが一番良い方法かなと思います。)
個々の記事内で使っている (記事毎の) 画像だけが グループ化 される方法です。

いつか...時間ができたら記事にしてみます。 (←多分ずっと先です^^;)

paruparu |  2010/06/13 (日) [ 編集 ] No.557


トップページ に 編集しやすい任意の内容 を表示する方法

>トップページ に 任意の個別ページをそのまま表示する構文

現実的には プラグイン3 を利用するのが良いと思います。
ちなみに、それが 「最新の記事 1件」 なら 裏技を使って表示させることも可能ですが、
あまりお薦めではありません。
(一応参考まで http://arinogotokuatumarite.blog19.fc2.com/?mode=edit&rno=276)

ari_seoシリーズには トップページでプラグイン3 が使えるように設定済みですので、
まず、公式プラグインから 「フリーエリア」 などを追加します。
(プラグインカテゴリ を プラグイン3 に設定して 追加します。)

フリーエリアに 直接内容 を書いていけばOKですが、以下の方法が安心です。

記事を作るのと同じ要領で その内容の記事を作ります。(下書きでOKです)
その内容 のソース をそこに貼りつければOKなのですが、記事を作る時の

Wマーク (高機能テキストエディタ) を起動し、左上の 「ソース」 を押して表示されたものを、先程用意しておいたプラグインに貼りつければOKです!


後は、その後の編集をしやすいように 記事下(プラグイン内容の最後)などに
そのプラグインの編集画面へのリンク を追加しておくと便利です。
<a rel="nofollow" href="http://blog129.fc2.com/control.php?mode=plugin&amp;process=edit&amp;no=1234567" class="edit" target="_blank">この内容を編集する(管理人限定)</a>
(※ログイン中の本人のみアクセス可能となります。)

paruparu |  2010/06/13 (日) [ 編集 ] No.558


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/06/13 (日)  No.559


ありがとうございます。

早速の回答ありがとうございます。/paruparuさん=Ichiroだとしたら自分はリトルリーグの補欠ぐらい(もっと下かも)。早速チャレンジしてみます。

bansyo |  2010/06/13 (日)  No.560


>やっぱり記事をそのまま表示できる方法は
そのような変数はないので、裏技でなければ プラグイン か 直接記入 しかないと思います。

編集用のリンクを入れておけば 内容をすぐ書き換えられますし、 記事と同じように プレビュー もできますよね。 大幅に変えたいときだけ 仮の記事 → 編集 を利用してはどうでしょうか?

paruparu |  2010/06/13 (日) [ 編集 ] No.561


Re:やっぱり記事・・・・

ありがとうございます。なんどもすみません。

bansyo |  2010/06/14 (月)  No.565


FC2ユーザーフォーラムではお世話になりました

いろいろ細かくご指示いただきありがとうございました。
また新しく問題が出てきてしまったので、あえてこちらで質問させていただきます。

「お知らせ」の部分に画像を中央でランダム表示使用と考えているのですが、
<br clear="all">
を書いて文字の回りこみは解除できたのですが、どうしても画像が中央によってくれないんです。
<center>や<div>タグを使ってみたのですが(現在は<center>タグでくくってありますが左に寄ったまま状態)ユーザーフォーラムでいろいろ質問されてる記事も参考にしてみたのですがどうもうまく行かなくて…
またちょっとしたことなんだと思いますが、お力をおかしください

----------------
[追記]
今サイトを見てて思ったんですがまず左カラムで文字が折り返さないということ(最新記事や最新コメントなど)
普通は大きな画像を投稿すると入りきらなくてデザインが崩れると思うのですが変化なし…。

プロフィールの画像を小さくしたので枠が切れて文字が入りきってないことに気づきました。
これはCSSで編集可能なのでしょうか?

やめっち |  2010/06/17 (木) [ 編集 ] No.575


やめっちさんへ

最初に・・・ 今お使いのテンプレートは xhtml で作られている文書です。
HTML 4.01 以前の 古いタグの書き方 は 正しくない ということと、無効になるものがありますので一度確認された方が良いと思います。

例えば、
<center></center> <div aligin="center"></div>
などの書き方は xhtml では 正しくない書き方になり、機能しない場合もあると思います。
xhtml では スタイルシートで設定するのが基本ですが、単発で設定する場合、
<div style="text-align:center"></div> と書きます。
他には、
<br> → <br /> <br clear="all"> → <br style="clear:both" /> と書きます。
この辺りは混在していても 見た目には 問題ないものですが。 違いがあります。

1.「お知らせ」 部分の件
今のような使い方でいくなら、 先日のソースの
<div class="entry_body"> (中略) </div> を
 ↓ 
<div class="osirase_body"> (中略) </div> などに
適当に変更された方が使いやすいかもしれません。

また、プラグインの中身 は正しく書くと ↓ のような感じです。
(※フリーエリアを使っているので、全体のセンタリングは 管理画面で設定すればOKです。)
<img src="" alt="" width="" height="" /></center><br />
<center><b>ようこそ○○へ<br />・・・</b></center><br />(以降省略)

2.左カラムで文字が折り返さないということ
No.19 の記事に <Nobr> というタグが 開いたままの状態で 2コ 入っています。
これが 直接の原因 だと思います。 また、

>普通は大きな画像を投稿すると入りきらなくてデザインが崩れると思うのですが
overflow: hidden; を設定しているかそうでないかによっているものです。
やめっちさんのお使いのテンプレートには 記事本文 や プラグイン部分 に overflow: hidden; の設定が入っていましたので、枠より大きな画像を使っても崩れることはないと思います。


とりあえず今回は回答しましたが...
正直、「他の作者さんの」 テンプレのサポートはかなり大変です。。。
どのような CSS設定 になっているか、 また、変数部分 は外からは全く見えない ので予測と確認作業が必要になります。 ユーザーフォーラムは 大体目を通していますし、時間のある時は回答したりもしていますので... 次回からは やはりフォーラムを使ってもらえると助かります。
他の方が回答してくれることもあると思いますので。。。宜しくお願いします。

ちなみに、公式テンプレート って多言語対応にしている分、テンプレート や スタイルシート に コメント (<!-- ▽ここから記事本文▽ --> ← こういうの) があまり入っていない面もあると思います。 使いやすさ や 何か困った時のサポートなどを求めるなら 「共有テンプレート」 で 作者さんがサポートをしているようなものを選ぶと 後々も良いかもしれません。

paruparu |  2010/06/18 (金) [ 編集 ] No.576


ありがとうございました

回答ありがとうございました。
ご支持のとおりでうまくいきました。

>次回からは やはりフォーラムを使ってもらえると助かります。
そうです、そうですよね(^^;
フォーラムで答えていただいたので直接と思ったのですが、やはりいろいろな方の意見や作者様の意見を聞けるフォーラムのほうが確かですよね、すいませんでした。
次回からはフォーラムを利用するようにします、ありがとうございました。

やめっち |  2010/06/18 (金) [ 編集 ] No.577


ブログ奮闘中でご迷惑かけます

お久しぶりです。このところブログ作り奮闘してまして、
引っかかるところが・・いくつか。お時間があればお返事お願いします。

僕のブログの、HOMEの右上。
ブログ名の「踊る外道2ちゃんねる」と、青文字で表示されてる部分
これをどうにか消すこと
は出来ないでしょうか・・・?
消した後、そこに僅かではありますが、背景画像を挿入したいんです。

あと、カテゴリの最新記事って表示出来たりするでしょうか・・・?
色んなサイト参考にして試してたんですが、どうもダメでw
paruparuさんがもし知ってれば、教えてくださると嬉しいです。

今様々なとこイジって試して繰り返してるので、
多少レイアウトが崩れてるかもしれませんが・・・

何度もすみません。お願しますです(´・ω・`)


外道会長 |  2010/07/01 (木)  No.586


外道会長さん、こんばんは。

> ブログ名の「踊る外道2ちゃんねる」と、青文字で表示されてる部分

<div id="container">
<p class="site_title"><span class="f_right"><a href="./" title="<%blog_name>"><%blog_name></a></span><%introduction> </p>
<!--▽ナビゲーションメニュー▽-->

単純に消したいだけなら、この 赤文字部分 を削除してもらえばOKです。
その部分に何か画像(背景?)を入れるなら、その箇所に直接入れるか スタイルシートの
#top {
height: ○○ px;
background: ○○ ;
}
辺りを適当に調整してみてください。


> カテゴリの最新記事って表示出来たりするでしょうか・・・?

FC2ブログで関連エントリーを表示させるスクリプト Harmonia!!
http://lastoneofthezodiac.blog38.fc2.com/blog-entry-4493.html

↑ これが軽くて良いかもしれません。 (テスト導入してみたことあります。)
テンプレユーザーさんの ババノヘソ子さん のサイト で導入されています。http://popo520.blog113.fc2.com/

若しくは、Google AJAX Feed API を利用する方法とかも 探すとあると思います。
テンプレユーザーさんの だっきゃさん のサイト で導入されています。
http://dakkyaxx.blog90.fc2.com/

イメージはどちらでしょうか...参考にしてみてくださいね!

paruparu |  2010/07/01 (木) [ 編集 ] No.588


お返事

ありがとうございます。おかげ様で二つ問題解決しました。
ブログ完成・・まであともう少しなのですが、
少しまた質問を...ほんと全く知識がないもので、すみません。

IE以外のプラウザだと正常なのですが
http://blog-imgs-44.fc2.com/g/e/d/gedoukai/firefox.jpg(正常ver)

IEだと、レイアウトに崩れが生じるんです、
①TOP絵の直上の背景色である#e5e4e6が入ってしまう、
②Homeの下に謎の崩れが...

http://blog-imgs-44.fc2.com/g/e/d/gedoukai/ie.jpg(IE ver)

最後に、http://blog-imgs-44.fc2.com/g/e/d/gedoukai/barbar.jpgこうしたいのですが、
paddingやらmaring?やら適当にpx変えてみるもダメで
タイトルがアイコンと被さっちゃった状態
です。

僕、知識一切ないもので、以前paruparuさんがどこかのコメで言ってた
「パズルのように組み合わせる」 ってほんとそれしかやっておらずw
追加して加えるってことが全然出来なくて、パズルゲーム状態です...!

ブログ出来るまでお付き合い・・(おい)
出来ればお時間があるとき、
お暇なとき、お返事お願します。

外道会長 |  2010/07/02 (金)  No.589


外道会長さんへ

テンプレートに入れた 上の画像部分 <img src=”○○.jpg” ~ /> は削除し、
#top {
margin-left:auto;
margin-right:auto;
padding:0;
height:43px;
background:url(○○.jpg) no-repeat center top;

}
とすれば、余白なく表示出来ると思います。

また、謎の崩れ という ゴミのように見えるところは <h1> 部分で SEO的にも重要な部分ですから、読める文字サイズ,文字色 にして残すのが良いと思うので、

/* Heading's
------------------------------------- */
(中略)
h1 {
clear:left;
width:770px;
margin:0;
padding:5px;
text-align:right;
font-size:12px;
color:#666;

}

記事タイトル部分 は以下のように設定してみてください。

/* Entries
------------------------------------- */
(中略)
.entry_title h2,
.entry_title h3 {
padding:60px 10px 0 150px;
font-size:167%;

line-height:1.2;
}
padding (内余白) などの一括指定では、
padding:上 右 下 左; と設定します。「上 右 下 左 時計回り」 で覚えてくださいね。

あと、まだこれからかもしれませんが、検索BOX のところ
更新履歴 の 2009/11/07 に載せてあるソースと差し替えると良いかもしれません。
(ari_seo2M での標準スタイルです。 ↓ URL に入れてあります。)

paruparu |  2010/07/03 (土) [ 編集 ] No.591


記事一覧に、カテゴリを表示させたい

PC言語が分からない中で四苦八苦しながら、ブログ作成にはまっています。
以下の件、他のテンプレートなど探しましたがお手上げなので、お願いいたします。

Q:トップページの記事一覧でアップした日付の前にカテゴリーを表示させたいのですが(マウスをあわせると出る記事タイトルへカテゴリーを表記するでもよい)。またカテゴリーは文字ではなくイラストや写真などで表示することが出来るんでしょうか?欲張りな質問ですがお願いいたします。”もちろん時間のある時で結構です。”

たぶん以下↓を何とかすればいいんだと思いますが(違ったらごめんなさい)
<ul><!--recent-->
<li>
<a href="<%recent_link>" title="<%recent_body>">[<%recent_year>/<%recent_month>/<%recent_day>] <%recent_title></a>
</li>
<!--/recent-->
</ul><br />
<ul>
<li><a href="./page-0.html" title="新しい記事から表示します">【 記事を新しい記事から順番に読む 】</a></li>
<li><a href="./archives.html" rel="contents" title="全記事一覧 と 全タグ一覧 を表示します">【 サイトマップ : 全記事一覧・全タグ一覧 】</a></li>
</ul>

工務店のおじさん |  2010/07/03 (土)  No.593


工務店のおじさん 様

<!--recent--> の中ではカテゴリーを扱える変数がないので、
代わりに <!--topentry--> 関連の変数を利用すると似たようなことが可能です。

カテゴリーを 文字のリンク にするのが一番簡単ですが、画像にするとなると少し複雑になってきます。 画像(CSSで背景設定)にも変更可能なものを 取り敢えず考えてみました。

完成見本は ↓ に作ってあります。
http://arinogotokuatumarite.blog19.fc2.com/index.php?style2=temp_1&index

↓ 私のカテゴリー番号で書いていますので、自分のものと差し替えて使ってください。
単純にカテゴリーのリンクだけで良い場合には 緑色部分 は不要です。 「画像で」 という場合には、この部分のスタイル に それぞれ背景画像 を設定して、幅を調整して・・・ とすれば出来ないことはないのですが、かなり面倒 かも知れません。

↓ スタイルシートに以下を追加

.top_r .f_right { margin-left:20px; font-size:12px; }
.category13 { color:Blue; }
.category14 { color:Green; }
.category1 { color:Lime; }
.category27 { color:Aqua; }
.category28 { color:Olive; }
.category0 { color:Red; }
.category2 { color:Fuchsia; }
.category15 { color:Yellow; }
.category8 { color:Purple; }
.category19 { color:Maroon; }
.category20 { color:Gray; }
.category26 { color:Tomato; }
.category21 { color:YellowGreen; }
.category22 { color:Indigo; }
.category23 { color:RoyalBlue; }
.category32 { color:Teal; }
.category24 { color:Navy; }
.category30 { color:Black; }
.category31 { color:DarkBlue; }


↓ テンプレートの該当箇所を変更

<ul class="top_r"><!--topentry-->
<li class="category<%topentry_category_no>">
<span class="f_right"><a href="<%topentry_category_link>" title="カテゴリー : <%topentry_category> へ"><%topentry_category></a></span><a href="<%topentry_link>" title="<%topentry_discription>">[<%topentry_year>/<%topentry_month>/<%topentry_day>] <%topentry_title></a>
</li>
<!--/topentry-->
</ul><br />

ちなみに、この場合の表示件数は 記事(ページ別) で設定している表示件数 が反映されます。 (貴サイトの今の設定の場合は どちらも 5件 なので同じです。)

テンプレート用 変数一覧|FC2ブログ公式マニュアル
http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html

paruparu |  2010/07/04 (日) [ 編集 ] No.596


Re:記事一覧に、カテゴリを表示させたい

忙しい中、ありがとうございます。
早速トライしてみます。

工務店のおじさん |  2010/07/06 (火)  No.598


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/07/11 (日)  No.599


非公開コメントさんへ

レイアウト崩れの原因 は プラグイン 「チャイはインドで2ルピー」
で使っているタグの記入漏れのようです。
<a href="" target="_blank">海外旅行はエイチ・アイ・エス</a><img src="" ~ />

最後の > を入れれば直ると思います。

>またIE以外のブラウザで表示するとページ移動の際に
>記事タイトルの上あたりに数本のラインが出るのですが
>これは出ないようにできるのでしょうか

多分、読み込み中に ノートの下の部分 が見えるということですよね。
Firefox などだと結構目立ちますが、背景画像が一時的に表示されているものですので、多分このテンプレートだと仕方がないものかもしれません。
min-height なども入れているのですが、結局この仕様には上手く反映されないようです。


追記:訂正 
スタイルシートに 赤文字部分 を加えると良さそうですね。 私のブログも変更してみました。

/* Structure
------------------------------------- */
#wrapper {
margin:0;
padding:0 0 10px 0;
min-height:1000px;
background:url(省略) no-repeat center bottom;
}

サイドバーに入れているプラグインなどが 1000px以上あるなら この設定の方が綺麗かもしれませんね! 値は場合によっては もう少し大きくしても大丈夫だと思います。

paruparu |  2010/07/11 (日) [ 編集 ] No.600


レイアウト崩れと読み込み中の件

paruparuさんのアドバイス通り修正したところ
レイアウト崩れが直りました。
初歩的なミスだったらしくお恥ずかしい限りですが親切にご回答いただき
本当に感謝しています。
読み込み中に ノートの下の部分 が見える件については
普段使ってるGoogle Chromeでは変わらずでしたが
Firefoxでは見えなくなりました。
テンプレートをお借りしている上にこうしてアドバイスまでいただけて
本当に感謝しています。
ありがとうございました。

チャイ |  2010/07/12 (月) [ 編集 ] No.601


Google Chromeでも

今見直してみたところGoogle Chromeでも大丈夫でした。
なんどもコメントしてすみません。

チャイ |  2010/07/12 (月) [ 編集 ] No.602


チャイさんへ

共有テンプレートのものも、今日修正してみました。
自分では気にもしませんでしたが、確かにこの方が 読み込み中が少しスッキリ しますよね。
こちらこそ、貴重な発見になりました!

paruparu |  2010/07/12 (月) [ 編集 ] No.603


完成まであと一歩へ

こんばんは。地道に作成しながらも、わりと納得のいく範囲内まで
paruparuさんの迅速なサポートのおかげであと一歩まで行きました。

ラストスパートに質問したいのですが、
自分のブログの、「ページトップへ行く」の機能のボタンなんですが、
独自のアイコンを作成し設置したところ、
「TOP」の部分にマウスを当てると、消えてしまうようで・・・
なぜでしょうか・・・。

残りはもう、paruparuさんのブログなり、センスいいブログなり
なんなり色々見つけたらちょこっといい風へ変えていきたいなあとか
すっかり、ブログ作りにハマってしまって、思ってたより面白かったです。
いつもありがとうございますー。

外道会長 |  2010/07/13 (火)  No.604


外道会長さんへ

>「ページトップへ行く」の機能のボタン
以下のように書き換えれば大丈夫だと思います。
#ttop {
position:fixed;
bottom:10px;
left:auto;
margin:0 0 0 1000px; /* マージン:上 右 下 左 */
width:74px;
height:252px;
background:url(省略) no-repeat left bottom;
}
/* IE6以下用 */
* html #ttop {
display:none;
}
#ttop:hover {
background-position:0 80px; /* 画像の高さによって適当に調整 */
}
a.page_top {
display:block;
width:74px;
height:252px;
}

詳細: 右下に 「ページ先頭に戻る」 リンクを常に表示
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-116.html

IE6以下 の設定も入れてみたのですが...テンプレートの調整なども必要になりそうなので、とりあえず IE6以下 では表示されないようにしておきました。

paruparu |  2010/07/13 (火) [ 編集 ] No.605


お返事

毎度ありがとうございます。
何とかホント、理想のブログにできました
半月かかったけども

お世話になりましたー!
これからもお世話になります


ほんと感謝してます。

外道会長 |  2010/07/14 (水)  No.606


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/08/12 (木)  No.652


非公開コメント 「こ」さんへ

はじめまして! コメントありがとうございます。 (小旅行中で返信少し遅くなりました。)
テンプレート、使いやすいと言ってもらえて嬉しいです♪

WordPress の件ですが、「良さそうだなぁ」 と、すごく興味はあるものの まだ全く未知のところなので 今のところ予定はありません。。。
でも、気に入っていただけて嬉しいです。

WordPress のことは全くお力になれませんが、FC2ブログのことでしたら 何でも気軽に聞いてくださいね! また遊びに来てください。

paruparu |  2010/08/13 (金) [ 編集 ] No.656


paruparu様へ

不具合ののご連絡ありがとうございます。
ただ、”Wii版Opera ”の環境がないので、具体的な症状が把握できかねております。
逆質問で申し訳ないのですが…

1.リンクボタンとは(具体的なリンクボタン名を数件教えて下さい)
2.Wii の「ページ更新」とは、Operaの更新ボタンですか
3.ページ表示に伴うエラー表示はあったでしょうか?

お忙しいと思いますが、宜しくお願い致します

たか亭 |  2010/08/15 (日) [ 編集 ] No.662


たか亭さんへ

Wii 限定なので、余計面倒ですよね。。。
機能しないリンクは 私のWiiで確認した限り 多分「全部」 だと思います。
コメント投稿欄 へのアクセスも上手く機能しませんでした。
スクロールなど ダイレクトにアクセスしたページの閲覧には問題ないようで、エラーメッセージなども特にありませんでした。

リンクが機能しないので、Operaの更新ボタンを押したりすると カッチャカッチャと更新が勝手に繰り返され...変な動きをしてしまうようです。

原因が判らないのが辛いところですが... もしかしたらと思うのは、
・「プロフィール」上の <object> ~ </object> のカレンダーのところ
・「気象情報」 のところ

この 2箇所 です。 自信は全くないのですが、もしテストしてみるなら 8/17(火) なら、Wii で確認する時間が取れると思うので 仮に外しておいてもらえばテスト可能です。
ただ、的外れになったらスミマセン。。。

paruparu |  2010/08/15 (日) [ 編集 ] No.664


paruparu様へ

対応感謝致します。
指摘症状で”Google”先生で検索しましたが該当・・・・
ただ、表示対象Flashのバージョンが低かったのが気になります。
17日までに出来る限りの対応を致します。
お手数ですが、確認をお願いいたします。

たか亭 |  2010/08/16 (月) [ 編集 ] No.665


たか亭さんへ

Wii で確認しました・・・が、まだ同じ状態でした。(申し訳ありません。。)
何が原因でしょうか。。

Flash の表示できないものは その部分が何も表示されないだけで、多くのサイトで閲覧には問題ないようです。 なので、原因は他でしょうか?

SyntaxHighlighter これは今はまだ使っていないものですかね?
.js が沢山設定されているので、これを必要なもののみにしてみるとか。。。
shCore.js + shBrushXml.js + shBrushCss.js + shBrushJScript.js
など、良く使うもの いくつかに絞っても良いのかも。。。

あくまでも Wii だけで、PC版の Opera 他、確認した主要ブラウザ では問題なさそうなので、見捨てちゃうのでも良いかもしれませんね。。。

追記:
今回の問題とは直接関係ないようですが、トップページに
<title>~</title> という重要なタグが2つ入ってしまっているようです。

その辺りは、エリア変数が複雑に入っていますが、デフォルトのものと差し替えれば正しく表示されるはずなので、ご確認ください。

多分、その前後のカスタマイズをする時に ↓緑部分 も削除してしまったのではないでしょうか?
<!--not_index_area--><!--not_titlelist_area--><!--not_permanent_area--><!--not_edit_area--><!--not_date_area--><title><%sub_title> no<!--topentry-->.<%topentry_no> <!--/topentry--> 【 <%blog_name> 】</title><!--/not_date_area--><!--/not_edit_area--><!--/not_permanent_area--><!--/not_titlelist_area--><!--/not_index_area-->

paruparu |  2010/08/17 (火) [ 編集 ] No.666


paruparu様へ

Wiiでの動作確認、ありがとうございます。
”Google”先生で検索パターンを変えて調査していますが、
芳しい結果は導き出されていません。過去の経験から、
ドツボにハマるパターンのようです(手掛かりがないのが辛い)。
一応調査は継続として、ご指摘の箇所を含めて現状復旧します。

追伸:関係ないと思いますが、Wiiは何に接続していますか?

たか亭 |  2010/08/17 (火) [ 編集 ] No.667


> Wiiは何に接続していますか?
「無線LAN接続です。」 で、答えになっていますか?

Wii は、かなり重いサイトとかだと フリーズして表示すらできないサイトもあるので、きっとそのうち色々と改善されるのでしょうね。
解決策が見つけられず..お役に立てず申し訳ありませんでした。

paruparu |  2010/08/17 (火) [ 編集 ] No.668


お手数をお掛けしました

paruparu様へ

対応ありがとうございます。
何が原因だったのでしょう?(指摘箇所の修正/不要”JS”の削除/CSS定義のmedia指定の削除だけです???)
しかし、正常に動いて良かった ( ´o`)п< <(ホ)

ところで、ブログにも書きましたが、地元の夏祭りで酷暑の中、”神輿”を追い掛け回してバテバテです。今年の夏は病人には酷な暑さです。

たか亭 |  2010/08/30 (月) [ 編集 ] No.675


たか亭さんへ

表示できるようになってよかったですね!
「Wiiって不便だなぁー」 と不満に思いつつ、最近はよく使っているので... たか亭さんのサイトも ちゃんと見れるようになって嬉しいです。

先日のコメント、リモコンで必死に打ちました。(雑な感じですが... 許してください^^;)

>今年の夏は病人には酷な暑さです。
確かに 異常な暑さですよね。。。 でも、「神輿 を追い掛け回して」 写真を撮って 大好きなお酒も飲めるのですから(笑)、まだまだ病人じゃないですよ!

paruparu |  2010/08/30 (月) [ 編集 ] No.676


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/09/06 (月)  No.686


非公開コメント Kさんへ

はじめまして。 テンプレート気に入っていただけたようで嬉しいです。

ナビゲーションメニューの件ですが、プルダウンを 2段階 の状態で使う上では、IE6以下対策として どうしてもその部分のアンカーが外せないので、親子カテゴリーの状態で使うのであれば、以下のようなソースが良いかと思います。


<!--==========区切り-->
<li>
<a href="./blog-category-0.html" class="navitop<!--category_area--> this<!--/category_area-->">親子学び教室 &#187;<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<!--category-->
<!--category_parent-->
<li><a class="parent edit"><span class="f_right">&nbsp;&#187;</span><%category_name> (<%category_count>)<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul><!--/category_parent-->
<!--category_sub_hasnext-->
<li><a href="<%category_link>"><%category_name> (<%category_count>)</a></li>
<!--/category_sub_hasnext--><!--category_sub_end-->
<li><a href="<%category_link>"><%category_name> (<%category_count>)</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li><!--/category_sub_end-->
<!--/category-->
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!--==========区切り-->


※ちなみに 1段階 の部分については アンカーを外すことは可能です。
<li class="r_sentence">説明とか</li>

ただ、親子カテゴリー(2段階)に関しては アンカー<a> を使うのが安全かと思います。
コメントに書いてもらったソースのままだと リンクが正しく閉じられていない状態だと思いますので、上のソースと 丸ごと書き換えて使ってください。

paruparu |  2010/09/06 (月) [ 編集 ] No.687


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/09/07 (火)  No.688


paruparu様へ

毎度お馴染みの、たか亭で御座います。
今日はご相談が・・・
フッダー部分に設定している”Google Ads”バナーで
レイアウト崩れ(上方にバナーがずれる)が発生しています。
修正テストを行っていますが、改善策が見つかりません
アドバイスをいただければ幸いです。

たか亭 |  2010/10/01 (金) [ 編集 ] No.712


たか亭さんへ、症状確認しました。

プラグイン 「お勧め情報」 に入れてある Rakuten Widget が影響しているようです。
試しに、そのプラグインを 「非表示」 にすればこの症状は起こらなくなると思います。

paruparu |  2010/10/01 (金) [ 編集 ] No.713


paruparu様へ

ご指摘の箇所を修正した結果、IE8で依然レイアウト崩れが発生
表示更新を行うと、一瞬指定位置に移動しますが元の位置に・・・
引き続き調査致します・・・(ドツボに嵌りそう・・・)
追伸:
firefox3.6 で”New”マークの表示しません。現在、JSを修正しています。
結果は後程・・・( 悪夢 (*゚‐゚)ぼぉー・・)

たか亭 |  2010/10/02 (土) [ 編集 ] No.714


たか亭さんへ

>IE8で依然レイアウト崩れが発生
今は修正済みでしょうか? IETester で見たところは大丈夫そうですが。。

それと、Newマークの件ですが jQuery にしているのは敢えてですか?
私のサイト等、問題なく機能しているのでこれ自体は、そのままでも大丈夫な気もしますが...
ちなみに ↓私の設定しているソース です。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-102.html

他のスクリプトと相性が悪ければ、
FCafe 新着マーク 3 を使うと良いかもしれません。
http://pcafe.blog3.fc2.com/blog-entry-339.html

追記:
↑の方法は 上のナビ部分 には使えませんでした。 IE6以下で 変になってしまうので...
スミマセン。。。 何か解決方法が見つかるといいですね。

paruparu |  2010/10/02 (土) [ 編集 ] No.716


質問です。

とてもかわいらしく、文字大きさもぴったりでたいへん気に入り使わせていただいてます♪

さて1つ分からないことがあるので質問させてください。
私のサイト「http://norinan2.blog53.fc2.com/」のトップページに分割された画像をくっつけて1つの画像にするものがあるのですが、その画像すべてに灰色の太い線が入ってしまってどう頑張ってもはずすことができません。

ちなみに姉妹サイト(違うテンプレートです)で同じように貼り付けても太い線が出なかったので原因不明です。
お手数ですが、ご存知でしたら線をなくす方法があれば教えてください。

のりなん |  2010/10/03 (日)  No.718


のりなんさん、はじめまして!

画像の周りについているように見えるものは、table というタグの設定によるものです。
テンプレートの設定 → スタイルシート編集 というところの 一番最後などに

#sidebar table, #sidebar td {
border:none;
}

というのを加えてみてください。これで大丈夫だと思います。

paruparu |  2010/10/03 (日) [ 編集 ] No.719


ありがとうございます!!

早速のお返事ありがとうございます!!
paruparuさんのお陰で謎の線が消えました☆
テンプレート大事に使わせていただきますね♪

のりなん |  2010/10/04 (月)  No.720


一応解決しました m(_ _;)m

paruparu様へ

お騒がせして申し訳ありません。
散々調べた挙句、”CSS”の記述ミスでした(恥)・・・
また、”NEW!!”マークに関しては、レイアウト崩れの虞があるので
ノンビリ対応します。
ご迷惑をお掛けしました。

追伸:今回のトップは如何ですか?

たか亭 |  2010/10/04 (月) [ 編集 ] No.724


たか亭さんへ

殆どお役に立てませんでしたが...解決されてよかったですね。
ヘッダーも秋らしくリニューアルされたのですね。 私は年中 夏モード です^^;

paruparu |  2010/10/04 (月) [ 編集 ] No.725


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/10/25 (月)  No.755


Mさんへ

>プレビュー画面のリンクを貼らせて頂いたので今回は非公開コメントに・・・
>公開コメントと同様に扱って頂いて結構です。

>使用環境は、ブラウザーChrome8.0.552.11 dev OS XPPRO SP3
>他ブラウザー(確認用)Firefox3.6.11 IE8 と言う環境です。
>(現在のテンプレートは、grey_3columnを使用中です)

>>>・・・・・・・・・・・・・・・・・・・・・・・・
1.ari_seo2Mをプレビュー表示する際にChrome、Firefoxの拡張機能
AutoPage系(AutoPagezeやAutopatchwork)
を使用しているとトップページの下に/page-1.htmlへのリンクが
画面下に自動挿入されてしまうのですが、ありのごとくあつまりてさんの
トップページでは上記拡張機能は機能せず、トップページに無駄なページが
挿入される事が無く、トップページだけのページが表示されます。

【質問】
ありのごとくあつまりてさんのトップページの様にAutoPage系の拡張機能の
影響を受けず、トップページだけ表示するにはari_seo2Mをどの様に
カスタマイズすればよろしいでしょうか?
恐らく、ありのごとくあつまりてさんとトップページを同じ構造にすれば
拡張機能の影響を受けず、トップページだけの表示に出来ると思うのですが、
どこを変更すれば良いか分からないので、差し支えなければ教えて頂けないでしょうか?

【補足】
1の件ですが、拡張機能をオフにすればもちろん何も挿入されず、
トップページだけの表示が可能ですが、ありのごとくあつまりてさんの
トップページではAutoPage系のどの拡張機能も機能しませんでしたので
ari_seo2Mと大きな違いがあるのかなと思い質問させて頂きました。
ソースを見たり、Chromeの要素検証等で色々と見比べてみたのですが、
!-- ▼トップページまではほぼ同じなので、それ以降が違うのかな?と
思っています。(素人の勝手な想像です)

トップページはトップページだけ表示される様にして、ブログの使い方や
注意事項を掲載したいと思っていますので・・・
>>>・・・・・・・・・・・・・・・・・・・・・・・・

該当する部分の構造などは、私のものと共有テンプレートのものは全く同じです。
私は Sleipnirユーザーでつい最近、AutoPagerize for SeaHorse
http://sites.google.com/site/958site/Home/sleipnirscript/autopagerize-for-seahorse
を教えてもらたばかり(他のブラウザのものはよく知らない)なんですが...SITEINFO に登録してあるか否かによるもののようです。 元に登録されているか 自分で追加するか...??

私のサイトは Sleipnirの AutoPagerize for SeaHorse を使うと、ページエリア(トップページを含む)や記事ページ でこれが機能するので、何でだろうと思っていたのですが、元に登録してくれた方がいたみたいで、その影響でした。
同じブログでも、例えばアメブロなどはテンプレ構造が基本的に同じなので 1つの元登録で どこのサイトでもだいたい機能するみたいです。 FC2ブログはテンプレのひな形はないので、個々のテンプレに合わせないといけないとか。。。??


>トップページの下に/page-1.htmlへのリンクが 画面下に自動挿入されてしまうのですが

トップページの次のページは 私のテンプレでは page-0.html なので、page-1.html に繋がっているとしたら間違いなのですが...一般的なFC2ブログのスタイルが適応されちゃっているんですかね。。。?? よく判りません。。。

>>>・・・・・・・・・・・・・・・・・・・・・・・・
2.ari_seo2Mプレビュー画面のプレビュー用リンクの「個別記事ページ」を
表示しても (URL省略~no=15) の様に何も表示されない。
>>>・・・・・・・・・・・・・・・・・・・・・・・・
No.15 の記事が存在しないだけなので no=81 とか適当に調整して使ってください。

>>>・・・・・・・・・・・・・・・・・・・・・・・・
3.プレビュー用リンクはテンプレートを適用する前に削除しないと
そのまま表示されてしまうものだと思うのですが、プレビュー画面だけに
表示させるようには出来ないものでしょうか?
>>>・・・・・・・・・・・・・・・・・・・・・・・・
ari_seo2M の複製を作り、その複製を 公開用として 「プレビュー用リンク」 を削除すれば 今後の手直しなども簡単にできると思います。 (ari_seo2M をテスト・編集用 としてプレビューリンクもそのまま残しておけばOK!)

また、別の方法として Paroday さんのスクリプトを使っても良いかと思います。
http://paro2day.blog122.fc2.com/blog-entry-526.html
テンプレート編集プレビューでトップページ以外(個別、JavaScriptオフ等)を表示



>>>・・・・・・・・・・・・・・・・・・・・・・・・
4.FC2の新機能「関連記事」を表示する際ari_seoシリーズで変数を
使って表示した場合、表示が重くなると書かれていましたが、
変数を使わない一覧表示と個別表示で設定した場合でも
重くなってしまうのでしょうか?
また、ari_seo2Mは変数を使わずに表示が可能でしょうか?
現在のテンプレートでは変数を使わないと一覧表示が
出来なかったので調べて変数を使って表示しています。
>>>・・・・・・・・・・・・・・・・・・・・・・・・
ari_seoシリーズ だから重くなるという訳ではありません。(他のテンプレでもテスト済みです。) どのテンプレでも同じような影響を受けると思います。

>また、ari_seo2Mは変数を使わずに表示が可能でしょうか?
変数 を使わなくても表示できます。見た目はスタイルシートで調整可能です。
>現在のテンプレートでは変数を使わないと一覧表示が 出来なかったので
ということはないと思いますが...取り敢えず、ari_seoシリーズ では対応しています。

関連記事リストに関しての詳細は 該当記事やリンクを参照してください。
Paroday さんの記事には 様々な条件でのテストデータ なども載っています。
http://paro2day.blog122.fc2.com/blog-entry-593.html
「変数を使わず」 「個別記事の記事下に」 などなら殆ど重くならないはずです。
「一覧ページの下にも」 「ランダム表示で」 「15件表示」 などにすると重くなるかも。



取り敢えず書いてみましたが...回答になっているかな。。。;

paruparu |  2010/10/25 (月) [ 編集 ] No.756


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/10/25 (月)  No.757


Mさんへ(2)

特に問題ないと思うので、コメント転記させて頂きます。

>>>・・・・・・・・・・・・・・・・・・・・・・・・
回答有難う御座います。
最初に、「AutoPagerize」のスペル間違えすみませんでした。

paruparuさんのお話ですと、そちらの環境では、ありのごとくあつまりてさんの
トップページにも次ページが挿入されていると言う事でしょうか?
また、その場合page-1からではなく0から挿入されているのでしょうか?

実はこの件、一番気になってたのは、Page-0からではなく、Page-1から
挿入される事だったんですよ。

Page-0から挿入されるのであれば、まだ、最新記事から表示されるので
良いのですが、Page-1からだと中途半端な位置からの表示になって
凄く不自然なんですよね。
Chrome版のAutoPagerizeで試してみたのですが、結果はAutopatchworkと
同じでした。
と、言うのもAutoPagerizeとAutopatchworkのリンク解析フィルターは
同じ物なので。。。

レンダリングエンジンの違いで解釈の仕方が変わるのかも知れませんね。
ややこしい質問に答えて頂き有難うございました。

その他の件は、よく解りました。

ここで新たな質問なのですが、ありのごとくあつまりてさんと同じ様な
カテゴリー別記事一覧の表示にするにはどうすれば良いでしょうか?

これから、ari_seo2Mを使ってテンプレートの引越しを進めて行こうと
思っていますので、初心者な為また質問させて頂く事になると思いすが、
その時はまた宜しくお願い致します。
>>>・・・・・・・・・・・・・・・・・・・・・・・・

AutoPagerize については、私も殆ど判らないので 詳しい方に助言をいただきました。
http://twittalk.jp/10th543/status/28671458125

カテゴリー別サイトマップについては以下の記事に載せています。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-83.html

paruparu |  2010/10/25 (月) [ 編集 ] No.758


回答有難うございます。

2回目の質問を非公開にしてしまったのはミスです、すみません。

回答を頂いて色々と試してみました。
まず、ありのごとくあつまりてさんのブログをari_seo2Mでプレビューしてみて
ベージが挿入されるか見てみた所、挿入されましせんでしたので、次に自分の
ブログをari_seo2Mでプレビュー~編集し、!--index_area--内を
ありのごとくあつまりてさんの!--index_area--とそっくりそのまま
入れ替えてプレビューしてみたのですが、今度はページが挿入されました。

同じにしても結果が違うと言う事は他に原因があるんでしょうね。
正解かどうか分かりませんが、違いを考えた時に全く違う部分として
使ってるプラグインが違うので、それで結果が変わるのかも知れません。

Autopatchworkの作成者さんにブログ側で自動挿入をブロックする方法が
無いか質問させて頂きました。
(ユーザー側が特定サイトで機能をオフにする事は簡単ですが、
ブログ側が特定ページの自動挿入をブロックしてしまった方が
環境に依存しないので)
可能かどうか分かりませんが、回答待ちです。

カテゴリー表示の件、下調べが不十分で失礼しました。
ページ挿入の件は結果がわかり次第お知らせさせて頂きます。

paruparuさんの方で情報を集めて頂き有難う御座いました。

まっこりーに |  2010/10/26 (火) [ 編集 ] No.759


訪問有難う御座いました^^

もう少し落ち着いてから報告に上がろうと思ってたのですが、来てくださったんですね。

AutoPage系の件ですが、作成者さんからはまだ返答は頂けていません。
ですが、プラグインを削除した所、「まとめて読む」以外のページで
自動挿入されなくなったので、自分の思い通りにする事が出来ました。

現在は、カテゴリー別リストと新着マーク表示にトライしている所です。

ここまでで2つ質問させて頂いたい事があります。
1.ari_seo2Mで使われている「あんずいろ」さんの画像を全て
  差し替えた場合も著作権表示は必要ですか?

2.検索機能についてなのですが、複数ワードを入力して検索する場合、
  半角スペースで区切る様に説明されていますよね。
  ユーザータグを設定する際に全角スペースで複数ワードを設定していても
  検索する際は半角スペース区切りのワード指定で機能するのでしょうか?

(今までユーザータグを使っていなかったのでその点が少し分かりません
タグを設定する際も複数のワードを設定する際は半角で区切る必要があるのか
全角で区切っても良いのかFCのヘルプには書いてなかったので)

これから、テンプレートに合わせた過去記事の手直しと共にユーザータグの
設定を行って行きたいと思っていますので、回答頂けると助かります。

まっこりーに |  2010/10/31 (日) [ 編集 ] No.760


まっこりーにさんへ

何かプラグインが何か影響していたのかもしれませんね。
でも、同じ動きになって良かったです。

質問の件ですが、
1. テンプレに使わせて頂いている画像素材(リンクを張っているサイトのもの)はそれを差し替えた場合は 削除してもらって問題ないと思います。

他のユーザーさんでも 残しているケースを結構見かけますが、「ノートの枠」などは私が作ったものですので、素材作者さんのサイトも確認の上、臨機応変に対応していただいて大丈夫です。


2. 検索用語のハイライト機能 に使っているスクリプトは 共有で設定しているもの と 私が使っているもの はちょっと違うんです。
共有に設定しているものは FCafe daniel さんの 『KW強調ボタン』 をアレンジして使わせていただいているものです。 数行のスクリプトでOKなのでとてもシンプルなのですが、複数ワード を入れた時には ハイライト機能は使えません。 (検索自体は 半角スペース で区切れば and検索が機能します。これは FC2ブログの仕様です。)

私が使っているものは jQuery を使ったもので 詳細は以下に載せています。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-111.html (概要)
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-114.html
まっこりーにさんのサイトでは 既に jQuery を使っているので変更は簡単だと思います。後者の設定をすれば and検索 をした場合でも 単語を個々にハイライトできます。

ユーザータグの設定自体は 管理画面の 項目横の [?] をクリックすると説明が表示されます。

記事に関連した識別タグ(キーワード)を関連付けます。
チェックボックスがオンになっていれば記事内のタグにマッチした語句をリンクへ変換します。
またタグ検索により、同じタグを付けた他のユーザーを見つけることができます
タグは必ずしも入力する必要はありません。また入力できるタグは10個までです
続けてタグを入力する時は半角/全角スペースで分けて入力してください


ちなみに、今回質問されていませんが(他の人にも 参考まで...)
2番目の 「タグをリンクに変換する」 機能。 ここが デフォルトで ONになるか OFFになるか は 環境設定 → 記事の設定 → 投稿設定 → ユーザタグ変換 というところの設定によるものですが、これは 変換しないのがおススメです。 (OFFでOK!)

特に私のテンプレートの場合、記事上下に タグによる(サイト内検索) ができる機能をつけてあります。 なので、これ以上設定すると リンクだらけになり記事が読みづらくなってしまう上、「ユーザータグ変換」 は せっかくの訪問者をサイト外へ誘導してしまうことになるので 記事内への自動変換は あまりおススメしません。 (最近は未確認ですが、バグもあります。)


タグの サイト”外”検索機能 も欲しい場合、
自動変換ではなく <%topentry_jointtag> という変数を入れることで 記事下などにまとめて別途設定することが可能です。 使いたい場合は この方法をおススメします。


質問とそれてしまいましたが、
・タグを複数設定する場合は 半角スペース or 全角スペース どちらで区切ってもOK
・and検索 をかける時には、単語毎 に半角スペースで区切る (全角だと スペースを含む単語 として検索されます。結果には あまり違いはないみたいですが...)
がFC2ブログの仕様です。(余談ですが... コメントを含めての検索も可能なんですよ!)

追記: ちなみにこの記事ではユーザータグは使っていません。
コメントを含めた検索方法は 近々記事にしてみようと思っています。

paruparu |  2010/10/31 (日) [ 編集 ] No.761


回答有難うございます。

休日だと思いますが、丁寧な回答有難うございます。
画像はしばらく差し替える予定はないのですが気になったので質問させて頂きました。
ワードハイライトは別のものだったのですね、気付きませんでした。
僕は、何の知識もない素人なので、簡単には行かないと思いますが・・・w
jQueryLightBoxもparuparuさんに手直しして頂いて、どうにか実装出来た物ですので・・・。
共有テンプレート内の<!--FCafe KW強調ボタン~</script>までをjQueryの
スクリプトと入れ替ると言う事でよろしいでしょうか?

今はカテゴリー別一覧でちょっと詰まっています(。´-д-)
手順3のスクリプト版一覧表示まで勧めてるのですが、どうも盛大に間違えてる様な
気がするのでお時間あれば確認お願い致します。
http://makkori1105.blog133.fc2.com/index.php?style2=script&all

簡単ですが、そこまで自分で行った手順は
テンプレコピー→Scriptと改名→CSS部分全て削除→<%css_link>" />変更→
変更した"text/css"直下にグレーアウト以外のCSSを追加→<div id="content">
直下にスクリプト貼付け
現在ここまでの手順でURLの様な状態となっています。

新着表示は奇跡的にうまくいきました。
引越しって大変ですね><

まっこりーに |  2010/10/31 (日) [ 編集 ] No.763


カテゴリー別記事一覧のページ表示がおかしいのは、
存在しないCSS  makkori1105.blog133.fc2.com/template/ari_seo2M/style.css  を設定しているからで、現在適応しているテンプレートのCSS を設定してあげればいいのですが。。。

ちょっと不明だったのは 現在適応されているCSS は
<link rel="stylesheet" type="text/css" href="http://blog-imgs-46.fc2.com/m/a/k/makkori1105/css/b4860.css" />
となっている点です。 実は昼間少しだけソースを見たのですが、その時は
<link rel="stylesheet" type="text/css" href="http://blog-imgs-46.fc2.com/m/a/k/makkori1105/css/8c8e9.css" />

となっていました。ちょこちょこ変更している?? 通常はファイルアップロードでアップした CSSファイルを使うより、そのまま 管理画面テンプレート下の スタイルシート を使うと思うのですが。。。何か意味があるのでしょうか?
設定自体はどちらでも問題ないですが、同じ内容の別ファイルを読ませるのは無駄になってしまうので 「適応中のテンプレートのCSS」 を設定してもらえば カテゴリー別の記事一覧ページ は表示出来ると思います。

ノンスクリプト版 は最初、ちょっと面倒な作業が必要で その後も手作業で更新していくことになるので 「それでもOKな人向け」 です。 それが大変そうであれば スクリプト版 をそのまま利用してください。


別件ですが、上部のナビ・最新コメント表示に morelist( "nav_rcomment" , 14 ); を追加したようですが、元スクリプトがないので エラーが出てしまっています。
(メインテンプレ,カテゴリー別用テンプレ 共、同様です。)

今は元々 7件表示 にしているようなのでその設定は要らないと思います。 サンプルとして載せたものは 「最新コメントを30件」 とか表示させたい人向けに考えてみました。(使う場合には ベースになるスクリプトの設定 が必要です。)

上のナビ部分は複雑なので、元ソースとまるごと書き換えて修正してください。
(管理人の名前を区別する機能を追加したソースは ↓ にあります。)
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-106.html


jQuery でのハイライト機能の設定は <head> ~ </head> 部分の設定 と <body> 部分の設定,スタイルシートの設定 が必要です。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-111.html#comment325
No.325 のコメントも参照してみてください。

jquery.highlight-3.js は 2 KB の軽いものなので、エリア変数が良く分からなければ入れなくても取り敢えずOKです。 ドット入りは使えませんので、highlight_3.js に名前を変更し
<script type="text/javascript" src="http://blog-imgs-46.fc2.com/m/a/k/makkori1105/highlight_3.js"></script>
として設定してください。

<body> 部分の設定 は、FCafe KW強調ボタン が入っている位置に

<!--tag_area--><input type="button" onclick="if('<%tag_word>'!=''){$('#content').removeHighlight().highlight('<%tag_word>');}" value="<%tag_word> を 強調表示する" title="検索用語 を 黄色背景でハイライトします" /><!--/tag_area-->

を入れてください。上下のエリア変数は <!--tag_area--> <!--/tag_area--> だけでOK。

paruparu |  2010/10/31 (日) [ 編集 ] No.764


ご指摘有難うございます。

まず、CSSの件ですが、外部ファイルからの読み込み等は行っておりません。
(そういった知識もありませんので)
昨日、回答を頂いた時にワードハイライトの事を教えて頂いたので、
複製したテンプレートで検索部分の変更を行ったつもりが、バックアップ用の
複製テンプレートで変更を行ってしまったり、ミスが多くテンプレート自体が
ころころ入れ替わる結果となってしまいました。
それに加え、CSSにアドレスがあるという事を知りませんでしたので、
カテゴリー別記事一覧の説明1-3の内容、公開ブログのテンプレート名を
CSSアドレス名と思わず、そのままテンプレート名を入れていました。
後にその盛大な間違に気付いたのですが
(同じテンプレート名使ってる人居たらどうするんだろうと言う点で)
CSSにアドレスがあると言う答えを見つけ出せないまま昨日の作業は終了してしまったので、
不可解なテンプレートをお見せしてしまう結果となってしまいました。
お見苦しい状態ですみません。(非常に勉強になりました)

今回指摘して頂いた部分は手直ししたのですが、ワードハイライトの部分で
AJAX のスクリプトはLightBoxの時に設定してるので省いたのですが、
この解釈で正しいでしょうか?
また、LightBoxもエリア編集を指定して読み込ませた方がよろしいでしょうか?
お手数だと思いますが、再度確認宜しくお願いします。

カテゴリー別一覧はノースクリプト版を目指してみます。
出来るだけ軽く仕上げたいので。

まっこりーに |  2010/11/01 (月) [ 編集 ] No.765


<%css_link> で出力されるCSSのアドレスについて

スミマセン... どうやら最近のサーバーでは
blog-imgs-画像サーバーナンバー.fc2.com/a/b/c/<%blog_id>/css/~.css
というものになっているみたいですね。 他の blog133 や blog134 でも同様でした。

私のブログblog19 や テスト用blog123 までは
<%blog_id>.blog<%server_no>.fc2.com/template/テンプレート名/style.css
の形式で間違いでないので、全サーバー共通の仕様だと思い込んでいました。

どのサーバーを境に仕様が異なるのかは今度調べてみます。
でも、b4860.css や 8c8e9.css には何か決まりがあるのでしょうか。。。

取り敢えず、カテゴリー別記事一覧用のCSS設定は 「現在適応中のものに揃え」
<link rel="stylesheet" type="text/css" href="http://blog-imgs-46.fc2.com/m/a/k/makkori1105/css/3a21c.css" />
として下さい。
でも 3a21c.css ってまたファイル名変わってます。。。 CSSに変更加えるたびに 毎回違うパスになっちゃうってことですかね??

でも、毎回書き直す必要があるとしたら余計面倒ですよね。。。
しばらくの間は ↓ を設定してもらい、管理画面の スタイルシート 部分には スタイルシートの内容 をコピーしておいてもらうのが良いかもしれません。
<link rel="stylesheet" type="text/css" href="<%css_link>" />


jQurey 関連のスクリプトの設定は 今の状態でも問題ないと思いますが、
トップページは最初に訪問されることも多いので、<head> に入れたものは

<!--not_index_area--><!--not_edit_area--><!--not_titlelist_area-->
(jQury本体 や lightbox関連)
<!--/not_titlelist_area--><!--/not_edit_area--><!--/not_index_area-->

としておけば、初めてトップページを訪問した人の表示はちょっと軽くできると思います。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-98.html
組み合わせは色々方法があるので、↑ を参考にしてみてください。

paruparu |  2010/11/01 (月) [ 編集 ] No.766


お疲れ様です。

確認ありがとうございます。
CSSのアドレスはCSSを弄らなくてもHTMLの変更~更新で毎回変わってるみたいです。
LightBoxのエリア変数を設定した後、ソースを見るとまた変わってました。
ですので、指示通りCSSは共有せず、テンプレート毎に設定する様にしますね。

関係ない話になってしまいますが、日本のブログのデザインアイコンって
本当に全然ないですね(。´-д-)

まっこりーに |  2010/11/01 (月) [ 編集 ] No.767


まっこりーにさんへ

<%css_link> の仕様が変更されているのは blog132サーバー以降 みたいです。
「テンプレの更新」 をしただけでも 新しいCSSファイルが作られてしまうなんて (しかも画像サーバー) かなり迷惑な仕様だと思いますが、何か意図があるんですかね。。。

アイコンの件、「FC2ブックマーク用のおしゃれなアイコン」 とかまずないですよね。。。

paruparu |  2010/11/01 (月) [ 編集 ] No.768


ないですね・・・。

さんざん探しましたが、ライブドア、FC、この2つは頑固な程ないですね(。´-д-)

エリア変数の記事を何度も読み返して、一点気になった事があるのですが、
プラグインに配置してる「ブログパーツ」等の表示方法(トップでしか表示しない等)を
エリア変数で操作する事も可能でしょうか?

CSSの件、関係あるか分かりませんが、テンプレート編集画面で、
何度か同じテンプレートを編集~更新した後、全く別のテンプレートに
編集対象を移しても反映されないとか言うバグがありますよ。
例えばテンプレートAを編集~更新、次にテンプレートBに編集を切り替えても
編集画面内(HTML、CSS共に)テンプレートAの物が表示され続けます。
こうなると、一度テンプレート編集画面以外の画面、たとえば、ランキングとか
を開かないとこの症状が改善されません。
前からこうだったのかどうかも分からないので何とも言えませんが、
全体的にFCのサーバーはよく落ちますよね。

まっこりーに |  2010/11/01 (月) [ 編集 ] No.769


エリア変数を含む殆どの変数は テンプレート,プラグインどちらでも機能します。
記事以外ならOKということです。 私のサイトもサイトマップやカテゴリー別ページなど...
エリアによってサイドバーの表示もちょっと変えています。
こんなことが出来る無料ブログは多分FC2ぐらいだと思うので ハマると面白いですよ!!

CSSの仕様... テスト環境がないのが辛いところですが、謎な動きをするんですかね。。

paruparu |  2010/11/02 (火) [ 編集 ] No.770


<%css_link> の仕様、ちょっとしつこく調べてみたら
blog132 ~ blog136 サーバーのみ ファイルサーバーを利用する方法を取っているみたいです。
blog137 サーバーは該当ブログがヒットしませんでしたが、最新の blog138 では元の仕様
<%blog_id>.blog<%server_no>.fc2.com/template/テンプレート名/style.css
に戻っているみたいです。

paruparu |  2010/11/02 (火) [ 編集 ] No.771


こんばんは。

エリア変数面白いですね、試しに色々やってみたら面白さが解りました^^

ただ、分からないのが、プラグインのタイトルバーごと非表示にする方法なんですよね。(中身は簡単に出来たんですが)
それとトップページにSBMボタンを表示するにはどうすれば良いでしょうか?
エリア変数で囲ってもトップページにだけ表示する事が出来なくて悩んでます(。´-д-)(ボタンは日本サービスのは作りました)

paruparuさんのサイドバーの見えない編集画面へのリンクも変数トリックなんですか?

<%css_link> の仕様は、ヘンテコな感じですね、なんで一部だけ別の方法に
されないといけないのか・・・w
しかも最新の仕様では元に戻してるとなると失敗感が否めませんよね。

まっこりーに |  2010/11/02 (火) [ 編集 ] No.772


私のテンプレートでは プラグインエリア(1)と プラグインエリア(2)の間に
全記事ページでのみ表示される 「ユーザータグ 一覧」 とかがあると思いますが、この方法を上手く利用して パズルのように 位置を変えたり 組み立ててみてください♪

ブックマークに追加ボタン、カッコイイのが入りましたね(o^―^o)
ただ、ツイッターでつぶやくボタンはちょっと変えた方がいいかも。。。(私のSleipnirだと「セキュリティで保護されたWebページ・・・」ってダイアログがいちいち開くので)
私は、以下のように設定しています。

<a rel="nofollow" href="http://twitter.com/share?url=<%topentry_enc_link>&amp;text=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91&amp;via=ツイッターアカウント名&amp;lang=ja" target="_blank"><img src="画像のパス" title="この記事について Twitter でつぶやく" alt="Twitter" width="横サイズ" height="縦サイズ" /></a>

(※赤文字部分は任意で追加。省略可)
基本的には 「FC2 ブログ記事にブックマーク追加ボタンを」 の記事で行っていることと同じです。http://arinogotokuatumarite.blog19.fc2.com/blog-entry-69.html

トップページは、URLもブログ名も固定なので、ソースをそのまま書き換え、

<!--index_area-->
<!-- ▼トップページ ▼ -->

<!-- ▲トップページ ▲ -->
<!--/index_area-->

この間にアイコンを入れれば表示出来ると思います。(既に入っているので追加不要)

「見えないリンク」 よく見つけましたね^^ これはただの 管理用リンク です。
一番(自分が)アクセスしやすく、無駄のないところに置いているだけです。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-43.html これと同じ。

paruparu |  2010/11/02 (火) [ 編集 ] No.773


やっとタグ設定が終わりました

ツイートボタンは「http」か「https」でそうなるんです。
なぜ暗号化してるかは、http://www.nurs.or.jp/~tokyu/diary/topic/122
を参考にさせて頂いて作ったからです。
(ツイートボタンの記述はparuparuさんが書いて下さった物とhttps以外は同じですよ)
たしかにIE系のブラウザーだとギョっとするかも知れませんが、こうしないと
ログインしていないユーザーの場合、ログイン画面に進む事になるのですが、
httpだと暗号化されていない状態なのでアカウント、パスが危険にさらされて
しまう事になるみたいなんですよ。
ログインしてるユーザーには関係ないみたいですが、暗号化してた方が安全なのでこれで行こうと思ってます。
(IE9だとどう表示されるのか知りたいですが、XPだと使えないので確認出来ません(。´-д-))
Chrome、Firefoxだとダイアログは出ないんですけどね・・・。

HTML等の知識はまだ駆け出しなので、ちょっと話についていけてませんが、
「素人の全力」で頑張ってみます・・><

まっこりーに |  2010/11/03 (水) [ 編集 ] No.774


おはようございます。

連投すみません。
ツイートボタンの記述、よく見ると少し違いますね。
僕のツイートボタンはトップページに表示すると、機能しなくなってしまいました(。´-д-)
無い頭で一生懸命考えた結果、SBMボタン類を設置してるエリアが
<!--index_area--> ~ <!--/index_area-->なので、
<!--topentry--> ~ <!--/topentry-->エリア内で有効になる単変数
<%topentry_enc_utftitle><%topentry_enc_link>等が
機能しなくなったと思い、ツイートボタン以外のブックマークボタンを
確かめると、どれも正常に機能してるんですね・・・。

なぜツイートボタンだけが・・・と悩みながら、FC2の変数一覧と格闘して
ツイートボタンの<%topentry_enc_utftitle><%topentry_enc_link>を
どこでも有効になる単変数の<%enc_blogname><%enc_url>に
書き換えた所、無事機能するようになったのですが、(まだ手直しが必要ですが)
なぜツイートボタンだけ機能しなくなったんでしょう?
(最初はSBMボタン類を<!--topentry--> ~ <!--/topentry-->で囲んでみたのですが、盛大に表示崩れしました・・・w)
他のブックマークボタンは正常に機能していますが、それらも書き換えた方が
よろしいのでしょうか?

もう一つ相談させて下さい。
以前のテンプレートで使っていたWeb拍手ボタンをSBMボタン類と
同一列に並べたいのですが、Web拍手ボタンがFlashブログパーツなので
どの様に設定すれば良いか分かりません。
以前のテンプレートでは、paruparuさんもご存知のクマクロさんに教わって
設定していたのですが、構造が大きく違うので、設定する事が出来ませんでした。(僕の知識では)
教えて君で非常に申し訳ないのですが、設置方法を教えて頂けないでしょうか?
実際のWeb拍手ボタンはプラグインに設置しておきます。

質問ばかりで申し訳ありませんが、宜しくお願い致します。

まっこりーに |  2010/11/03 (水) [ 編集 ] No.778


ご無沙汰しております

paruparuさんのテンプレートを使わせていただき約1年になります。おかげさまで自分なりのブログができたかなーとparuparauさんには大変感謝しております。

さて1つ質問させて下さい。普段はChrome使いの私ですが、今日久しぶりにIE8を使って自分のブログを見たらエラーが出るようになってました。トホホな気分でテンプレート(トップページ)やプラグインを削ったりしてみましたが原因がわからずさまよった挙句、paruparuさんに質問しようとこちらに来たら、ここでも同じエラーが出ました…

http://blog-imgs-38.fc2.com/b/o/d/bodyattack5204/IE-Error.jpg

既知の問題かと思って探してみましたが、見つけられませんでした。
本件について何かご存知ないでしょうか。
いつも質問ばかりですみません。よろしくお願いいたします。

あたろー |  2010/11/03 (水) [ 編集 ] No.779


あたろーさんへ

エラーの原因は 「FC2アクセスランキングのスクリプト」 のようです。
私が今日アクセスした時には エラー表示は無く、今もOKだと思いますが、この現象は以前もありました。 その時には 取り敢えず一時的に外して 問合せをして修正してもらいました。
あたろーさんのサイトも今はOKだと思いますので確認してみてください。

paruparu |  2010/11/03 (水) [ 編集 ] No.780


ありがとうございます

なるほどそうだったんですね。原因がわかって助かりました。ありがとうございます。
んもう、スクリプトエラー勘弁して欲しいです(笑)

あたろー |  2010/11/03 (水) [ 編集 ] No.781


まっこりーにさんへ

返信遅くなりました。 ツイートボタンの件は 「http」と「https」 の違いがあったのですね。
IE8 だけのことなので、ダイアログが出たら「いいえ」にすればいいだけかもしれませんね。。。 私も、つい先日 このダイアログ をいちいち表示させない方法を知りましたが、Twitter では度々見かけ、結構わずらわしい感じでした。

「セキュリティで保護されたWebページのコンテンツのみを表示しますか?」の警告を出さない方法 http://starfort.cocolog-nifty.com/voorlihter/2009/05/web-93b0.html
今は 設定を変えたのでどちらでも同じように表示できています。

トップページのツイートボタン,SBM ボタンに関しては
<%enc_blogname> と <%enc_url> や <%url> or 直接記入 を使ってもらい、
<%topentry_enc_utftitle> や <%topentry_enc_link> は入れない方がいいかと思います。 ブログ名も 【とある濁酒の・・・】 と入ってしまうので、【】 が不要かも。

Yahoo!ブックマーク 用のソース(トップページ用) は u= 以下が上手く反映されていない ようです。(ブックマークするURL部分が空の状態です。) 変数の影響かどうかは分かりませんが、確認してみてください。

ちなみに、私は (トップページ用は) ツイッター用以外、<%enc_url> ではなく そのままアドレス (<%url> と同じもの) を入れています。


>Web拍手ボタンをSBMボタン類と 同一列に並べたいのですが、

一列に並ばないのは、 最後の部分が </object></object> と1つ余計に入っている為だと思います。修正してみてください。
ただ、「横150pxの拍手ボタン」 なので、今の状態だとサイズ的にギリギリ (余白設定によってはオーバー) になってしまうみたいです。(テストしていませんが、IE6などだと崩れるかも) もし、一列にこだわるなら SBMボタンをもう少し小さくされた方が良いかもしれません。

paruparu |  2010/11/03 (水) [ 編集 ] No.782


おはようございます。

ツイートボタンの件、自分のブログのトップページで注意書きを追加しました。
paruparuさんが貼ってくださったリンクも使わせて頂きました。
SBMボタンは、やはりトップページでは手直ししないとダメだったのですね。
Yahooでの表示がおかしくなってるの気付きませんでした。
Chromeの広告ブロックがYahooのBookmark編集エリアを弾いてしまってたので
Yahooのブックマークってどうやって登録するんだ?と謎に思ってたのですが、
IEで確認して意味が解りました・・・w

拍手ボタンなんですが・・・大変残念な事になりました。
昨日質問させて頂いた時は気付かなかったのですが、Chrome、Firefoxからだと
拍手ボタンが機能しなくなってました。
10月中頃までは正常に動いてた記憶があるので、それ以降のFlashバージョンで
動かなくなったのか、作者さんが何か変更されたのか分かりませんが、IE以外では
全く機能せず、作者さんサイトも酷いレイアウト崩れを起こしていたので、
IEでしか動作確認されてないのかもしれません。
前のテンプレートから唯一もってこようかと思っていたブログパーツなので
残念ですが、しばらくの代替えが見つかるまで拍手ボタンは無しの方向で
行こうと思います。
折角答えて頂いたのにすみません。

余談ですが、SBMボタンの設置で、Firefox、IE、Chromeから動作確認してる時に
このテンプレートの軽さに驚かされました。Chromeで表示が早いのは当然なんですが、IE、FirefoxでもChromeとほぼ変わらない速度で表示出来るぐらい軽いです。
以前のテンプレートはブログパーツやScriptを考え無しに設置していたので
ChromeのデベロッパーツールやGoogleウェブマスターツールで表示速度を
測ると約9秒ぐらい(2秒ぐらいで表示され、普通に動くが読み込みマークがでっぱなし)かかっていたのですが、このテンプレートに変更して、色々と気をつけて
設定していくと、IEやFirefoxでも快適に回覧出来ますね!
もうじきカテゴリー別記事一覧も完成しそうなので、引越しが終わったら
是非紹介記事を書かせて下さい。

まっこりーに |  2010/11/04 (木) [ 編集 ] No.786


3カラム化、グローバルナビメニュー

すみません。
3カラム化にしたいのですが、上手くできません。
どの辺をいじればよいのでしょうか?

あと、グローバルナビメニューを
Welcome to my bolgの上あたりに移動させたいのですが
可能でしょうか?

よろしくお願い致します。

としい |  2011/08/15 (月) [ 編集 ] No.1094


2カラム → 3カラム への変更方法

私のテンプレを3カラムにするには、イメージ的には ↓

ブログを3カラム化するには
http://blog.info-rich.jp/archives/2005/10/3.html

の、「3カラムレイアウトの構造図」 のようにする必要があるのですが... かなり面倒で 時間のかかる作業になります。 今のところ、3カラムへのサポートはしていませんので、申し訳ありませんが、元々 3カラムのテンプレートをご利用ください。

3段組CSSレイアウト実践講座 - CSSレイアウト実践講座
http://css.uka-p.com/3column/

こちらも参考になると思います。

あと、こちらのサポート窓口は 2010/11/15 で締め切っているので、
新しい窓口をご利用ください。 現在は 「窓口 No.3」 になります。

コメント受付期間終了後も コメントを表示するhttp://arinogotokuatumarite.blog19.fc2.com/blog-entry-118.html
※コメントをシステムで締め切っていない理由は ↑ に書いてあります。

paruparu |  2011/08/15 (月) [ 編集 ] No.1095


3カラム

できました。わかりやすくて参考になる記事ありがとうございます。

レイアウト実践口座 イイですね。お気に入り追加しました。

窓口 No.3」があるとは知らずで、失礼しました。

としい |  2011/08/15 (月) [ 編集 ] No.1096


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2011/10/01 (土)  No.1134

コメントを投稿する 記事: 共有テンプレート サポート専用窓口 (2)


お気軽にコメントをどうぞ。
ソースコード等の < と > は (実態参照に変換されるので) そのまま使ってOKです。 & は 全角 に変えて使ってください。

  任意 : 後から修正や削除ができます。
  非公開コメントとして投稿する。(管理人にのみ公開)
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。