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

モード変更

スポンサーサイト

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

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

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

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

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

2009/10/19 (月)  カテゴリー: FC2共有テンプレート

共有テンプレート (ari_seoシリーズ) の技術的な質問,相談窓口 を設けました。 カスタマイズに行き詰ったり、聞いてみたいことがあればこちらからどうぞ。 また、何か不具合が見つかりましたら報告お願い致します。

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

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

コメントは そのまま残すようにしていますが、このページ 窓口(1)のみ、(ページがとても重くなってしまった為) コメントを大幅に整理させていただきました。

最適化環境 と 既知の不具合

最適化環境
Windows Vista 以上 × IE7 及び Sleipnir2.9 以上 
第一フォントに 「メイリオ」 を指定しました。 「メイリオ」 と 「MS Pゴシック」 はあまりにも違いすぎて どちらにするか非常に悩みましたが...将来を見据えて。
ベースの文字色は 標準的な#333 を指定していますが、「MS Pゴシック」 環境では、チカチカ 眩しく思えるのは私だけでしょうか?? ちなみにこのサイトでは、少し薄め(中途半端な) #444 にしてあります。
それ以外のブラウザ (Firefox,Opera,Google Chrome) でも 問題なく閲覧できると思いますが、作る上では意外と手こずりました。 (特に Opera。)
既知の不具合
IE5.5 : ナビゲーションメニューで ドロップダウンしたリンクの選択がすんなりできず もたつく。 (でもすんなり出来ることもあるし、ずっと選択できないことはないので... 今後も放置予定。) また、個々のメニューの幅が少し狭くなる。
IE6 : あちこちで言われているようなバグにかなり苦労しましたが、対応済みです。 その分、ソースに無駄が増えてしまったところもありますが... ご了承ください。
Sleipnir2.8 : ブラウザのズーム (倍率指定) についていけない。 position の設定が原因でしたが、他のブラウザではOKで、現在の Sleipnir2.9 では改善されています。

スポンサーリンク

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

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

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

-61 Comment


こんにちは。 テンプレートを数日前にお借りしました!
ありがとうございます。
実は、お願いがあり伺いました。

FCafeさんのプラグイン新着マークをWhat's Newの記事タイトルに
表示したいのですが どうしたら良いか教えていただけないでしょうか。

お時間のある時いつでも構いません。
ご無理な時は コメントも削除して頂いて構いません。
宜しくお願いします><

るしあ |  2009/10/21 (水)  No.96


出来た!

るしあさん、はじめまして。すっごく可愛らしくカスタマイズされていますね!!
一瞬、別のテンプレートかと思いました。

で、一応出来ました。 ご希望のものは何故か作動せず、FCafeさん作 の 前バージョン が上手く適応しましたので... ↓こんな感じで良いのでしょうか?
http://arinogotokuatumarite.blog19.fc2.com/index.php?style2=temp_1&index

解説は 明日までに(...多分)またコメントします。

paruparu |  2009/10/21 (水) [ 編集 ] No.97


お早いご返答感謝します。
ご訪問もありがとうございました^^
プレビュー見させていただきました!
バッチリです♪
急ぎませんので お時間の許す時にゆっくりやってください!
本当にありがとうございましたー!!

るしあ |  2009/10/21 (水)  No.98


[ 新着マークを What's Newの記事タイトル に表示する方法 ] 続きです。

1. <head>~</head> (</head> の真上あたり) に以下を記入

<!--index_area--><script type="text/javascript">
// <![CDATA[
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=168; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write(' <span class="newmark">New</span>');
} }
// ]]>
</script><!--/index_area-->


2. ↓ 最新の記事一覧 を表示しているところに 赤文字部分 を追加

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

<ul><!--recent-->
<li>
<a href="<%recent_link>" title="<%recent_body>">[<%recent_year>/<%recent_month>/<%recent_day>] <%recent_title></a>
<script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>);
</script>

</li>
<!--/recent-->
</ul>

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


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

/* NewMark */
.newmark {
color:red;
font-weight:bold;
font-family:'Times New Roman';
}


解説:
FCafe daniel さんの 新着マーク(旧バージョン) を使わせていただきました。
http://pcafe.blog3.fc2.com/blog-entry-120.html
ソースは、オリジナルとは若干(細かい部分くらいですが...)異なります。

1. の var nt=168; 部分には 何時間以内のものにNewマークを付けるかという設定を入れます。168だと 7日以内で、24なら 24時間以内 のような設定です。

document.write(' <span class="newmark">New</span>');
↑部分は、document.write しているだけなので、例えば画像を入れたりしてもOKです。

document.write('<img src="http://xxxxxxx/newmark.gif" />');
↑こんな感じにすれば好きな画像を入れられます。
画像にした場合は、3. のスタイルシートの設定部分は不要です。

今回は、トップページだけに反映させれば良いのかなと思ったので、
<head>内のスクリプト部分は <!--index_area--> <!--/index_area--> で囲っておきました。もし、ページ上部のナビゲーションメニューにも対応させたければ、この緑色部分を削除すれば、(他のエリアでも) 併用できます。

参考・参照:
http://pcafe.blog3.fc2.com/?q=%BF%B7%C3%E5%A5%DE%A1%BC%A5%AF

paruparu |  2009/10/21 (水) [ 編集 ] No.99


新着マーク着きました!
丁寧に説明していただいて感謝感謝です><
24時間設定で設置させてもらいました!
FCafeさんにも感謝です。

paruparuさん 本当にありがとうございました^^
素晴らしいテンプレート 末永く使わせて頂きます!
これからもテンプレート作りや、サイト運営等 頑張って下さい♪
陰ながら応援させていただきます!!

るしあ |  2009/10/22 (木)  No.101


テンプレート カスタムの質問

始めまして アメと申します
ステキなテンプレート ありがとう御座います
いろいろ改悪 デチューンしていまして
私の知識をはるかに越えた問題の為 助言のほどよろしくお願いします

テンプレート
<!--Template (ari_seo2M_091019)-->
ブログ名 アメとAA  名前 アメ  ブラウザ Firefox3.5 os win2000
http://ametoaa.blog91.fc2.com/
問題個所 記事にまとめてます
http://ametoaa.blog91.fc2.com/blog-entry-90.html

問題個所
管理画面から コメント返信をした場合 発生する問題
①名前の装飾を設定した場合 コメント記事にまで色の影響が発生します
②左上(コメントbody外)に 「アメ">」のような文字が表示されます
私のテンプレ 変更は色々していますが 
コメント記入欄(<!-- ▼コメント入力▼ -->)の変更はしましたがが
コメント表示部分<!-- ▼記事へのコメント▼ -->は変更していません

スタイルシートの変更は
/* 管理人のコメントを区別 */
/* .n_ の後に管理人のコメント投稿者名を入れてください。日本語OK */
.n_アメ {
color:#ff5000;
}
.n_アメ .cm_body {
color:#000000;
border:2px solid #ff5000;
}

/* Comment, Trackbackは
文字の大きさと コメント記入欄の大きさ を変更しました

記事からのコメントでは正常に表示されますが
コメント一覧(プラグイン)で名前の色が変りません。
ですので管理画面から いつも返信しています

変更していない 元テンプレで試してみても ①②が発生しています

こうしたい
管理画面 記事コメントどちらでもかまいません
プラグインのコメント者一覧の 私の名前を 赤色に
コメント記事は 黒色に

急ぐ問題ではありませんので お時間ある時にでもよろしくお願いします
HTNLの知識が2ヶ月くらいなので 少し子供に教えるぐらいの勢いでおながいします。

アメ |  2009/10/28 (水) [ 編集 ] No.109


なるほど~

アメさん、報告ありがとうございます。
まず回答からですが、ご希望の環境にするには、スタイルシートの該当部分を
↓下のように書き換えればOK!です。

/* 管理人のコメントを区別 */
/* .n_ の後に管理人のコメント投稿者名を入れてください。日本語OK */
.n_アメ {
color:#000;
}
.n_アメ .cm_body {
border:2px solid #ff5000;
}
.n_アメ .cm_bottom {
color:#ff5000;
}

管理画面,記事コメントどちらから投稿してもOKですが、
「管理画面(コメントの返信)での 名前の装飾 は使わずに」 お願いします。

表示乱れの原因は、管理画面 から 名前の装飾 を行った場合に 自動挿入 される 
<span class="fc2_owner_comment" style="font-weight:bold;color:#CC0000;">アメ</span> というタグでしたが、これどうやら <%comment_name>=”アメ” のものに対して入れているもののようで (←あくまで推測ですが)、これを使ってしまうと
<div id="comment<%comment_no>" class="n_<%comment_name>">
の部分まで影響を及ぼし、

○ <div id="comment206" class="n_アメ">・・・ で良いものが
× <div id="comment206" class="n_<span class="fc2_owner_comment" style="font-weight:bold;color:#CC0000;">アメ</span>">・・・

と、文法的に間違った 変な形に書きかえられてしまう からのようです。こればっかりはこちらではどうすることもできないので...

皆さんも、「管理画面(コメントの返信)での 名前の装飾 は使わずに!」 お願いします。
報告ありがとうございました。

paruparu |  2009/10/28 (水) [ 編集 ] No.110


もう1つありましたね。。

> プラグインのコメント者一覧の 私の名前を 赤色に
[ 最近のコメント一覧 にある 管理人のコメント も区別する方法 ]

<!--▽ナビゲーションメニュー▽-->

<!--rcomment-->
(中略)
<%rcomment_name>
(中略)
<!--/rcomment-->

<!--△ナビゲーションメニュー△-->

1. ↑ナビゲーションメニュー の中から <%rcomment_name> という変数を探し、
それを↓以下のように変更します。

<span class="r_n_<%rcomment_name>"><%rcomment_name></span>

2. スタイルシートに ↓以下のようなスタイルを追加

.r_n_管理人名 {
color:#ff5000;
}


これで、大丈夫です。

paruparu |  2009/10/28 (水) [ 編集 ] No.111


連投 失礼します

paruparuさん 
ありがとう御座います 出来ました  できました
綺麗に 表示されてます
前の管理画面の装飾だと 暗い赤色でしたが
今度は 明るい赤色で すごく嬉しいです

しかも管理画面から返信しなくても済みます 嬉しいです。

paruparuさんのテンプレに出会えてよかったです
親切で分りやすい 説明と
早急はお返事ありがとう御座いました

アメ |  2009/10/31 (土) [ 編集 ] No.115


こんにちは!
またお願いがあって来てしまいました・・・。
ナビゲーションメニューに月別アーカイブは載せられますか?
宜しくおねがいします><

るしあ |  2009/11/02 (月)  No.118


月別アーカイブの件

るしあさん、こんにちは!
月別アーカイブ を上のナビゲーションメニューに入れる場合
↓下のように入れてもらえれば 取り敢えず表示できます。

<!--==========区切り-->
<li>
<a href="./blog-date-<%now_year><%now_month>.html" class="navitop<!--date_area--> this<!--/date_area-->">Archives &#187<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<!--archive-->
<li><a href="<%archive_link>"><%archive_year>年<%archive_month>月(<%archive_count>)</a>
</li>
<!--/archive-->
<li><a href="./archives.html">全記事一覧 (サイトマップ)</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!--==========区切り-->

緑色の部分 は今月の記事へのリンクにしてありますが ./archives.html などでもよいかも。

共有テンプレに最初から入れておこうか悩んだのですが、すごーく長くなる人もいるかと思って、ちょっと避けておきました。で、長くなっちゃう場合の対策はいくつかあるんですが... 説明が長くなっちゃうので、近いうちに記事にしますね!! 面白そうだし。。。
(よかったら、気長に待っていてください。。。)

追記: 「月別アーカイブをコンパクトに表示する方法」 記事にしました!
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-92.html

paruparu |  2009/11/02 (月) [ 編集 ] No.120


アーカイブ設置できました!
paruparuさんのテンプレートにはゾッコンですから
気長にいつまでも待ちます!!!
本当にありがとうございました^^

るしあ |  2009/11/02 (月)  No.121


お礼

paruparuさんへ
ありがとう御座います、ホントに嬉しいです
何日も頑張ってみたのですが 全然できずに
やはり相談してよかったです
リンクの所も凄く不安だったので スッキリしました
テキストの所は また知らないコマンド?が出てきて
ビックリしています すごいっす
2段目のズレがポイントなのですあの 標準AAには
ズレている方に フォントの設定を変更して頂く為の
AAだったのです 
申し訳ありません ややこしのを例題にしてしまいまして

本当にありがとう御座いました
私もparuparuさんのテンプレにゾッコンです

アメ |  2009/11/02 (月) [ 編集 ] No.122


What'sNewの表示件数

はじめまして!
ari_seo1を使わせていただいております。
早速なのですが、1点教えてください。

トップページのWhat'sNewで表示されるブログのタイトルをparuparuさんのページのように10件表示にするにはどのように書き換えたらよろしいでしょうか?

お手数をおかけして申し訳ありませんが、よろしくお願いいたします。

にゃあ |  2009/12/08 (火) [ 編集 ] No.169


にゃあ さん、はじめまして!

What'sNew の表示件数
管理画面 での 環境設定の変更 → ブログの設定 (記事の設定)で、
最新記事一覧 の件数部分を変更すると設定できます。

1件~30件まで選択可能で、同様に 記事(ページ別) 記事(月別) 記事(カテゴリ別) 記事(検索結果) 記事(タグ検索結果) RSS などの表示件数が変更可能です。

paruparu |  2009/12/08 (火) [ 編集 ] No.170


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

paruparuさん早速のお返事ありがとうございます。
すみません!ブログ自体の設定だっただなんて・・・、しっかり変えることができました。
本当にありがとうございました!!!

にゃあ |  2009/12/08 (火) [ 編集 ] No.171


Google Adsense

こんにちは。あたろーと申します。
アメブロから引っ越してきてTemplate (ari_seo2M_091206)を使わせていただいております。
いかんせん無知なもので、苦労しておりますが、ちょこちょこカスタマイズ等させていただいてなんとか形になってきました。

さて Google の Adsense について教えていただきたいのですが、個別記事ページにて記事が終わったところから、「拍手」、「Google Adsense」、「この記事に含まれるタグ」、「FC2スレッドテーマ」と続きます。ところが他のサイトを見ると「Google Adsense」部分は表示されていないようなのですが、これは場所を変更することはできないのでしょうか?
ブログランキングのリンクを追加してみたのですが、記事から遠いので気になっております。

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

あたろー |  2009/12/22 (火) [ 編集 ] No.191


あたろー さんはじめまして!

テンプレートのご利用ありがとうございます。上手にカスタマイズされていますね!
質問の件、FC2ブログで表示される Adsense は今年の4月から導入された
アカマイ (高速コンテンツ配信システム) を利用する場合のみに表示されるものです。
http://blog.fc2.com/info/blog-entry-355.html
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-70.html

環境設定 → ブログの設定 → アカマイ の設定 で
アカマイを利用する(広告表示あり) か 利用しない(広告を表示しない)かの選択が出来るようになっています。 ちなみにこのブログでは「利用しない」を選択していますが、極端に表示が遅い ということはないかなぁと思っています。

この部分の設定は 設定変更後 「数分間ブログが真っ白になる可能性があるので」(←アカマイ導入当初、FC2ブログユーザーからかなりクレームがあったものです。今はどうかは知りませんが、もし設定を変えることがあれば時間帯を選んだほうが良いかもしれません。)

広告の表示位置は 拍手の位置の後 などに決まっていると思うので多分変更できません。

paruparu |  2009/12/22 (火) [ 編集 ] No.192


ありがとうございます!

早速のご回答ありがとうございます。
テンプレートとはまったく無関係なんですね。お恥ずかしい…
早速ご回答いただいた設定を変更しました。
尚、変更が有効になるのは1週間後だそうで未だ結果は確認できておりません…1週間って(爆)

これからもよろしくお願いいたします。

あたろー |  2009/12/22 (火) [ 編集 ] No.193


1週間後とは。。。

そんなにかかるんですね。 でも、不具合なく反映されればそれが一番ですが。。。

paruparu |  2009/12/23 (水) [ 編集 ] No.194


IE8でエラー(追記)

お世話になります。

> 発生するエラー1:  ')' がありません
> http://blog-imgs-38.fc2.com/b/o/d/bodyattack5204/error1.jpg

その後調べたところ、こちらのエラーはブログタイトルに ' が含まれていたのが原因だったようです。タイトルから ' を削除したら出なくなりましたのでこちらはとりあえず解決です。

> 発生するエラー2: HTML Parsing Error (KB927917)
> http://blog-imgs-38.fc2.com/b/o/d/bodyattack5204/error2.jpg

こちらは script の場所を </body>の直前にすれば回避できる等の記事があったので試してみましたが、効果なしでした。
またdocument.writeしているところをすべて削除したりもしてみましたがこれも効果なしでした。

あたろー |  2009/12/27 (日) [ 編集 ] No.202


あたろーさん、こんにちは。 返信遅くなり申し訳ありません。
問題の件、まだ全て検証した訳ではありませんが、
W3C Markup Validator (下のURLに入れてあります。) でチェックしてみると、トップページで 300 Errors, 108 warning(s) となっています。 公開しているものは エラーなし の状態ですので、このエラーを減らしてみていってはどうでしょうか?

もうちょっと調べてみますが、今日はあまり時間がないので、回答は明日以降になってしまうかもしれません。 何か分かり次第 またコメントしますので、ちょっとお時間ください。 (緊急事態なのに申し訳ありません。。。)

paruparu |  2009/12/27 (日) [ 編集 ] No.203


追記です

グッズ・アフィリエイト部分の コメントの使い方 が関与しているかもしれません。
<!-xxxxxxx--> → <!--xxxxxxx-->
<!xxx--> → <!--xxx-->
コメントは <!--コメント--> の形式に直してみてください。

これでもダメなら、コメント投稿欄に入れてある ↓ 半角スペースが関与しているのかも。。。エラーが指している場所はここのようですが、ブログのタイトルから ' を除いた今は問題ないはずだとは思いますが。。。
onmouseover="if(this.value=='ボディアタック覚え書き Jumpin Around BodyAttack'){this.value=''};"

onmouseover="if(this.value=='<%blog_name>'){this.value=''};"
↓ ↓ ↓
onmouseover="if(this.value=='ボディアタック覚え書き'){this.value=''};"
onmouseover="if(this.value=='コメントをどうぞ'){this.value=''};"
などと適当な言葉を入れてもらえばOKです。

ちなみに、私のテスト環境 IETester(IE8)× Vista では クラッシュは起きていません。

paruparu |  2009/12/27 (日) [ 編集 ] No.204


ありがとうございます

お忙しいところありがとうございます。
基本的なところから対応が必要みたいなので、まずはこちらで確認・修正するようにします。
お手数をおかけして申し訳ありませんでした。

あたろー |  2009/12/27 (日)  No.205


IE8でエラー(その後)

お世話になります。
お忙しい中、手間をおかけして申し訳ありませんでした。
おかげさまでご指摘いただいた箇所の修正をおこないましたので、ご報告させていただきます。
おこなった対応は
1.htmlのエラーを修正(<hr>を<hr/>に、imgにalt=""追加等)
2.Youtubeの<object>貼り付けを、指摘された方法に変更(とりあえず1記事だけ)
3.fc2解析用のスクリプトを削除(しばらく削除したままにします)
結果、Googld adsense等の手出しできないところ以外はhtmlエラーがなくなり、質問させていただいたエラーも出なくなりました。

ただ完全ではなくて、IE8で記事エントリのページを表示して、リロードした場合には前述のKB927917エラーが出ます。
初回読み込みや、キャッシュをクリアして読み込むとエラーは出ないし、またトップページではリロードしてもエラーとはなりません。キャッシュの有無でスクリプトの動作が変わってるのかな?と素人ながらに考えています。
もう少し調査してみます。

2010/01/06追記
お世話になります。その後、とあるアフィリエイトのタグを削除したらエラーは全く出なくなりました。「貼るだけで報酬が…」という甘い話はないということでしょうか(爆)
いろいろとサポートありがとうございました。

あたろー |  2009/12/28 (月) [ 編集 ] No.210


リンク

はじめまして!お世話になります。
 リンクについてお聞きしたいのですが、htmlをいじっていてhtmlを消してしまったらしく、リンク機能が働きません・・http://iamberry.blog105.fc2.com/archives.html
どこがいけないのでしょうか?

キロロ |  2010/01/16 (土)  No.228


キロロさんへ

> リンク機能が働きません
とのことでしたが、確認した限りでは問題ないようなのですが具体的にどの部分でしょうか?

もしかして、ユーザータグ 一覧 という項目名しか表示されないということですか??
これであれば、記事に 「タグ」 を設定していない方は何も表示されないので、代わりに他のページと同じプラグイン部分を表示することなども簡単です。

またコメントください!

ついでに、別件ですが 2つ
1.<body>直下に入れているスクリプトですが、

<div id="wrapper"><div id="top"><script src="" type="text/javascript"></script>
<script type="text/javascript"></script></div>

↑ そのすぐ下のこの部分にスクリプトを移動してあげると、レイアウト枠 が崩れずに使えると思います。「<body>直下に入れてください!」 となっていても通常は これで問題ないと思いますので、お試しください。

2.公式プラグインの 検索フォーム
ページ上部に同じ機能を付けているので要らないのではとも思いますが、このまま使うのであれば、スタイルシートに以下を追加してください。

/* Sidebar
------------------------------------- */

#sidebar input,
#sidebar textarea {
max-width:160px;
}

共有テンプレート ari_seoシリーズ の主な更新履歴
http://arinogotokuatumarite.blog19.fc2.com/index.php?style2=navi_sample&no=89

paruparu |  2010/01/16 (土) [ 編集 ] No.230


リンクの設定

早速のお返事ありがとうございます。
fc2から、リンクの設定→リンクの追加をやるとどのページに表示されるのでしょうか?昨日相互リンクされてるかふあんになりまして・・たびたびすみません。

キロロ |  2010/01/16 (土)  No.231


公式プラグインから

「リンク」 というプラグインを追加すれば表示できると思います。

可能なら、プラグイン → 詳細 → 【HTMLの編集】 で表示されるソースを以下のものと書き換えると使いやすくなると思います。
<ul>
<!--link-->
<li><a href="<%link_url>" title="<%link_name>" target="_blank"><%link_name></a>
</li>
<!--/link-->
<li><a rel="nofollow" href="<%server_url>control.php?mode=control&amp;process=link" class="edit" target="_blank">(リンクの管理)</a></li>
<li><a href="http://blog.fc2.com/?linkid=<%blog_id>" target="_blank">このブログをリンクに追加する (FC2ブログユーザー)</a></li>
</ul>

paruparu |  2010/01/16 (土) [ 編集 ] No.232


あたろー さん、こんにちは。

この記事の No.110 のコメントに載せているものなのですが、
表示乱れの原因は fc2_owner_comment というものと、スタイルシートに入れた 「管理人のコメントを区別」 という設定の併用によるものです。

他のサイトでも同様の症状を何件か見かけているので、ちゃんと記事にした方が...と思いつつ。。。未だにアナウンスせず申し訳ありません。

以下の方法で対応可能です。
1.管理画面 → コメントの管理 → コメントの返信 を使う際、「名前の装飾」機能は使わない。

2.必要があればスタイルシートを調整
/* 管理人のコメントを区別 */
.n_あたろー {
color:#003366;
}
.n_あたろー .cm_body {
border:1px solid #ccccff;
}

[ 最近のコメント一覧 にある 管理人のコメント も区別したい場合 ]

<!--▽ナビゲーションメニュー▽-->

<!--rcomment-->
(中略)
<%rcomment_name>
(中略)
<!--/rcomment-->

<!--△ナビゲーションメニュー△-->

2-1. ↑ナビゲーションメニュー の中から <%rcomment_name> という変数を探し、
それを↓以下のように変更します。

<span class="r_n_<%rcomment_name>"><%rcomment_name></span>

2-2. スタイルシートに ↓以下のようなスタイルを追加

.r_n_あたろー {
color:#0099cc;
}

#nav a:hover span.r_n_あたろー {
color:#fff;
}

※追記あり :コメント No.240

↑ 色やスタイルは好きなものに変更してください。(上の例では明るいブルーになります。)
http://arinogotokuatumarite.web.fc2.com/color/

既に設定してしまったものに関しては、「コメントの編集」 で名前を あたろー。 のようにちょっと変更してもらうしかないかもしれません。。。 (or削除)
1/23 追記:
テストしてみたところ、単純に「編集」作業を行うとレイアウト崩れは直せるようです。 逆に、コメント返信で設定した 文字色 は 「編集」 を行うと維持できないようです。。。


もしくは、管理人のコメントを区別 する機能に <%comment_trip> という変数 (パスワードを暗号化したもの) を使う方法も一応あります。
てんぽ: FC2ブログで管理人のコメントを区別して表示するカスタマイズ
http://mb.blog7.fc2.com/blog-entry-134.html

paruparu |  2010/01/20 (水) [ 編集 ] No.237


記事へのコメント(対応済み)

paruparuさん、いつもサポートありがとうございます。

アドバイスいただいたように、スタイルシートへ追記しました。またコメントの返信では「名前の装飾」機能は使わないようにします。

最近のコメント一覧にある…はもう少し勉強してから対応したいと思います。

ありがとうございました。

2010/01/21追記
あーなるほど。ご指摘のように該当箇所の _管理人 部分を修正しました。いつも丁寧なサポートありがとうございます。

あたろー |  2010/01/21 (木) [ 編集 ] No.238


導入してみました!

最近のコメント一覧部分への適応
ソースがちょっとゴチャっとするかなと思っていましたが...設定してみました!

No.237 に書いたスタイルシートのままだと、IE6以下で期待する表示にならないことが判ったので、最終的に以下のようにしてみました。(参考まで)

/* 管理人のコメントを区別 */
.n_なまえ {
color:#003366;
}
.n_なまえ .cm_body {
border:1px solid #ccccff;
background:url("http・・・/ひよこエンピツ.png") no-repeat;
}
.r_n_なまえ {
color:#0099cc;
}
#nav a:hover span.r_n_なまえ,
#nav li:hover > a span.r_n_なまえ {
color:#e0ffff;
}


太字部分(下2つ) が 「最近のコメント一覧」 用です。
※最後の 灰色部分の設定にある マウスオーバー時の文字色 は IE6以下 だと反映されないようなので 文字色 は選んだほうが安全です。 もっと良い方法がありそうなのですが。。。

paruparu |  2010/01/21 (木) [ 編集 ] No.240


管理人のみ閲覧できます

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

- |  2010/01/31 (日)  No.256


Dさん、はじめまして!

コメント、本ブログに 非公開が無かったので... ここに書かせていただきます。
ブログ拝見させていただきました。 「アフィリエイトをしている」 と書いてあったので どんな感じかなぁ とちょっと警戒して入りましたが。。。(本ブログ、)すっごく可愛いですね♪
嫌味な感じがしないので、良くできているなぁ と感心して見てしまいました。

カスタマイズの件ですが、正直あまり自信がありません。。。 かなり出来てきていると思うので、あと コメントやトラックバック,背景 などの画像を決めてもらえれば、ちょっとした手直しくらいならお手伝い出来るのですが... 画像 や ブログ全体の雰囲気 となると 好みもあるかと思うし、かといってお任せで料金を徴収できるような センス や スキル はないので。。。

取り敢えず、画像を決めて入れてもらえれば 手直しは可能ですが どうですか??

paruparu |  2010/01/31 (日) [ 編集 ] No.258


匿名でごめんなさぃr(≧ω≦*)

ブログを見に来てくださって、ありがとうございます♪

初対面なのに、突然あつかましい依頼などしてしまったので、ドン引きされるんじゃないかと、不安でしたw

ご丁寧にコメレスもしてくださってて、感謝感激です☆

そうですね、
まず画像を作ってみます。

それでですね、質問があるのですが良いですか?

できれば今、メインブログで使ってるヘッダーのデザインにしたいんですが、テンプレの上部にある「検索窓」と、画像(顔)がかぶってしまうので、「検索窓」を右側じゃなくて、左にズラすことって可能ですか??

色々と質問が多くなってしまいそうですが、よろしくお願いします。

Dさん |  2010/02/01 (月) [ 編集 ] No.260


「検索窓の位置変更」 とかは大丈夫ですよ。
「少し狭くしたい」 とか細かい部分は 最後に教えていただければ修正しますので。

http://arinogotokuatumarite.blog19.fc2.com/blog-entry-87.html
に載せている画像 と 同じ大きさ (少し大きいサイズなどでもOK) の画像
・コメント ・トラックバック ・背景(←これは本ブログのもので良いかと) 
が決まったらまた教えてください!
メールでテンプレート送ってもらうのがいいかと思いますがそれでいいですか?

※ヘッダーの画像は今はそのままでOKです。

paruparu |  2010/02/01 (月) [ 編集 ] No.261


お返事ありがとうございます(*- -)(*_ _)ペコリ

paruparuさま♡

ヘルプしていただいて、すごく助かります♪
メールでテンプレを送るのですね。・・・て、htmlとcssをコピってペーストでテキストファイルで添付して送るってことですか?
私のメアドは、dakkya3@gmail.comです。

お言葉に甘えて、メールさせていただきますので、メールアドレス教えてください。

あと、トップページに、最新記事を現在のメインブログ(http://dakkyaxx.blog90.fc2.com/)の様に、「続きを読む」までの部分を3~4つほど表示することも出来ますか?

お忙しいところ、ホントにすみません、
ありがとうございます♪

だっきゃ |  2010/02/01 (月) [ 編集 ] No.262


だっきゃさん、こんにちは!

上の内容でOKです。「追記より前の部分を表示」 で良いのでしょうか?
続きを読む をクリックしたら
そのページに続きを展開する(デフォルトの状態) or 個別記事ページを開く など、いくつか確認したいことがあるので、なるべく明日中くらいまでにはメール入れますね!

paruparu |  2010/02/01 (月) [ 編集 ] No.264


こんにちは三(((o ・`∀・´)ノ

paruparuさん、こんにちは。
はぃ、「追記より前の部分を表示」のことです。
ムリ言いましてすみませんr(≧ω≦*)
メールお待ちしています♪

だっきゃ |  2010/02/01 (月)  No.266


関連記事について

こんばんわ!! 
またparuparuさんのブログでマネしたいの見つけたので教えて頂けませんか?
記事下にある 「関連記事」のですが これいいなーと思い
検索して色々試してみたのですが うまくいきませんでした・・・
同じタグorカテゴリーを関連記事として数件表示されるのが理想なのですが
paruparuさんはどうされているのでしょうか?

よろしくお願いします|。・ω・。|

アメ |  2010/02/03 (水) [ 編集 ] No.272


私のはただの手書きですよ。

関連記事を表示するスクリプトは調べると色々ありますよね。
自動で行いたいのなら hatena chips さんで設置されているような

ブログに関連記事リストを自動表示するスクリプト - hatena chips
http://hatenachips.blog34.fc2.com/blog-entry-88.html
のようなものが一番 「関連」 を表示してくれるのではないかと思います。

それ以外なら、既存のものとして紹介されている Google AJAX Feed API (RSSフィード を利用したもの) なども良いと思いますが試したことはありません。

私は、ただの手書きです。 記事もそれ程多くないし、自分が一番把握しているものなので、過去の記事の その部分も こまめに書き換えるようにしています。

paruparu |  2010/02/03 (水) [ 編集 ] No.273


 ヘ⌒ヽフ  いつもありがとうございます♪
( ・ω・)  すみませーーん 手書きでしたか(笑)失礼しました|。・ω・。|
/ ~つと)   教えて頂いた hatena chips さんの所の関連記事を
        やってみようと思います、ちょと私に出来るか不安ですけど( ̄Д ̄)

hatena chips さんの方 出来ました\(^o^)/
でもGoogle AJAX Feed APIって方に興味あります
今度やってみますー

アメ |  2010/02/04 (木) [ 編集 ] No.274


トップページに最新記事1件を全文表示させる方法

はじめまして、
ari_seo1を使わせていただいております。
パソコンに不慣れ&テンプレート編集ははじめてでわからない事がいくつかあります。

トップページをみると上から順に、
What's New(最近の記事一覧)、
次にライン、
次に記事日付タイトル(何件か表示)

となっているんですがそれを、
What's New(最近の記事一覧)、
次にライン、
次に最新記事を1件全文表示したもの
次に記事日付タイトル(何件か表示)

という構成にしたいのですが
トップページに最新記事1件を全文表示させる方法がわからず四苦八苦しております。

よろしければ上記の構成ができるHTMLタグを教えてもらえないでしょうか?

ご多忙とは存じますが、どうぞよろしくお願いいたします。

弥代 |  2010/02/04 (木) [ 編集 ] No.275


弥代さん、はじめまして。

まっとう(?)な方法でご希望のようなことをするには、
環境設定 → 記事の設定 → 記事(ページ別) の表示件数を 1件 とする しかないとは思いますが。。。 それだと、次のページ以降にもその設定が反映されてしまいますよね。
それ以外でというなら、変数の裏技 を使えば、 1件 にしなくても可能だとは思います。

まず、他の方のコメント回答に書いた (Guest Book のコメントNo.215)
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-1.html#comment215

の手順で トップページに 記事を表示するようにすれば、通常は 記事が数件(設定件数分) 表示されるようになります。 (追記以下は 別ページで開く or その下に展開する が可能です。)

その状態まで作ったら、
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-102.html を応用し、

<!--not_index_area--><!--not_titlelist_area--><!--not_edit_area-->
<!-- ▼記事部分▼ -->

<!--topentry-->

<!-- *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* -->


<!-- *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* -->

<!--index_area--><!--not_edit_area--><!--/topentry--><!--topentry--><!--/not_edit_area--><!--/index_area-->
<!--/topentry-->

<!-- ▲記事部分▲ -->
<!--/not_edit_area--><!--/not_titlelist_area--><!--/not_index_area-->

というように、赤文字部分を追加してあげれば...きっと可能です。 何故、こんな変数なのかは 「裏技」 なので説明できないのですが。。。 ここまで、カスタマイズするとなるとかなり根気が必要かもしれません。

追記: テストしてみました。 1件 だけ表示できましたよ♪ ただ、次へつなげる動線 を考える必要が出てきそうです。 page-0.html だと、1件 既読の最新記事 が重複してます。 やっぱりかなり難しいかも。。。

paruparu |  2010/02/04 (木) [ 編集 ] No.276


ありがとうございます~♪ヾ(^Д^*)ノ

paruparuさま、コメントも頂いてまして、
ありがとうございました。

テンプレ拝見致しました♪
ワクワクです・:+*(〃▽人)*+:・
メール送りましたので又読んで下さいね。

ではでは、
おじゃましました。

だっきゃ |  2010/02/05 (金)  No.277


出来た!!

だっきゃさん、出来ましたよ♪
結構、自己満足。。。一時はかなり焦る非常事態に陥りましたが。 コメント、連投?でエラーになってしまったので、一応ここに書いてみました。

paruparu |  2010/02/05 (金) [ 編集 ] No.278


ランキングバナーなどをテンプレに最初から組み込めますか?

paruparuさま、三(((o ・`∀・´)ノ

昨日もナビゲーションバーの事で質問メールを送ったのですけろ、実はもう一つ 質問があります。

個別ページの記事の最後に、ランキングバナーなどをテンプレに最初から組み込んでおくことって出来ますか??

自分でもやってみたんですが、TOPページの【続きを表示する】の真下にズラリっと並んでしまい、見苦しくなっちゃいました。
出きれば個別ページの 【2010/00/00 | Comment (13) | Trackback (0) | HOME | ↑ ページ先頭へ ↑ |】の前にだけ、表示したいんです。

そういう事は可能でしょうか?

可能であれば、テンプレ内のどの辺りに、ランキングバナー等のタグを入れると出来るのでしょうか?

たくさん手伝って頂いて お疲れだろうし、おうちの事とか色々お忙しいかと思いますので、後回しになっても良いので、お返事いただければ助かります。
(。-人-。) ゴメンネ

だっきゃ |  2010/02/08 (月) [ 編集 ] No.281


紹介ありがとうございました♪

<!--permanent_area--> その内容 <!--/permanent_area-->
としてもらえば大丈夫だと思います。 ナビ の件は少し前にメール入れましたが、中途半端な状態であわてて送信したので 解りづらいかも。。。

あと、記事にしていただいてありがとうございます^^

paruparu |  2010/02/08 (月) [ 編集 ] No.282


御礼

nissennパーツの不具合、お知らせくださってありがとうございます。
普段IE8と、google chrome を使用しているのですが、
問題なかったので気づいていませんでした。
調べてみたところ、環境もパーツ同士の相性もあって
開けない状況だったのでニッセンパーツは外しました。

ありがとうございました!!

cocokei |  2010/02/08 (月)  No.283


cocokeiさんへ

ちゃんとした企業のブログパーツとなれば、普通は安心して使いますよね。
「インターネットサイト ~ を開けません」 IE7 ではホントよく見かける症状ですが...
ニッセンのブログパーツ にはご注意を。。。 (↓IE7では開けないけど)
http://wada.cocolog-nifty.com/blog/2009/11/post-3c18.html

paruparu |  2010/02/08 (月) [ 編集 ] No.284


特定のカテゴリ内の記事のみ表示させる方法はありますか?

初めまして
もの凄く細かい部分に配慮されたテンプレートだったので
有難く使わせて貰っています。

一つ質問なのですが、トップページの最新記事一覧の下に
特定のカテゴリに属する記事を表示させる事は可能でしょうか?

理想的には「お知らせ」というカテゴリを作って、それに属する
投稿のタイトル・本文を表示させたいのですが・・・

現在はプラグインエリア3に手書きしておりますが、他の記事と
同じように投稿できればすごくラクになるかなぁと

お時間ある時で構いませんので、上手い対策があれば教えてくださいませ

やま |  2010/02/12 (金)  No.290


やまさん、はじめまして!

テンプレート、気に入っていただけたようで嬉しいです。
質問の件ですが、「トップページに 特定のカテゴリ内の記事のみ...」 というのは 多分、(今は)出来ないと思います。

プラグインエリア3 の編集を少しでも楽にしたいのなら、どこかに
<a rel="nofollow" href="<%server_url>control.php?mode=plugin&amp;process=edit&amp;no=1234567#" class="edit" target="_blank">(お知らせを編集する)</a>
のようなリンクを入れておけば、(ログイン中なら) 編集作業が楽になるかと思います。
赤文字部分 を書き換えればOKですので よかったらお試しください。

paruparu |  2010/02/12 (金) [ 編集 ] No.292


ありがとうございます!

教えて頂いたソースコードを入れてみたらすごく便利です!
しかもリンクまで貼って頂いて恐縮です^^;

これからもこちらのサイトで色々と勉強させて貰いますね

やま |  2010/02/14 (日)  No.298


初歩的な質問ですみません。

はじめまして。
素敵なテンプレートを作ってくださりありがとうございます。
こちらのテンプレートに惚れこみ、
あれこれ自分用にカスタマイズ・・・・と張り切って日々奮闘。
また、カスタマイズされてる方、るしあさんのページ装飾にも感動!
でも・・頭がついていきません(滝汗)。

・記事へのコメントの表示をここのように、古い順に上から表示させるのはどうすればいいんでしょう?
・プラグインのフリーエリアにテーブルを入れると
外枠の線がどーしても消えません。消すにはどうしたらよいでしょうか?
初歩的な質問で申し訳ないのです。
お時間のあるときで結構ですから教えてくださいませ。

くめくめ |  2010/03/08 (月) [ 編集 ] No.329


くめくめ さん、はじめまして!

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

> 記事へのコメントの表示を、古い順に・・・
環境設定の変更 → ブログの設定 → コメント設定 のところにある
コメント一覧表示 を 古い順 に変えればOKです。

> テーブルの外枠の線を消す・・・
回答+おまけ です。 テーブルに関連する設定は スタイルシートの真ん中より下辺り に入れてあるのですが、そこを書き換えてもらうと好みのテーブルが作れると思います。

/* リスト・テーブル */
/* ↓ (1)記事中のテーブル周りの余白 */
.entry_m table {
margin:10px 0 10px 0;
}
/* ↓ (2)テーブルと各セルの設定 */
table, th, td {
border:1px solid #ccc;
font-weight:normal;
font-size:100%;
line-height:1.6;
}
/* ↓ (3)テーブルのキャプション */
caption {
background:#dcdcdc;
}

上の(2)部分を以下のものと変更してみてください。
/* ↓ (2)テーブルと各セルの設定 */
table, th, td {
font-weight:normal;
font-size:100%;
line-height:1.6;
}
table {
border:0;
}
td {
border:1px solid #ccc;
padding:4px;

}

こんな感じに書き換えてみてはどうでしょうか?
テーブルのスタイル設定って結構難しいと思いますが、色々なサイトを参考に、是非カスタマイズしてみてくださいね♪ 私でよければまたいつでもどうぞ。
http://www.dspt.net/stylesheet_css/006.html

paruparu |  2010/03/08 (月) [ 編集 ] No.330


ありがとうございます。

さっそく丁寧なお返事下さりありがとうございます。ペコリ
やさしいお言葉にホロリですー。

>環境設定の変更 → ブログの設定 → コメント設定 のところにある
コメント一覧表示 を 古い順 に変えればOKです。

これは何度もやってるのですが全然だめで・・
なのでテンプレートの仕様ため?とか思ってお聞きしました。どうも違うんですね。
実は管理画面でテンプレートの変更をしても変らなかったり
プラグインの設定ボタンも全然効かなかったりで、
もしかしたらFC2さんの障害(障害情報はないみたいだけど)なのかなと思いつつ途方にくれてます。。。

スタイルシート部分も自分なりに変更して、サイドメニューのほうは消えてるんですけどフリーエリア内だと枠線が表示されてしまってたんです。(これも管理画面の障害のせいだったのかも?)
教えていただいたスタイルシートの変更もさっそく試したいのですが 管理画面がどうも変で進みません(涙)
もう少し様子を見てサクサク管理画面が動き出したらやってみたいです。

ブログのほうはまだ改造中ですが公開してます。
これからもよろしくお願いします。

くめくめ |  2010/03/08 (月) [ 編集 ] No.331


あひゃ~何度もすみませんっ

ブログ公開してますって書いてますが、
管理画面で「ari_seo2M」適用中になってるのに
ブログ確認したらずっと前のテンプレートになってる!
何度設定し直しても・・テンプレ変らず(挫折感)
やっぱり変だーーーーー。
すみません、せっかく覗いて下さるかもしれないのに・・・
なんでだーーーーーうわ~ん(涙)

くめくめ |  2010/03/08 (月) [ 編集 ] No.332


あららら。。。

明らかに不具合ではないでしょうか?
問い合わせ先はご存知ですか? 確実な不具合の場合はメールで問い合わせするのが一番早く回復します。 待っていても変わらないことも多いので、面倒でもメールした方がよいかも。
早く直るといいですね。。。

paruparu |  2010/03/08 (月) [ 編集 ] No.333


くめくめさんのサイト♪♪

最初、サイト訪問できなかったので、初歩的にコメントしすぎちゃったかも。。。
さっき初めて訪問できましたが、可愛いサイトですね♪♪ リンク集にも追加させていただきたいので...またじっくり遊びに行かせていただきます。

paruparu |  2010/03/08 (月) [ 編集 ] No.334


よかった。

テンプレの表示が直ってたんですね。よかった。。うれしぃ。。
それとコメントの表示もいつのまにやら古い順に。。。
何が原因だったのかいまだ不明。。
ただセキュリティやCookieの設定を変えたんですけど、
それが原因とは考えにくいし(笑)
とにかくヤレヤレ・・良かったです。
ほんと初歩的なことでお聞きするのが恥ずかしかったです(汗
きっと、paruparuさんもこんなこと・・と呆れられたのでは(滝汗)すみませんでした。。
さて少しだけ不具合のほどがマシ?になったので先ほど、
テーブルを組み込んでみたり・・・
プラグインは相変わらずな状態で中々設定が効かず何度もボタンを押しまくりやっと組み込んだんですが・・
やっぱりダメ。
また設定するのに何度も同じ作業を繰り返すのが面倒なのでそのままにしてあります(苦笑)
もしよかったら覗いてみてください。ペコリ
不具合のほうもメールで相談することにします。
もう限界ーーーっ(爆)

くめくめ |  2010/03/08 (月) [ 編集 ] No.335


(管理人より)

こちらのコメント数が100件を超えました!! ありがとうございます♪
本日、「共有テンプレート サポート専用窓口 (2)」 を作りました。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-117.html 
下の URL 部分からも入れます。

こちらのコメントは締め切らせていただきますので、今後は No.2 をご利用ください。

paruparu |  2010/03/09 (火) [ 編集 ] No.345

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


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

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