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

モード変更

スポンサーサイト

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

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

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

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

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

2010/11/15 (月)  カテゴリー: FC2共有テンプレート

共有テンプレート第一弾を公開したのは 2009/09/11 のこと。 それから1年以上経ちましたが、今でも 細々とダウンロードがあったり、気に入って長く使って頂いているユーザーさんがいるのは嬉しい限りです。 サポート専用の窓口もついに No.3 を作ることができました。 カスタマイズで行き詰ったり、質問してみたいことがあればこちらからどうぞ。

なお、1つの記事 にまとめているものに関しての質問やコメントは、その記事のコメントに書いて頂いてOKです。 過去に同様の質問が出ているケースもあると思うので、以下の過去記事やコメントも参考にしてみてください。

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

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


おススメの追加カスタマイズ

  1. ページ移動用のリンク(ページナビ)を追加
    既に 便利ナビ が設置済みですので、この追加カスタマイズは簡単です。 一番最後のページへも簡単にアクセスできるようになるので とっても便利になると思います。
    [ 関連記事 : ページナビ(ページ移動スクリプト)の設置方法 ]
    ページナビ (ページ移動スクリプト) 
一番最後のページまで簡単にジャンプできます!

  2. 同一カテゴリー内の記事リスト (関連記事リスト) を追加
    変数を使わず 設定のみで行う方法と、変数を使って 自由な位置に表示する方法とがあります。 後者は 条件によって重くなる不具合がありましたが、2010/11/10 頃より 表示速度が遅くならないように改良(仕様変更)されました。 どちらの方法でも快適に使えると思います。
    [ 関連記事 : 関連記事リスト が 「変数」 でも出力可能に! ]

  3. ページ右下に常に表示される 「ページ先頭に戻るリンク」 を追加
    ちょっとだけ操作性が良くなると思います。 画像はこのサイトで使っている画像を サンプルで用意していますが、差し替えてもOKです。 スタイルシートで作っています。
    [ 関連記事 : 右下に 「ページ先頭に戻る」 リンクを常に表示 ]

  4. 検索,タグ検索時のハイライト機能 を強化する
    共有テンプレートには FCafe(danielさん) の 『KW強調ボタン』(アレンジしたもの) を設置済みです。 ただ、このスクリプトは AND検索 や 大文字・小文字 同一認識 のハイライトには対応していないので、それをできるようにするものです。 jQuery を使っています。
    [ 関連記事 : 検索用語をハイライト(強調表示)するスクリプト ]

  5. カレンダーではなく 月別アーカイブはどうですか?
    [ 関連記事 : 月別アーカイブをコンパクトに表示する方法 ]
    [ 関連記事 : カレンダー代用 ナビ付月別アーカイブ ]
    月別アーカイブリストの折りたたみ 
ナビゲーションメニューに対応させた一例 ナビ機能付き 月別アーカイブ

  6. コメント投稿者のメールアドレスを 非表示(非公開)にする
    メールアドレスの入力があった場合にも 外部の方には開示しないようにするカスタマイズです。 メールアドレスの有無を確認しにくくはなりますが、良心的かもしれません。
    [ 関連記事 : コメント投稿者名のメールアドレスを非表示に ]

  7. その他 色々... まだまだ あるよ!
    ここで全ては紹介できませんが、これ以外のカスタマイズも 別途記事やコメント で紹介しています。 是非、カスタマイズを楽しんでみてくださいね。


カスタマイズの参考に・・・

例えば、「ここの画像を差し変えたい」 「ここの色を変更したい」 「ワンポイントに画像を使いたい」 など... ちょっとしたカスタマイズに役立ちそうな 関連記事 を載せておきます。 よかったら参考にどうぞ。

スポンサーリンク

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

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

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

-96 Comment


共有テンプレート サポート専用窓口 (3)開設おめでとうございます♪
paruparuさんのテンプレはホントすばらしいです^^
羨望の眼差しで、paruparuさんのようにできるようになりたいなぁ~と願望だけはあるのですが、どう逆立ちしてもムリっぽいので(笑)これからも大切に使わせていただこうと思っています^^
これからも応援しております!!

NagSak |  2010/11/16 (火)  No.803


NagSakさん、こんばんは!

お褒めの言葉 ありがとうございます♪♪
No.3 まで作れたことも、NagSakさんのように 長く気に入って使ってくれているユーザーさんがいることも 本当に嬉しい限りです。 ブログの継続力にもなっています。
良かったら、おススメカスタマイズに載せたものでも 遊んでみてくださいね!

paruparu |  2010/11/17 (水) [ 編集 ] No.804


お礼

はじめまして。
シンプルで機能的なテンプレートを探しつづけていたところに、paruparuさんのデザインを見つけました。さっそくお借りしています。ありがとうございます。

ほとんど知識もないまま始めて、どこから手をつければ良いか途方に暮れてしまいましたが、カスタマイズの方法についてもたくさん記事を書いてくださっていたのでさらに感謝。参考にさせていただきながら、自分なりにいろいろ手を加えていきたいと思います。
ありがとうございました。

げんや |  2010/11/23 (火)  No.805


げんやさん、はじめまして。

テンプレ―トのご利用ありがとうございます。
ちょっと気になったところがあるので、修正方法の一案を載せておきますね。
検討してみてください。

1.Feed ボタンのところ、背景画像が黒っぽいものなので、
Feedボタンの背景画像 はむしろ入れない方が良いかもしれません。
スタイルシートの以下の部分に 赤文字のコメントを加えてください。その行を削除でもOK

#feed {
float:right;
margin:0 auto;
padding-left:26px;
width:152px;
height:25px;
/* background:url(・・・省略・・・ /t_feed1.png) no-repeat; */
}

2.ツイートボタン と いいね!ボタン FC2ブログのものを設定しているようですが、
そのままだと 枠が表示されてしまって格好悪いので、
以下のものをスタイルシート (一番最後などでOK) に加えてみてください。

table.fc2_socialbtn, table.fc2_socialbtn td {
border:none;
}


FC2ブログのものは table などを使っていて自由度が少ないので、
以下の関連記事も参考にしてみてください。

Twitter / ツイートボタン
http://twitter.com/goodies/tweetbutton
Twitter公式ツイートボタン ツイート数と検索ページはTOPSYで設置 : FC2ブログ - Paroday
http://paro2day.blog122.fc2.com/blog-entry-606.html

ブログ設定のツイート・いいね!ボタンの仕様・横並びデザイン : FC2ブログ - Paroday
http://paro2day.blog122.fc2.com/blog-entry-634.html

paruparu |  2010/11/24 (水) [ 編集 ] No.806


こんばんは。
ご確認いただくだけじゃなく、修正案まで教えていただいてありがとうございます。

Feed ボタンのところ、おっしゃるとおり気になっていたんです。でも直し方がわからなくて、そのままにしていたのです。さっそく修正させていただきました。

paruparuさんのブログをこれからも拝見しつつ、いろいろ学ばせていただきたいと思います。ほんとうにありがとうございます!
これからもよろしくお願いします。

げんや |  2010/11/27 (土)  No.808


paruparuさんこんばんは!!

厚かましいお願いなのですが、
もしよろしければ、What'sNewのところにある、RSSフィードの絵(マウスの形したもの)を同じように使わせてほしいのですが、お願いできませんでしょうか?
ちょうど空白が目立ち、そこに表示させたいのです^^;
お時間のあるときで結構ですので、お返事頂戴できると嬉しいです^^

あ、NGでも全くお気遣いなくで!!

NagSak |  2010/12/16 (木)  No.823


あっ、どうぞどうぞ。(言っていただければ、問題ないです。)
私のはちょっと減色しているので、黒っぽい背景にそのまま使うと微妙になるかも。。。未確認ですが、オリジナルの方がいいかもしれませんね。
ソースのこととかも 調べてコメントしますので しばらくお時間ください。

paruparu |  2010/12/16 (木) [ 編集 ] No.824


NagSakさんへ

こんな感じでどうでしょうか。。。
画像は私が使っているものとは違うのですが、Icon Search Engine | Iconfinder から適当に探してみました。 沢山素材があるのでお好きなものと差し替えて使ってみてください。

http://www.iconfinder.com/
※ www.iconfinder.com/search/?q=rss+128x128 (← http を付けて検索できます。)

注意事項: (NagSakさんには必要ない情報ですが お約束なので一応。。)
以下ソース中の画像は 直リンク を仮に使っています。 実際に使う時は、ライセンスを確認の上、画像をDL して、FC2ブログのファイルサーバーにアップロードしたものを使ってください。

1.テンプレートの以下の場所

<!-- ▼トップページ▼ -->
(省略)
<h3>What's New!! 【最近の記事一覧】</h3>
<ul><!--recent-->(省略)<!--/recent--></ul><br />

<a href="./?xml" target="_blank" onfocus="this.blur();"><img src="http://cdn3.iconfinder.com/data/icons/humano2/128x128/apps/internet-news-reader.png" width="128" height="128" style="margin-bottom:-170px; float:right; position:relative; top:-170px; border:none;" title="RSSフィード &#10;まぁ、読んでおくれ。。。" alt="RSS" /></a>
<p class="t_right" style="clear:both"><a href="./page-0.html" title="新しい記事から 5件ずつ 表示します">新しい記事から 5件ずつ まとめて読む →</a></p>


<ul>
<li><a href="./page-0.html" title="新しい記事から表示します">【 記事を新しい記事から順番に読む 】</a></li>
<li><a href="./archives.html" rel="contents" title="全記事一覧 と 全タグ一覧 を表示します">【 サイトマップ : 全記事一覧・全タグ一覧 】</a></li>
</ul>



2.スタイルシートに追加
必須ではないですが、入れるとちょっとカッコよく見えるかも。。 filter:Alpha は IE独自のものなので、厳密に言うとNG なんですが。。。

#content a img {
filter:Alpha(Opacity=100);
opacity:1.0;
}
#content a:hover img {
filter:Alpha(Opacity=90);
opacity:0.90;
}

paruparu |  2010/12/16 (木) [ 編集 ] No.825


はじめまして。

achikochiと申します。
テンプレート(PCと携帯の両方)をお借りしました。
モバイルでは、タイトルタグの重複やクロームエラー404がなくなり助かりました。
またPCテンプレートは、SEO対策満載の上に、デザインがとても綺麗で、字も読み易く、写真も綺麗に見え大変気に入っています。
まだわからないことだらけですが、色々勉強させて頂きます。
本当に有難うございました。

achikochi |  2010/12/16 (木) [ 編集 ] No.826


paruparuさんこんばんは^^

うへえ~!!
こんなご丁寧に・・・ヾ(;´▽`A``アセアセ
貴重なお時間をいただいてしまい申し訳ありません。
本当に心から感謝&尊敬申し上げます(^人^)

早速トライしてみますね!!

NagSak |  2010/12/16 (木)  No.827


御礼

たびたび恐れ入ります。
素人オヤジながらparuparuさんのご指導のおかげでできました^^
ってか、paruparuさんのテキストをコピーさせていただかなくては、一生できなかったことでしょう(笑・・・えない)
ほんと、すごいですね^^
心より感謝いたします。あ、コメントの”まぁ、読んでおくれ。。。”は面白いのでそのまま使わせていただきました。
filter:Alpha もいい感じです!!
どうもありがとうございました。<(_ _*)>

NagSak |  2010/12/16 (木)  No.828


achikochiさん、はじめまして!

テンプレート気に入って頂けて嬉しいです♪
ブログ拝見させていただきましたが、とても充実した内容のブログですね!
まだ、ほんのちょこっと見ただけなのですが、ベランダ菜園とか...色々興味あるものがあったので またちょこちょこ遊びに行かせてもらいますね!

paruparu |  2010/12/17 (金) [ 編集 ] No.829


はじめまして

こんにちは。
今日からPCと携帯のテンプレートを
使わせていただいています。
機能的で しかも、カワイイのでお気に入りです。
記事も いろいろ参考になり、丁寧な解説で助かります。
これからも よろしくお願いします♪

ひなぼこ |  2011/01/09 (日) [ 編集 ] No.868


ひなぼこさん、はじめまして!

サイト訪問させていただきました。
テンプレート気に入っていただけたようで嬉しいです♪ W使用 もありがとうございます。
まだ適応させたばかりのようなので、今後もカスタマイズ等 楽しんでみてくださいね!
これからもよろしくお願いします(o^―^o)

paruparu |  2011/01/10 (月) [ 編集 ] No.871


テンプレ使わせていただきました!

はじめまして。
ブログデザインの変更をしたくて探しているときにデザインに一目惚れしました!ようやくカスタマイズも済んで、公開に至りました。

幾つか修正したいけれど上手く行かなかった部分があったので、お時間ある時にでもヒント頂ければ嬉しいです~。
多数になってしまって申し訳ありません。

(1)右下に 「ページ先頭に戻る」 リンクを常に表示
http://goo.gl/40lX8
これが、記載のとおり行っているつもりなのですが表示してくれません…。
何か他のカスタマイズとかち合ってしまっているのか?と思いつつ、どうしても分かりませんでした。
今、内容を追加した状態で公開しています。

(2)ナビゲーション真下に表示される「記事タイトル+ブログ名」の表記を、左寄せにしたいのですが、どこを修正すればよいでしょうか?

(3)headerの画像の一部(ブログタイトル表記部)にブログトップへのリンクを貼りたいのですが、RSS FEEDと同じような方法で実装できますでしょうか?

(4)トップページのサイドメニューとフリースペース(お知らせ)の上部の高さが揃っていないのですが、揃えることは可能でしょうか?

やまもとさをん |  2011/01/16 (日) [ 編集 ] No.900


やまもとさをん さんへ

ツイッターで見かけて、どなたかな? と思っていましたが、
テンプレート あんなに可愛くカスタマイズして頂けて嬉しいです♪

それで、質問の件 取り敢えず3つ
(1)
スタイルシートに設定している<!-- --> というのを削除すると反映されると思います。
スタイルシート内のコメントは /* トップヘ戻るバナー */ ならOKです。
で、そのままの設定だと カーソルを合わせた時の見栄えがイマイチになると思うので、
以下の部分に 「太字部分の設定を追加する」 と良いと思います。

a.page_top {
display:block;
width:41px;
height:390px;
background:transparent;
}

(2)
スタイルシートの ↓部分を 太字 のように変更するといいと思います。

/* Heading's
------------------------------------- */
h1 {
clear:left;
width:500px;
margin:0;
padding:5px;
text-align:left;
}

(4)
http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/ss_seo2M_header.png
その部分は ↑図 のような構造になっているのですが。。。その左上に表示されるテキストなどは エリアによって違うことと、右側は 検索フォーム からがそのエリアに含まれているので (検索フォームなどは 「ブラウザやユーザーによって」 見た目のサイズが違うので) 揃えるのはかなり難しいです。

あとちょっと 検索BOX との幅を縮めたい とかなら可能ですが、環境によって見え方は変わってしまうかもしれません。 ちょっとズレている感じがするのであれば、今 「プロフィール」 という部分はプラグインを使ってると思うのですが、テンプレートに直接内容を入れてしまえば違和感を減らせるかもしれません。

検索BOX の下に 直接イラストを入れてしまうような。。。 その場合も サイズの調整 は必要だと思いますがどうしますか? サイズ調整は ↓太字部分 (赤太字だけでもOKかも) を適当に調整すると 丁度良くなるかもしれません。

/* Structure (構造)
------------------------------------- */
#content {
position:relative;
top:-100px;
float:left;
margin:auto 5px 10px 20px;
padding:0;
width:610px;
line-height:1.7;
}
#sidebar {
position:relative;
top:-150px;
float:right;
margin:0 10px 10px 5px;
padding:0;
width:200px;
line-height:1.6;
}

/* Sidebar
------------------------------------- */
.site_search {
margin-bottom:70px;
}

paruparu |  2011/01/16 (日) [ 編集 ] No.901


(3)
方法はいくつかあると思いますが、多分一番簡単なのは
↓ のように入れてある場所を変更する方法です。

<div id="feed"><a class="feed-button" href="./?xml" target="_blank" title="RSSフィード"></a></div>
<div id="feed2"><a class="feed-button2" href="https://twitter.com/#!/sawonya" target="_blank" title="twitter"></a></div>

↑これを ↓以下のように変更してください。
<div class="f_right">
<a href="./"><img src="画像のパス" width="100" height="30" alt="HOME" title="トップページへ" /></a>
<a href="http://twitter.com/sawonya" target="_blank"><img src="画像のパス" width="100" height="30" alt="Twitter" title="やまもとさをん (sawonya) on Twitter" /></a>
<a href="./?xml" target="_blank"><img src="画像のパス" width="100" height="30" alt="RSS" title="RSSフィード" /></a>
</div>

こんな感じで良いと思います。 #!/ は入れない方がいいと思います。
https:// これもブラウザ(IEのデフォルト設定等)によってはダイアログが表示されて面倒になるので、個人的には他と揃えて http:// の方が良いような感じがします。 でも、自分が使うことをメインで考えるなら https:// でもいいのかな。。

スタイルシートの /* Feed */ 部分は使わないので削除しちゃってOKです。

paruparu |  2011/01/17 (月) [ 編集 ] No.906


早速のご回答、ありがとうございます!1、2はバッチリです。4については、環境によって違うのならばヘタに触らないことにしようと思います。
ブラウザの違いでの差などは悩ましいですね…。

そして3なのですが、すいません私の説明が悪かったようです。教えていただいた方法でもやりたい動作は可能なことは確認させていただいたのですが、トップヘのリンクを貼りたい範囲がちょっと違うのです。
現在のタイトルバナー部分全面にリンクを貼りたいと考えています。

現状、rssなどと同じような形で出来ないかと、feed3にて作成してみたのですが、リンクの範囲が途中で切れて左端まで行きません…。
(右端はtwitterボタンの先から、左端は「プ」と「1」の間くらいまでしかリンク範囲が指定出来ていない。バナーの左端まで指定したい)
これかあれかと弄り倒したのですが、上手く行きませんでした。
どこの数値を直せば対応できるか、教えて頂けると嬉しいです!

<div id="feed3"><a class="feed-button3" href="./" title="トップページへ"></a></div>

/* Feed_3 */
#feed3 {
float:right;
margin:0 auto;
padding-left:26px;
width:400px;
height:100px;
background:url() no-repeat;
}

a.feed-button3 {
display:block;
width:400px;
height:100px;
background:url("") no-repeat 0 0;
}
a:hover.feed-button3 {
background-position:0 -25px;
}

やまもとさをん |  2011/01/17 (月) [ 編集 ] No.908


やまもとさをんさんへ

ブログトップへのリンク ってそういうことですね。
/* Feed_3 */
#feed3 {
float:right;
width:600px;
height:90px;
}
a.feed-button3 {
display:block;
width:600px;
height:90px;
background:transparent;
}

<h1>(略)</h1>
<div id="feed3"><a class="feed-button3" href="./" title="トップページへ"></a></div>
↑ feed3 の位置をこの位置に移動

こんな感じでいいと思います。IE,Firefox,Chrome でテスト済みです。
あと、ちょっと気付いたことで...今の状態だと IE6 でカラム落ちを起こしてしまうので、プラグインのところに入れている 「ブログ内検索」 これは外してください。(右上に既に入れてあるので それだけでいいと思います。 残す場合は幅の調整が必要です。)

もうひとつ、「ブログ開始から",x,"日経ちました♪」 というスクリプト部分、これがIEでエラーと表示されてしまうので 外した方が (or 別の方法にした方が) 良いかも。

paruparu |  2011/01/17 (月) [ 編集 ] No.909


いろいろとありがとうございます、完璧です!
細かい部分も修正しました。直りましたでしょうか?
丁寧に教えていただいたおかげで、大変助かりました。
これからもブログ、参考にさせていただきますね。
今後ともよろしくお願いいたします!

やまもとさをん |  2011/01/18 (火)  No.910


feed3 の位置 は h1 タグの下に置いた方が良いかと。(その行を移動)
h1 より上だと ブラウザによって位置が上下 見え方が違っちゃうし、タイトル位置に置いたリンク張っている範囲 も h1 の下に置いた方がいいかも...です。

追記:
あっ、でも h1タグ の下だとそのリンク強調されちゃうかな。。SEO的に。 やっぱり今のままでいいかな。。。見え方違うけどおかしくはないし。
もしくは、float:right; を外して位置を調整でも可能かと。。

paruparu |  2011/01/18 (火) [ 編集 ] No.911


ありがとうございます、確かにブラウザによって見え方がちょっと違うみたいですね~。
とりあえず今回は、そういうものだと割りきってそのままにしておこうと思います!
ブラウザ変えてのチェックは大事ですね。

やまもとさをん |  2011/01/18 (火) [ 編集 ] No.912


やっぱり。。今の状態は ちょっと良くなかったので、設置位置は現在のままでOKなので
スタイルシートを以下のように変更(Feed_3 全部上書き)してみてください。

/* Feed_3 */
#feed3 {
clear:both;
margin:5px auto auto 130px;
width:450px;
height:52px;
}
a.feed-button3 {
display:block;
height:52px;
background:transparent;
}

paruparu |  2011/01/18 (火) [ 編集 ] No.913


度々本当にありがとうございます、直しました!

やまもとさをん |  2011/01/18 (火)  No.915


よろしくお願いします

テンプレートをお借りしているachikochiです。
3週間前くらいからグーグルで検索すると、題名(トップページにはありません)の下に投稿件数、最新の投稿日が表示されるようになりました。これを表示させない方法はありますか?
かなりの初心者ですが、もし簡単に出来るのなら、ご指導よろしくお願いします。

achikochi |  2011/01/28 (金) [ 編集 ] No.923


achikochiさんへ

今、確認してみたんですが...
色々なFC2ブログを記事タイトルなどで検索してみると 確かに、「投稿件数,最新の投稿日」 っていうのが表示されてますね。 これって最近からのことでしょうか。。。

私のテンプレートに限らず同じなので、Google の仕様が変わったか、FC2の仕様(強制的に挿入される http://search.fc2.com/fc2se.js とかの中身...??)が変わったかとか、 元々そうだったとか。。。なのでしょうかね??

もう少し調べてみますが、さすがにコレばっかりは 私には何も出来ません。。。投稿件数 とかが実際のものと合っていれば問題ないのでしょうが、「10件」 とか意味不明ですね。。

追記: どうやら「掲示板」(フォーラム?)ってのと関係がありそうですね。
Google検索時に 左側の「掲示板」というところをクリックすると、別の結果が表示されると思いますが、そこの記事には 殆どのサイトで その表示が入っていて、それに表示されている記事タイトルなどを 再度 Googleの通常検索 にかけると 「投稿件数,最新の投稿日」 などが入ってますね。 フォーラム系のウェブページと判断されると付いているのかも。。。

Google、「フォーラムをさらに検索」オプションをテスト中 | 海外SEO情報ブログ
http://www.suzukikenichi.com/blog/google-is-testing-get-more-discussion-results-feature/
Googleスニペットに投稿件数がくっ付いた | 海外SEO情報ブログ
http://www.suzukikenichi.com/blog/google-adds-post-numbers-on-snippet/

さらに追記:
FC2ブログでも これが表示されるサイトと されないサイトがあるので、違いは何かが気になっていたのですが。。。 私のテンプレは多少 「フォーラム系」 と判断されやすいのかも。。。

上部のナビゲーション部分に 「コメント表示やコメントRSSリンクを入れているので」 最初、それが関係しているのかなと思ったのですが、私のテンプレでこれを一切入れていないサイトでも この表示が入るサイトもあります。 ○人の編集者 という表示が入るサイトも。。

調べれば調べる程 謎の現象に遭遇します(・_・;)

paruparu |  2011/01/29 (土) [ 編集 ] No.926


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

お忙しいのに調べて頂き,お手数をかけてしまい申し訳ないです。
グーグルが勘違いしているみたいですね。
新しい記事ではないのにそういう風に表示され、間違って来られる方にちょっと申し訳ないのですが、様子をみることにします。
色々ありがとうございました。

achikochi |  2011/01/31 (月) [ 編集 ] No.930


paruparuさんこんにちわ♪

ブログ復活後、落ち着いてきたのでコチラのブログを参考にチョコチョコテンプレートを触っています♪
以前から気になっていたので、この機会に教えていただけたらなぁ~と思います

トップページ&記事ページのことです。
プラグインカテゴリー3にフリースペースを入れていろいろ入れていますが
横並びに配置したかったので テーブルを入れて並べていますが
テーブルは border="0" と指定しても border="1" bordercolor="#FFFFFF" と指定しても同じ 薄いグレーのラインが出るのです
消せないものでしょうか・・・

あっても困りはしないのですが、消せたほうが見栄えもいいのではないかと思うので
お願いします。

marion |  2011/02/04 (金) [ 編集 ] No.933


marionさんへ

返信遅くなって申し訳ありません。
テーブルの枠の件は、他の方もここでつまづくこともあるようなので。。。共有テンプレの設定を 使いやすく変更しておこうかなと前から思ってました (;´・ω・)

スタイルシートの一番最後に、
.entry_m table, .entry_m th, .entry_m td {
border:none;
}

などのように追加すると、取り敢えず大丈夫だと思います。
ただ、これだと記事内にテーブルタグを使っている場合には、その見た目も変わってくるので、もし不具合があれば 別の設定にしますので教えてください。

paruparu |  2011/02/05 (土) [ 編集 ] No.934


早速お返事いただきありがとうございましたm(。_。)m

トップページの枠が消えてスッキリしました
魔法のようですね♪
記事の方にも少し使っていたのですが不都合無くきちんと表示されました

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

marion |  2011/02/05 (土) [ 編集 ] No.935


marionさんへ

上手く表示できてよかったです。
で、今ちょっと気付いたのですが、お使いのテンプレートバージョンが 「091019」で少し古いものなので...もしよかったら 更新履歴 を確認してみてください。

ちょっと修正多くて大変かもしれませんが...最新版をDLするか 必要なものを追加しておくと使いやすくなると思います。 時間のある時にでも確認してみてください。

更新履歴のページは ↓URL から入れます。

paruparu |  2011/02/05 (土) [ 編集 ] No.936


え!? そうなんですか? それは知りませんでした~
時間があるときにバージョンUPしてみます♪

ありがとうございましたm(。_。)m

marion |  2011/02/07 (月) [ 編集 ] No.937


2つ質問です。

①分かりにくい説明なのでparuparuさんのブログを例にして説明します。
ナビゲーションにブログの親カテゴリを省略し、特定の子カテゴリから孫カテゴリを選べるようにしたいのです。
ナビゲーションの「題名」の部分が「生活スタイル・日常」で、マウスを持ってきたら「TV・NET・GAME 」 「子育て・近所付き合い」 「得するお役立ち情報」が選択できる…みたいな。 こういうようなこと、できますかね?
説明が分かりにくくてすみません。

②※もう一つ質問していたんですが、解決した為コメントを削除しました。すみません。

ももやん |  2011/02/28 (月) [ 編集 ] No.945


ももやんさんへ

>ナビゲーションにブログの親カテゴリを省略し、
>特定の子カテゴリから孫カテゴリを選べるようにしたい

FC2ブログには 「孫カテゴリー」 は本来ないので、共有プラグインなどで見かける 「孫カテゴリー」 と呼ばれるものは、親カテゴリー,子カテゴリーを使っても足りない人など向けに スクリプトを使って 類似の機能を実装したものかと思います。
なので、親カテゴリーを省略して … 孫カテゴリーを の目的がちょっとわかりません。

あと、このブログでは 親子カテゴリーの表示 を展開型にはしていませんが、デフォルトの共有テンプレートでは 展開型になっていると思います。
http://arinogotokuatumarite.blog19.fc2.com/index.php?style2=ari_seo2M&no=68
上のナビゲーション部分参照。 これではダメでしょうか?

http://arinogotokuatumarite.blog19.fc2.com/index.php?style2=navi_sample&index
ここの 4. 手書き折りたたみ アーカイブリスト 
サンプルは手動ですが、「親子カテゴリー」 を上手く利用すれば 自動で出力することも可能かと思います。 onclick を onmouseover にするとか。。。(テスト未ですが)


レイアウトが崩れている件ですが、これはプレビュー用リンク 部分を
↓ 元の構造に戻せは修正されると思います。

</div>
<!-- ▲ プレビュー用 公開する際にはここから上を削除 ▲ -->

paruparu |  2011/03/01 (火) [ 編集 ] No.948


そうなんですかー。うーん残念。
ありがとうございました。

ももやん |  2011/03/01 (火) [ 編集 ] No.949


毎度ですー。

What's Newの新着記事のところなんですが
タイトルとその内容ちょっとと日付、コメ数、トラバ数などが
一記事づつ表示したいなって思ってるんです。
で何気にやってみては失敗に終わってるのでよろしければ
カスタマイズの仕方などご伝授下さいませんか?

例で言うと
http://kumechans.blog1.fc2.com/?pc&share=21729&index
の名前:e01_02_waveblue 作者:EriRaha[etemplate]さんの
ような感じで表示できないかと思ってます。

くめくめ |  2011/03/22 (火) [ 編集 ] No.970


くめくめさんへ

方法はいくつかあると思いますが、『e01_02_waveblue』 のような感じだと、
下のソースで似たような状態にできるかと思います。

表示件数は、最新記事一覧の件数 ではなく 「記事(ページ別)の件数」 が反映されるので、今のくめくめさんの設定だと 5件 になります。

<!--topentry-->
<div class="entry_title"><h2><a href="<%topentry_link>" title="この記事を読む"><%topentry_title></a></h2></div>

<div class="cmtb_m"><br />
<a href="<%topentry_link>" title="この記事を読む" style="color:#444"><%topentry_discription></a>
</div><!--/class=cmtb_m-->

<div class="entry_bottom">
<%topentry_year>/<%topentry_month>/<%topentry_day> | <a href="<%topentry_category_link>" title="カテゴリー : <%topentry_category> へ"><%topentry_category></a> | <!--allow_comment--><a href="<%topentry_link>#comment-top" title="「<%topentry_title>」 へのコメント"><b>Comment</b> (<%topentry_comment_num>)</a><!--/allow_comment--><!--deny_comment--><b>Comment</b> (-)<!--/deny_comment--> | <!--allow_tb--><a href="<%topentry_link>#trackback-top" title="「<%topentry_title>」 へのトラックバック">Trackback (<%topentry_tb_num>)</a> | <!--/allow_tb-->
</div><!--/class=entry_bottom-->
<!--/topentry-->

このソースをテンプレートの 候補地 1 or 2 どちらかに入れてみてください。


<!-- ▼トップページ▼ -->
<!-- **************************************** -->
<div class="entry_title"><h3>What's New</h3></div>
候補地 2 この場所 (ここの場合、上の一行を削除)

<div class="entry_m">
(略)
</div><!--/class=entry_m-->

候補地 1 この場所
<!-- ****************************************-->

<!--▽プラグインエリア(3)▽-->
<!--△プラグインエリア(3)△-->
<!-- ▲トップページ▲ -->

※<div class="entry_m"> </div> の 「内側に入れなければ」 OKという意味です。
あと、くめくめさんのコメント、プレビュー用のリンクが機能しないものだったので 私が修正して再投稿させていただきました。

paruparu |  2011/03/22 (火) [ 編集 ] No.971


ヤッホーイ

パルパルさまーーーーーっでけましたーーー!!

朝からパルパルさんの言うとおりに
ソースをぶち込まさせていただき
試行錯誤しつつ
先程公開してみたーーーいかがかしら?

もうほうんと、お手間かけていただき
ありがとうございました。
しばらく地震中心の心中だったので
集中出来る時間ができて良かったわ。

ホントにありがとうございました。

くめくめ |  2011/03/22 (火) [ 編集 ] No.972


コメント編集

地震で大変な時に申し訳ありません。

「ari_mobileSimple」 を使わせていただこうと思っているのですが
携帯からでもコメントが編集できるようにすることは出来るのでしょうか。

いくつもテンプレートを見てみたのですが
「ari_mobileSimple 」のシンプルさにひとめぼれしてしまい
使ってみたいと思いました。

ダウンロードしたままの状態では
コメント編集が出来ないようなので
コメント編集が出来るようにするには
どのようにしたらいいでしょうか?

教えていただけると助かります。
よろしくお願いします。

かっちー |  2011/03/23 (水) [ 編集 ] No.973


くめくめさんへ

ブログ拝見しました。 可愛い。。思った以上にいい感じ。。。
アレンジされてて文字サイズなども丁度良い感じですね!

私もそろそろブログ復活しなくちゃな。。と思いつつ、何を書こうか 思い浮かばないのが正直なところです。 昨日あたりから、また余震が増えてビビってもいます。
でも、ぼちぼち復活予定ですので、また宜しくお願いしますね (o^―^o)

paruparu |  2011/03/23 (水) [ 編集 ] No.974


かっちーさん、はじめまして。

>携帯からでもコメントが編集できるようにすることは出来るのでしょうか。

確かに 編集できた方が便利ですよね。 ただ、今のFC2ブログにはその機能はないみたいです。
携帯で閲覧できるページエリア には コメント編集エリア がないですし、仮にPC用の該当ページにリンクを入れたとしても、 携帯からアクセスした場合には 携帯用のトップページ にリダイレクトされてしまうと思います。

FC2ブログは 携帯のみだと、モバイル関連の設定ですら一部変更できないものもあるくらいなので。。。 携帯中心の人には 多少使いにくい部分もあるのかもしれませんね。

paruparu |  2011/03/23 (水) [ 編集 ] No.975


ありがとうございます!

早々のお返事ありがとうございます!

そうなのですか!
FC2ブログは携帯からではコメント編集出来ない仕様なのですね…。
あったらいいなと思う機能だったのですが。

丁寧に教えて下さりありがとうございました。

かっちー |  2011/03/24 (木) [ 編集 ] No.976


ありがとうございます!

返信ありがとうございました。
質問が抽象的すぎたかなと思い、後からコメント編集しましたが、再度承認して頂きお手数おかけしました(>_<)またサポート窓口があるのに全然気付かなくてすみませんでした。

一応、現時点では大部分のスタイル変更は終わったので、あとはトップページづくりと一覧ページなどのチェックだけになりました。

今までのと同じ配色にするので、元の背景画像等は全て自作の画像に差し替えましたし、ナビゲーション部分も1050px幅に合わせて画像を作って余らないようにしてあります。
サイドバーの変更についてもSEOには影響がないということなので、安心しました!

あとはやはりIE6でノレイアウト崩れを最後にチェックしたほうがよさそうですね!それと、今までのトップ画像がものすごく大きいので、ナビゲーションに着目してもらえるようにちょっと作り直す必要があるかなと感じました(笑)

抽象的な質問にも関わらずお答え頂きありがとうございました。完成したときにまた報告させてください♪
パークの再開は待ち遠しいですが、電力不足も厳しいですし、野球のように世論の反発がないように経営陣は腕の見せ所ですね(^_^;)

【03/28追記】
編集にて追記します。カスタマイズ完了したので公開しました!
IE6でも動作確認しましたが、ナビゲーション部分もきちんとカスタマイズしてあれば問題なく動作しました!
これだけのものが完成して本当に感動しています!ありがとうございました。

それと、表示件数について今まで疑問に思っていたことをお聞きしたいのですが…。
例えば便利ナビ+ページ移動スクリプトなんですが、カテゴリー表示の場合などは管理画面で設定する件数に依存していますよね?記事を探しやすくするためにはこの表示件数を多くするほうがいいのですが、私のブログの場合、ひとつの記事に大量の写真を掲載することがあるので、そのような記事が1ページに大量に表示されると、表示にものすごく時間がかかるんです。
そこで、ページの表示件数を2件、便利ナビの件数10件というように依存しないようにすることはできないでしょうか?

もちろんその場合は配布デフォルトでは指定位置リンクになっているのを、個別ページへのリンクに直すというのは理解しているんですが、FC2変数でそのようなページに表示されないものを件数を指定してURL表示なんていうことができるのかなと思って、お聞きしました。
追記部分を折り畳みじゃないものにすれば現状でも軽くはなるのですが、出来ればそれはしたくないな~と思ってます(^_^;)

クロロ |  2011/03/26 (土) [ 編集 ] No.983


クロロさんへ

カスタマイズ完成、お疲れ様です!
以前の雰囲気はそのままに 上手くリニューアルされましたね (o^―^o)
これでいつもブログを見てくれていた方たちが使いやすくなったと感じてくれたり アクセスアップなど何かにお役に立てたら嬉しいなと思います。
パーク休園中なのが厳しい状況かと思いますが。。。再開が待ち遠しいですね!

>ページの表示件数を2件、便利ナビの件数10件というように
>依存しないようにすることはできないでしょうか?

これは ちょっと出来ないでしょうね。
通常、最初にアクセスされるページは 「個別記事 or トップページ」 が多いと思います。 なので、この後カテゴリー別のページを開く人は 何か興味を持って他の情報を探そうかな と思っている場合が多いかと思うし、既にページナビも追加されているので、3件ずつ 4件ずつ の表示であっても スムーズに移動はできるのではないでしょうか?

私が見た感じでは特に重くは感じませんでしたよ。 勿論、最初にアクセスされることもあるので 適度な件数に設定しておいた方が良いとは思いますが。。。
折り畳みは 無駄な動きをしなくて済むのが、私も気に入っています。

paruparu |  2011/03/29 (火) [ 編集 ] No.987


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

 やはり環境設定に依存しないというのはできないんですね。今までもいろいろな方策を考えましたが、これですっきりしました!いろいろとお答え頂きありがとうございました(>_<)
 カテゴリー表示については、各イベントの終了時に総集編の記事をつくってるんですが、そこではひとつの記事にそのショーのベストショットを20~40枚くらい貼ることがあるので、総集編カテゴリーを表示したときにすっごく重くなることがあるんですよ(^_^;)しかも、私のブログの場合、昔のショーやイベントを思い出しに何度も見る方がけっこう多いのでなんとかしたいな~と今までずっと考えていたんです。
 でも、できない以上はうまく表示件数を設定して対応したいと思います!

 ブログのほうは準備が整ったので、あとは運営再開を待つのみになりました!経済活動か、自粛かという難しい面がありますが、気長に再開を待ちたいと思います。
 休園中の今だからこそ、過去記事にもより価値が出てくると思うので、このテンプレートを活用して内容の充実した記事を書いていきたいと思います♪paruparu様のデザインや記事を参考にしたりして本当にお世話になりました。これからもチェックさせて頂きます!私のブログもFC2のディズニーブログでは1・2を争うブログなので、パークに出かける際は参考にして頂けると嬉しいです。
 それでは、これからもブログ運営がんばってください!

クロロ |  2011/03/29 (火) [ 編集 ] No.988


クロロさんへ

もし、1つの記事に大量の画像を張ることが時々あって、
そのカテゴリーが重くなるのがネックということでしたら、いくつか対策はあると思いますよ。

例えば、http://arinogotokuatumarite.blog19.fc2.com/blog-entry-177.html
http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/docomo_packet12.html

などのように、記事には 「アップロードした.html(大きな画像をズラズラと張ったもの) へのリンク」 を入れておくもの。私の例では画像1枚ですが、縦に複数並べて張っても ブログ程 重くなることはないと思います。 記事では そのページへのリンク や サムネイル 程度で済むので、カテゴリーの表示に影響しません。 その記事に戻るリンクを目立つように入れておけば それを見終わった人は、ブログの表示に戻ってくれると思います。

もしくは、スライドショーのようなもの を使ってみる方法。上との組み合わせも可能。
私は jQuery lightBox を使っていますが、こういうものを使ってもよいかもしれません。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-142.html
(私は、「次の画像へ」「前の画像へ」 のエリアを狭くしていますが、デフォルトでは 画像半分くらいからリンクが付くので 画像送りもスムーズにできると思います。)

あくまでも一案ですが、大きい画像が 20~40枚 +アカマイOFF となると、見る人の環境などによっては 重くなりそうな気もするので...参考まで。

あと、クロロさんのブログは 今後も色々参考にさせていただきますね♪
私は、元々は「ディズニー大好き」 って程ではありませんでしたが、今回の件で、ディズニーが恋しくてたまらなくなりました (o´・∀・`o)
ちなみに... 姉夫婦 と 姉の旦那の兄夫婦などは みんなキャスト経験者で、月1以上ディズニーに行く大ファン一家なんですよ。 多分、私以上に再開が待ち遠しくて仕方ないでしょうね。

paruparu |  2011/03/30 (水) [ 編集 ] No.989


 paruparuさんいろいろとご提案ありがとうございました!

 なるべく1つの作品を見るみたいに、1ページ内に全て表示したかったので、今までリンクは考えてなかったんですよ~。
 あと、一番ネックなのが無断転載の危険がかなりあって…。どうしてもディズニーブログだとキャラの写真の無断転載があって、特に中学生・高校生といったネットマナーに乏しい方の無断転載が目立つので、画像だけ右クリック禁止するのがかなり有効なんですよ(^_^;)右クリック禁止は簡単に破れますが、このような方にはこれをやるだけでも大分違ったので、今までリンク方式ではなくて画像表示で右クリック禁止にしていたんです。
 でも、htmlならそこでも右クリック禁止にできそうですね!ちょっとブログのデザインとかも見て、検討してみようと思います!

 ご家族に私よりも詳しそうな方々がたくさんいらっしゃるんですね!(笑)たぶん元キャストさんの知識には及ばないと思いますが、気が向いたときにはいらしてください♪

クロロ |  2011/03/30 (水) [ 編集 ] No.995


ヘッダーの編集について

はじめまして!
いつもブログを使わさせてもらってます。
ブログのヘッダーですが、編集することって可能ですか?
もしできるようでしたらやり方を教えてください。

3代目 |  2011/04/18 (月)  No.1010


こんばんは♪
おひさしぶりです。パークもとりあえず再開して嬉しい限りなんですが、ちょっとテンプレートの件でparuparu様のお力を借りたくてコメントさせて頂きました。

ブログで、混雑予想のほうを分けて別館にしているのですが、こちらのトップージの表示が崩れているのに今日気付きました。
http://disneycolorskonzatsu.blog39.fc2.com/
いろいろと検討してみたのですが、自分ではどうしても原因が分からず困っています。
以下が、原因を探るためにとった手段です。

・レイアウト崩れはIE6~8で発生。firefoxとクロームは問題なく、普段クロームを使用していることから今日気付いた。
・崩れるのはトップページのみで、サイドバーがずれて途中からはじまる。
・サイドバーのプラグインをひとつずつ非表示にしても崩れたまま。
・トップページ部分の混雑予想、おすすめコンテンツ、About、リンクをそれぞれ削除してみても崩れたまま。
・最近変更したのは混雑予想部分の注意書きとおすすめコンテンツのみで、その変更前は崩れていなかった。
・サイドバーとコンテンツ部分の幅を変更しても変わらず。

ということなんです。IEだけで崩れる、トップページだけで崩れるということなので、変更した混雑予想部分とおすすめコンテンツ部分が怪しいと思ったのですが、ここを削除しても変わりませんでした。
しかも、カラム落ちではなく、カラムがずれて少し下からはじまるので余計原因が分からず…。このカラムのズレはトップページ部分をいじっても、上から一定の位置から表示されるので特定の部分がおかしいというわけではないようです。
もしIEだったらこれが原因の可能性があるというのが分かれば教えて頂けると助かります。

クロロ |  2011/04/18 (月) [ 編集 ] No.1012


3代目さん、はじめまして。

画像の変更など のカスタマイズは可能です。 ヘッダーにおいては、
スタイルシートの以下の部分がその設定になりますので、それを変更すればOKです。

デフォルトでは、横900px × 縦166px の画像を使用していますので、そのサイズに合わせて作ると 他の調整なども殆ど要らないかと思います。
アップロードした画像と ↓ 太字部分 を差し替えて利用してください。

/* Structure (構造)
------------------------------------- */
(略)
#header {
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_img_r.png) no-repeat;
}

テンプレートに使っている 画像の詳細 は以下のページに載せてあります。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-87.html

ユーザーさんのリンク集 も参考になると思うので見てみてくださいね!
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-107.html

paruparu |  2011/04/18 (月) [ 編集 ] No.1013


クロロさんへ

以下の部分のタグを修正すれば大丈夫かと思います。
<div class="mokuji">

<span class="f_left">
</div>

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

トップページ以外で便利ナビが表示される部分です。
※実際には、変数が入っていると思いますが... 場所は分かりますか?

あと、リンク集のページに クロロさんのサイト追加させてもらいますね。 紹介はまだですが、近いうちに更新しておきますので宜しくお願いします (o^―^o)

paruparu |  2011/04/19 (火) [ 編集 ] No.1014


paruparu様、返信ありがとうございました!

おかげさまで無事に解決しました~(>_<)
便利ナビの上に表示させている混雑予想カレンダーの全リンクの配置属性として
<span class="f_left">を置いていたのですが、この後につけていた</span>を変更した際に誤って削除してしまっていたようです…。そのためにあとの全htmlの記述にこの配置属性が影響を及ぼしていたようですね。確かにトップページの混雑予想カレンダーに変更を加えたとにこちらも変更していました。
てっきりトップページの記述のどこかが間違っていると思っていたので、大変助かりました。paruparu様のテンプレートとは直接関係しない部分なのに相談にお答え頂きありがとうございました!

また、先日アドバイスを頂いたカテゴリ表示の件数についてですが、3件表示ならあまり問題がなさそうでしたので、それでやることにしました。いろいろとアドバイスして頂きありがとうございました。

パークが再開して1か月ぶりに舞浜に行きましたが、パークの外の道路は補修されたあとがあるもの、段差や地割れが出来ていたり、斜めになっていたり、ガタガタだったりと千葉県の液状化の深刻さを痛感しました。柏市は被害それほど大きくなかったのが幸いですが、千葉県東方沖の余震もまだまだ油断できないと思いますので、気をつけてくださいね。
リンク集の件ありがとうございます!楽しみにしていますが、ムリのないようにヒマなときにでも更新してくださいね(笑)ちなみにリンクフリーとのことでしたので、私のほうでも既に本館と混雑予想のふたつのトップページにparuparu様のブログのリンクを配置させて頂いてます!

クロロ |  2011/04/19 (火) [ 編集 ] No.1016


クロロさんへ

再開してすぐに行くとは。。さすがですね!
実は私、未だに ディズニーシー に行ったことがありません。。
こちらも電力問題が解決すれば きっと再開されると思うので、その時には クロロさんのサイトで予備知識をつけてから...ですね!

paruparu |  2011/04/20 (水) [ 編集 ] No.1017


トップページに記事を表示したい

paruparuさん、はじめまして!

テンプレートの提供ありがとうございます!

すごく気に入りまして、
ぜひ使わせていただきたいと思っています。

質問なのですが、
ふつうのブログのように
トップページに最新の記事から表示したいのですが、
どのようにすればよいのでしょうか?

お手数ですが、教えていただけると助かります。
よろしくお願いいたします。

carimelo |  2011/05/15 (日)  No.1029


carimeloさん、はじめまして!

テンプレート気に入っていただけて嬉しいです。 質問の件ですが、

> ふつうのブログのように
> トップページに最新の記事から表示したいのですが

以下の「記事コメント」にて解説していますので、そちらを参照してください。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-1.html#comment215

あと、以下のページにテンプレユーザーさんのサイトを紹介しています。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-107.html
通常ブログのようにカスタマイズしている方もいますので、参考に見てみてくださいね!

もし不明な点がありましたらまた質問してください。

paruparu |  2011/05/15 (日) [ 編集 ] No.1030


ナビゲーションメニューにリンクを表示したい

お世話になっております。

プラグインの中で設定をしているリンクなのですが、
これをナビゲーションメニューとして表示することは可能なのでしょうか?

ナビゲーションバーにカーソルを置くとプルダウンでサイトタイトルが出て、
それをクリックすると他のURLが新しいウィンドウで開くようにしたいと考えています。

自力で試行錯誤したのですが、完全に行き詰ってしまったので、
アドバイスを頂戴出来ればと思います。

お忙しい所恐縮ですが、よろしくお願いします。

あき |  2011/07/05 (火)  No.1065


あきさんへ

ナビゲーション・プルダウン部分に 「プラグインのリンク」 を入れたい場合、
以下のように 区切り~区切りまで を差し替えてもらうと使えると思います。

<!--==========区切り-->
<li>
<a href="#" class="navitop">リンク &#187;<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li class="r_sentence">リンク以外の説明などを入れたい場合。必要に応じて</li>
<!--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><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!--==========区切り-->


※サーバー番号の無いブログ(新仕様サーバー)の場合、リンクの管理,このブログをリンクに追加する 部分の管理画面アドレスが 異なるかもしれません。。 その場合は アドレスを書き換えて利用してください。 あきさんは 多分 上のソースのままで問題ないと思います。

paruparu |  2011/07/06 (水) [ 編集 ] No.1066


有難うございました!

迅速なご回答有難うございます。

アドバイス通りタグの差し替え(&一部変更)を行ったところ、思った通りの物になりました!
有難うございました(^^)

あき |  2011/07/07 (木)  No.1068


つぶやき・はてブを、記事に対応させたい

こんばんは、paruparuさん!
つぶやき・はてブを、記事に対応させたいのですが、
結局分からず、宜しければ助言を頂きたいです...

http://totugekich.blog.fc2.com/blog-entry-4.html

例えば、この記事ですと、ページ上部の、
ツイートボタンとはてブボタンは、それぞれ記事に対して、
つぶやきと追加を行うことが出来る
のですが、

この記事の、ページ下部では、
・325 x 128サイズの“この記事をつぶやく” ”はてブに追加する”のボタン と、
・コメント欄にあるツイートボタンとはてブボタンでは、

自分のサイトへの、つぶやきと追加になってしまいます。
これをどうにかして、ページ下部を、上部と同じように、記事に対して、
つぶやきと追加を行いたいのです。

可能であれば、アドバイスを頂きたいです。



佐々木ケイジ |  2011/07/27 (水)  No.1082


佐々木ケイジさん、こんばんは。

返信遅くなり申し訳ありません。 “この記事をつぶやく” ”はてブに追加する” の件、
以下の記事に載せてありますので、参照してみてください。

ブログ記事にブックマーク追加ボタンを
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-69.html

はてブに追加は 私は 「この記事を含むはてなブックマーク」 として はてなのサイトにリンクさせているのですが、これではなく ダイレクトに追加ボタンにするのであれば、

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank">
 ↓ これを以下のアドレスに変更 
<a href="http://b.hatena.ne.jp/append?<%topentry_link>" target="_blank">

でOKだと思います。 今のものだと後者がいいかもしれませんね。

paruparu |  2011/07/28 (木) [ 編集 ] No.1084


ありがとうございます。

paruparuさんのブログカスタマイズの記事を見れば、
分かるであろう事にも、答えて頂き、ありがとうございます。
お手を煩わせて申し訳ない。

おかげで、一応、カスタマイズ完成しました。
常にデザインを良くしていくつもりではありますが、
まずは、paruparuさんの記事をしっかり見て実行しますね!

佐々木ケイジ |  2011/08/02 (火)  No.1087


TwitterとFacebookのボタン設置について

いつもお世話になっています。
アドバイスを頂きたくコメントしました。

管理画面から、環境設定の変更⇒ブログの設定と進み、TwitterとFacebookのボタンを有効にしてみました。

http://sora0922.blog57.fc2.com/

ボタンのまわりに枠のようなものが出てしまいました。
枠を消すことはできますか?

いつもすいませんが、もし時間がありましたら教えてください。
宜しくです。

ブログの更新、頑張ってくださいね。
応援してます!!

空 良太郎 |  2011/08/03 (水)  No.1088


空さん、こんにちは。

ブログの設定で、TwitterとFacebookのボタンを有効にした場合

私の共有テンプレ Ver.20110216 より前のものでは、確かに枠が出てしまいますよね。。
(※2011年02月16日以降 のテンプレからは、この枠の問題はないように調整済みです。)
この枠を消すには、スタイルシートの一番最後などに、以下を追加してください。

table.fc2_socialbtn, .fc2_socialbtn td {
border:none;
}

他の部分の テーブル枠 が気になる場合などがあれば、また質問していただくか、Ver.20110216 以降のテンプレを 再度ダウンロードして利用してみてください。

ブログの更新・応援、とても励みになります(o^―^o)
最近は、更新頻度は少なくなりましたが...今後も宜しくお願いします。

paruparu |  2011/08/03 (水) [ 編集 ] No.1089


助かりました!!

早速やってみました!!
ありがとうございます!!

又、コメントしますね。

空 良太郎 |  2011/08/03 (水)  No.1090


管理人のみ閲覧できます

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

- |  2011/08/04 (木)  No.1091


非公開コメント Hさんへ

はじめまして。 テンプレート気に入っていただけたようで嬉しいです。
それで、「KW強調表示」 が押せない件ですが、カスタマイズされたCSS 部分が影響しているようですので、以下 1. 2. の【どちらか】 をお試しください。

1. KW強調表示のスクリプト部分の位置をずらす

<div id="header">
 この位置(KW強調表示のスクリプト)
</div><!--/id=header-->

デフォルトでは テンプレートの ↑ の位置 に入れてありますが、これ をその下の

<div id="content">

の真下に移動してください。 該当スクリプトは エリア変数で囲ってありますので、
エリア変数ごと 移動してください。


2. 追加されたスタイルシートの一部を諦める

#sozai {
width:660px;
margin:0;
padding:120px 25px 5px 0px;
text-align:right;
font-size:75%;
color:white;
}

これ以外の方法も探せばあると思いますが... 多分、これが一番簡単かと思います。

paruparu |  2011/08/05 (金) [ 編集 ] No.1092


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

paruparuさま

1.の手段で問題を回避することができました。その上で、レイアウト調整のため、改行×2をコメントアウトすることで、イメージどおりの仕上がりとなりました。

<!--search_area--><BR><BR>このページの記事目次&nbsp;(<b><%sub_title></b> の検索結果)<!--/search_area-->

2.の方法は、KW強調表示の機能自体は回復しましたが、画像素材の著作権表示を適正位置にレイアウトする他の方法が見つからず(改行などで位置合わせをすると、もとの問題が再現しました)、断念しました。

素早いレスで、具体的な対応策を教えていただき、ありがとうございました。
行き届いたフォローに感謝します。

これで基本的な構造はできあがったので、あとは、カスタマイズ関連記事を参考に、細部をいじりたいと思います。また、質問させていただくことがあると思いますが、引き続きよろしくお願いします。












非公開コメント H |  2011/08/07 (日) [ 編集 ] No.1093


全記事一覧を古い日付順に

こんにちは。初めまして!あみと言います。いつもとても参考にさせて頂いてます。本当に本当にありがとうございます。
さて、サイトマップの全記事一覧ですが、新しい日付順とは別に、もう一つページを作って古い日付順の物も作成したいのですが、方法が分かりません(泣)。
ちなみにカテゴリー別のサイトマップは参考にさせて頂いて、何とか作る事が出来ました!
お時間ある時にご教示いただければと思います。

あみ |  2011/09/13 (火) [ 編集 ] No.1108


全記事一覧 で 日付の古い記事順 に並べる方法

1. スクリプト未使用カテゴリー別サイトマップ を作った時と同じ要領で、
今お使いの 全記事一覧(新→古) のテンプレートの複製を作る。
複製テンプレートの名前を仮に 「old_new」 とします。 そのテンプレートを利用。

2. テンプレート「old_new」 の全記事一覧部分を変更

<!--titlelist_area-->
<!-- ▼全記事一覧▼ -->
<div class="entry_title"><h2>日付順の全記事一覧</h2></div>
<div class="all_m" id="all_entry">
<!--titlelist-->
<div class="abc">
<h3><a href="<%titlelist_url>" title="個別記事ページへ">
<%titlelist_title></a></h3><p><%titlelist_body> …</p><div class="t_right">
<%titlelist_year>/<%titlelist_month>/<%titlelist_day> (<%titlelist_wayoubi>) [<a href="<%titlelist_category_url>" title="カテゴリー: <%titlelist_category> へ"><%titlelist_category></a>]</div>
</div>
<!--/titlelist-->
</div><br /><!--/class=all_m-->
<script type="text/javascript">Rev("all_entry","abc")</script>
<!-- ▲全記事一覧▲ -->
<!--/titlelist_area-->

3. <head> ~ </head> 部分に以下を追加

<!--titlelist_area-->
<script type="text/javascript"><!--
function getEL(id) {
if ( document.getElementById ) return document.getElementById(id);
else if ( document.all ) return document.all(id);}
function getTag(obj,name) {
if ( document.getElementsByTagName ) return obj.getElementsByTagName(name);
else if ( document.all ) return obj.all.tags(name);}
function Rev(IDname,Cname) {
var F=getEL(IDname) ;if (F) {
var D=getTag(F,'DIV');if (D && D.length>1) {
var X=new Array();
for (i=0;i<D.length;i++){
if (D[i].className==Cname)
X.unshift('<div class="'+Cname+'">' +D[i].innerHTML +'</div>') }
F.innerHTML = X.join('');
} } }
//--></script>
<!--/titlelist_area-->


./?template=old_new&all にアクセスすれば 古い順の全記事一覧ページ が使えます。 後は、新しい順,古い順 それぞれのテンプレートに上手くリンクを張って完成です。

以下にサンプルを置いてあります。 (2つとも 同じページですが、あみさんは 新仕様サーバーなので、上記アドレスのみ有効かも。。)
http://arinogotokuatumarite.blog19.fc2.com/?template=Lightbox_JS&all
http://arinogotokuatumarite.blog19.fc2.com/index.php?style2=Lightbox_JS&all

新仕様サーバーでは、上記アドレスも機能しないかと思っていましたが... 使えるんですね! 以前、テストブログでダメだったのですが... 参考になりました。

何となく、単純にボタンなどで 新しい順・古い順 を切り替える方法がありそうな気もしますが... 私にはその知識がないので、FCafe danielさん の記事を参考にさせて頂きました。

参考 : FCafe コメントを新着順に
http://pcafe.blog3.fc2.com/blog-entry-45.html

paruparu |  2011/09/13 (火) [ 編集 ] No.1109


ありがとうございます!

paruparu さん、
お忙しい中、超特急でご回答頂きありがとうございます。
早速挑戦したいと思います。
また色々と参考にさせていだくと思います。よろしくお願いします。
取り急ぎお礼まで♪

あみ

あみ |  2011/09/14 (水)  No.1110


ヘッダー画像の変更、その他

はじめまして。 今年中にアメブロからFC2へ移行しようと思いまして、現在paruparu様のテンプレをお借りして作ろうとしているのですが、アメブロの時とは全く違うやりかたなので わけもわからず四苦八苦しております><
もしよろしければ 以下のことに回答していただけると嬉しいです。
クロロさんのブログを見て、paruparu様テンプレを使用したいと思って使わせていただくことにしました^^そこで、クロロさんのブログを少し参考にさせていただいて 以下のコトをご教授いただきたいのですが。。。

・ヘッダー画像をメニューバーより上に表示(用意してある画像は961px×501px)

・コンテンツ自体の幅と記事幅を広げる
・メニューバー、背景等のカラー、デザインの変更
・記事とは別?(上の方のブログで言うリンク集等)のページの作成方法

本当に無知で、調べればわかるようなことかもしれないのですが、お時間がありましたら回答していただけると幸いです。
よろしくお願いいたします。

ふにゅ(Ryo) |  2011/09/21 (水) [ 編集 ] No.1111


ふにゅ(Ryo)さんへ

はじめまして。 アメブロからのお引越しなんですね。
それで、質問の件ですが...

> 記事とは別?(上の方のブログで言うリンク集等)のページの作成方法

これは、以下の記事に方法を載せてあります。
クロロさんも、これで作ったと言ってましたので、この手順で出来ると思います。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-145.html
FC2ブログで 同一ドメインの追加ページ を利用する

> ヘッダー画像をメニューバーより上に表示
> コンテンツ自体の幅と記事幅を広げる
> メニューバー、背景等のカラー、デザインの変更

これについては、どこから説明すればよいのか... ソースを紹介するにしても範囲が多すぎて、コメントで返信できるものではないので、カスタマイズはユーザーさん各自におまかせしています。 カスタマイズしておかしな表示になってしまったところを部分的にアドバイスすることは出来ると思いますが。。。 一部の方ですが、有料でカスタマイズさせてもらったケースもあるので、この場での回答は難しいかなと思います。


> コンテンツ自体の幅と記事幅を広げる
例えば、これはスタイルシートの以下の部分を変更すれば、概ねOKだと思いますが、元々設定している 背景などが使えなくなるので、その部分も合わせて修正が必要になるかと思います。

body {
background:#ccc url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/waku_middle.png) repeat-y center top;
}

/* Structure (構造)
------------------------------------- */
#wrapper {
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/waku_bottom.png) no-repeat center bottom;
}
#top {
background:#ccc url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/waku_top.png) no-repeat center top;
}
#container {
width:900px;
}
#content {
margin:auto 5px 10px 20px;
width:610px;
}
#sidebar {
margin:0 10px 10px 5px;
width:200px;
}


コメントや記事でカスタマイズの方法は色々載せているので、その中にヒントになるようなものもあるかもしれないので、参考にしてもらえると嬉しいです。

paruparu |  2011/09/22 (木) [ 編集 ] No.1112


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

paruparu様 早速のご回答ありがとうございます!!
そうですね。 まずは自力でいじってみようとおもいます^^

いろいろ教えていただきありがとうございました。
またこちらにお世話になるかもしれませんがその時は是非宜しくお願いいたします。

ふにゅ(Ryo) |  2011/09/22 (木) [ 編集 ] No.1114


管理人のみ閲覧できます

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

- |  2011/09/23 (金)  No.1116


非公開コメントさんへ

はじめまして。 フッター部分の件ですが、
プラグイン あし@ というところで使われているタグに間違いがあるので、それを修正すれば 正しく表示されると思います。

<script type="text/Javascript" src="(略)client/js.php?id=114373"></script>

↑ 最後の > が抜けているので追加してみてくださいね。

paruparu |  2011/09/24 (土) [ 編集 ] No.1117


管理人のみ閲覧できます

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

- |  2011/09/24 (土)  No.1118


別途質問の件、各記事の以下の部分が関係していると思います。

<!-- AddClips Code START -->
<script type="text/javascript">
<!--
(略)
// -->
</script>

赤文字部分 が入っていないので、追加してみてください。

【 レイアウトが崩れるという場合の 問題の見つけ方 】
FC2ブログの テンプレート編集の下には 「タグのハイライト:ON」 という機能が付いています。 崩れているページが ある特定の記事なのか、殆どのページなのかを調べ、その崩れているページのソースをコピーしてそれを貼り付けます。 ハイライトを ON に。
赤く表示されたところの前などに 記述ミスをしている箇所 があるはずですので それを修正。 直前に弄ったプラグインや 記事が関係していることが殆どかと思います。

※チェックするだけですが、適応しているテンプレートに誤って上書きしないように 複製や使っていないものなど 影響のないテンプレートで作業してください。

paruparu |  2011/09/24 (土) [ 編集 ] No.1119


管理人のみ閲覧できます

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

- |  2011/09/24 (土)  No.1120


レイアウト崩れは直ったようでよかったです。
テンプレート編集 画面にある 「タグのハイライト」 ON・OFF 機能については、以下に載っています。 普段はOFF でチェックしたい時だけ ON にできるので便利ですよ。

FC2総合インフォメーション 【ブログ】テンプレート編集画面の機能改良
http://blog.fc2.com/info/blog-entry-394.html

paruparu |  2011/09/24 (土) [ 編集 ] No.1121


テンプレをお借りしました。

こんばんは、FC2で色々とテンプレを試していたのですが、
やっと満足のいく、paruparuさんのテンプレ「ari_seo2M」
に出会えたので、ずっとこれでやっていこうと思っています。
素敵なテンプレートを、ありがとうございます。
ついては、paruparuさんの、テンプレ記事を読みながら、
勝手にカスタマイズして、使い始めていますので、このまま
使い続けて良いか、私のブログを見て頂ければ、幸いです。
「ガンプラたちの挽歌」http://matto0131.blog9.fc2.com/
お忙しい所大変申し訳ありませんが、ガイドラインも含めて、
詳しくないので、不都合な点がありましたら、ご指摘頂きたく
よろしくお願い致します。

砂まじりの茅ヶ崎 |  2011/09/24 (土)  No.1122


砂まじりの茅ヶ崎さんへ

ブログ、拝見しました。
今の状態はレイアウトが崩れていますので、修正された方が良いかと思います。
1つ1つは確認しきれませんでしたが...

・<body> よりも上の位置には <div ~> のようなものは入れられません。
・</body> の下にも色々入れてありますが、その位置には何も入れられません。
・「Powered By FC2ブログ」 のところに </a></p></a> となっているところがあります。

・「相互リンク様」 のところに <div ~> という閉じタグのないものが入っています。
 レイアウト乱れの原因は取りえずこれ ↑ のようです。

| SiteMap | HOME | ↑ ↑ ↑ | というところは、ページ下中央に配置しています。

この記事の直前のコメント(No.1119, No.1121) も参考にしてみてください。

paruparu |  2011/09/25 (日) [ 編集 ] No.1123


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

paruparu様、こんばんは。早速、ご回答を頂きまして、ありがとうございました。
ご指摘をいただいた点を、修正して直りました。「タグのハイライト:ON」機能は、
存在すら、まったくわかっていませんでした。paruparuさんのブログで、もっと
勉強をさせていただこうと思いますので、今後とも、よろしくお願い致します。

砂まじりの茅ヶ崎 |  2011/09/25 (日)  No.1124


非公開コメント Mさんへ

サポート窓口(2) は締め切っているので、こちらに返信させていただきます。

>>>>>>>>>>>>>>
ブログ開設当初よりari_seo2Mとari_mobileSimpleを使わせていただいておりました。 最初はブログトップが検索で2ページに掲載され、個別記事も順調に上位表示されていました。

しかし27日後に異変が起こりました。 急にブログトップが1000位付近に飛ばされ、個別記事も全く検索に出てこなくなってしまったのです。

そこで 調べてみた所、 月間ページがsite:演算子上にてたくさん上位に表示され、トップページが7ページ以降に沈んでいたのです。
また1982年や2014年といった過去や未来の月間ページがたくさん生成されていました。 (ブログの開設は2011年08月からです)

調べてみた所、siteコマンドでトップページが表示されないのは急激に被リンクを集め過ぎたためペナルティが課せられたのが原因らしいのです。

>>>>>>>>>>>>>>

私も詳しいことは分かりませんが、Google は 新規のブログなどは一時的に優位に表示する傾向があるようです。 その後、落ち着くようですが。。

サイトを拝見したところ、まだ 記事数も少ないようですので、ペナルティという程のものではないように思いました。 今はまだ 「記事を増やす・内容を充実させる」 というところからで良いような感じがします。 記事タイトルが 商品名だけ のように短すぎるのも、表示されにくく 表示されていたとしてもクリックされにくい要因 になっていることもあるかもしれません。

月別のページはかなり厄介なページだと思いますが...
今後、無駄なクロールをなるべく減らしたいというのであれば、記事上下にある 以下のような月送りの部分を少し変更してみても良いかもしれません。 (赤文字部分を追加) ただ... 既にインデックスされてしまったものに関しては当分無くなることはないと思うので、それも避けたいなら、メタタグで 月別のページを noindex にするしかないと思います。

<!--date_area--><a rel="nofollow" href="<%prev_month_link>" title="前の月" class="n p<%prev_year><%prev_month>">← </a><b><%now_year>年<%now_month>月</b><a rel="nofollow" href="<%next_month_link>" title="次の月" class="n p<%next_year><%next_month>"> →</a><!--/date_area-->

※プラグインのカレンダー等を設置していると、この作業は無意味になります。

ただ、そこまでしなくても記事が充実してくれば 必然的に 個別記事ページ が上位に選ばれるようになってくると思うので、一時的なものかと思います。

あくまでも私の憶測で書きました。 以下の記事も良かったら読んでみてください。

ウェブマスターツール 重複エラー対策のまとめhttp://arinogotokuatumarite.blog19.fc2.com/blog-entry-187.html

paruparu |  2011/10/02 (日) [ 編集 ] No.1135


はじめまして
長いことテキトウなテンプレートを使っていましたがこちらのサイトを拝見して久しぶりにいろいろ触ってみたくなりました。
テンプレートに関してではなく、右サイドバーのカテゴリプラグインに関する質問なのですが、この窓口で質問しても大丈夫でしょうか…?

http://arinogotokuatumarite.blog19.fc2.com/blog-entry-138.html
↑この記事のカテゴリプラグインを設置してみたのですが、いくつか変更したい箇所があります。


1.最初からオープンな状態で表示したい
この場合、折りたたみスクリプトをすべて、と
<!--not_category_area--> ~ <!--/not_category_area-->の部分を消す、というのは間違ってますか?
気軽に挑戦してみたらレイアウトが崩れてしまいました。

2.親記事のカテゴリ名だけ太字にしたい
今は
<!--category_parent-->
<li class="c_oya<%category_no>"><a href="<%category_link>" class="cat_oya<%category_no>" title="親カテゴリー: <%category_name> へ"><b><%category_name></b></a>
<ul><!--/category_parent-->
と、<B>タグで処理してるのですが、こうすると未分類が太字になりません。(親記事ではないから…?)
cssの方をいじってみたら今度は子記事だけが太字になってしまいました。
どの部分をさわると太字になるのでしょうか

3.親記事の中黒を消そうと思い、
#oyako_cat li ul {
margin:auto auto 14px 0;
line-height:1.4;
list-style:none}
を追加したのですが全く変化がなかったので(…)

<ul id="oyako_cat" style="list-style:none">
<!--category-->
<!--category_parent-->
<li class="c_oya<%category_no>"><a href="<%category_link>" class="cat_oya<%category_no>" title="親カテゴリー: <%category_name> へ"><b><%category_name></b></a>
<ul style="list-style:none"><!--/category_parent--><!--category_sub_hasnext-->
<li class="cat<%category_no>"><a href="<%category_link>" title="カテゴリー: <%category_name> へ"><%category_name> (<%category_count>)</a></li>
<!--/category_sub_hasnext--><!--category_sub_end-->
<li class="cat<%category_no>"><a href="<%category_link>" title="カテゴリー: <%category_name> へ"><%category_name> (<%category_count>)</a></li>…略
と直接style="list-style:none"を追加したら一応解決しました。(不恰好なような気がするのですが…。)

しかし、中黒がなくなった分左側に寄るかと思ったら、位置がそのままの場所から変わらず、不自然に左側があいたような状態になっています。
cssを見ても特に左部分を開けるような設定も見当たらないのですがこれはどこを修正すれば他のサイドバーの項目と位置がそろうようになるでしょうか?

以上、どれもこれも間違っていてお恥ずかしい限りですが、教えていただけると嬉しいです。

菜々 |  2011/10/02 (日) [ 編集 ] No.1136


菜々さんへ

返信遅くなり申し訳ありません。 プラグインの中で利用するなら、
スタイルシートに以下を追加すると、リストの黒丸 と 左の余白 は無くなります。

ul#oyako_cat {
margin:auto 0;
list-style:none;
}

あと、未分類カテゴリー 等も太字 というなら、この部分になります。

<!--category_nosub-->
<li class="cat<%category_no>"><a href="<%category_link>" title="カテゴリー: <%category_name> へ"><b><%category_name></b> (<%category_count>)</a>
</li>
<!--/category_nosub-->

> 最初からオープンな状態で表示したい
は、書いていただいた内容で問題ないですが、ソース下にもあるので忘れずに。

paruparu |  2011/10/03 (月) [ 編集 ] No.1137


管理人のみ閲覧できます

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

- |  2011/10/04 (火)  No.1138


先日はご教授していただき大変感謝しております。
一度挫折をしてしまいまして、放置気味だったのですが少し時間が出来たのでもう一度再チャレンジしています^^;(まだブログは移転してない状態ですw)

とりあえず、仮でヘッダーのみ変更してみたのですが少し不明な点がありましたのでそちらをご教授していただきたいと思いコメントさせていただきました。

1)ヘッダー内にあるブログタイトル、記事タイトルを消したい。
2)こちらは以前もお聞きしてしまったのですが、グローバルメニューをヘッダーの下に配置したいです。HTMLを操作してみたところヘッダー自体が消えてしまったりとイマイチよく分かりません。(こちらに関しては範囲が広すぎるとのことでしたのでもし教えられないようでしたらスルーしてください)

3)ヘッダーに検索ボックスが配置されてしまう。

少しは勉強した気になっていたのですが、やはりいざ編集をするとなかなかうまく行かないものですね^^;
自分でも地道に研究していきたいとは思っていますが、もし上記の中でアドバイスをいただけるものがあれば教えていただきたいです。
宜しくお願い致します。

ふにゅ(Ryo) |  2011/10/06 (木) [ 編集 ] No.1139


ふにゅさんへ

> 1)ヘッダー内にあるブログタイトル、記事タイトルを消したい。

単純に消すだけで良いなら <h1><%sub_title> <span class="nowrap">【 <%blog_name> 】</span></h1> という部分になります。 <h1> は重要なタグなので、SEO的には少し弱くなるかもしれませんが。。

> 2)グローバルメニューをヘッダーの下に配置したい。

</div><!--/id=header-->

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

<div id="feed"></div>

<div id="content">

↑ このような位置関係になるように ナビゲーションメニュー と RSSフィード 部分を移動。
さらに スタイルシート の ↓ 太字部分 を調整
取り敢えず top:0; とかにしてみて、あとは微調整してみてください。

/* Structure (構造)
------------------------------------- */
#content {
position:relative;
top:-100px;
}
#sidebar {
position:relative;
top:-150px;
}

> 3)ヘッダーに検索ボックスが配置されてしまう。

これも 上の #sidebar の位置調整で可能です。 FC2ブログのヘッダーバー を表示させておくならば、検索BOX は必要ないかもしれません。 どちらかで良いと思います。

paruparu |  2011/10/07 (金) [ 編集 ] No.1140


list-style:none;
こんな設定の仕方があったんですね、普段リスト表示ってあまり使わないので知りませんでした。
無事に思ったとおりに表示できました。
回答ありがとうございます!

菜々 |  2011/10/10 (月) [ 編集 ] No.1141


共有テンプレートについての質問です。

おかげ様で、ぼちぼち、記事を書けるようになって来ました。
そこで質問なのですが、
ありのごとくあつまりてさんのトップページのインフォメーションに
2011/02/16
共有テンプレート3作 を 「サーバー番号の付かない utf-8 新仕様サーバー」 で使っても 大きな不具合が起こらないように色々修正しました。
と、ありますが、私が使っているari seoMは2011/2/16以前にお借りしたものです。
どこか手直しをしないといけない部分があるのでしょうか?
もし、手直しが必要でしたら、必要な箇所や手直し方法を
教えて頂きたいので、お願い致します。

まっこりーに |  2011/11/08 (火) [ 編集 ] No.1160


サイト、確認しました。
まっこりーにさんのサイトは 「サーバー番号のある euc-jp サーバー (CSS の設定だけ 新仕様と同様) 」 なので、特に修正は必要ありません。

それ以外に細かい修正 「いいね・ツイートボタン への対応」 等をしたところがありますが、まっこりーにさんのサイトでは不要なものなので、今のままで問題ないと思います。
今後 新たにIDを取得した時には、完全に新仕様になっていると思うので その場合だけ 再DLしてご利用ください。

paruparu |  2011/11/08 (火) [ 編集 ] No.1161


回答ありがとうございます。

問題ないと言う事なので、そのまま使用させて頂きます。

質問させて頂きたいのですが、Googleの+1ボタンがありますよね。
+1ボタンを入れると、ページ表示がやはり遅くなってしまうのでしょうか?

paruparuさんも入れてらっしゃらないみたいなので、
何か問題があるのかなと思いまして質問させて頂きました。

それともう一つ、モバイル用のテンプレートでタイトル重複が
173件も溜まってるみたいなのですが、これは処置した方が
よろしいでしょうか?

質問ばかりですみません、復帰したばかりで浦島太郎状態なので・・・。

まっこりーに |  2011/11/08 (火) [ 編集 ] No.1162


Google +1ボタンについて 他

Google の +1ボタン、以前ある方のサイトで不具合を調べたことがありますが、
ソースをそのまま使うには、(現状では)少し設定に問題があるようですよ。

<g:plusone size="tall"></g:plusone>
この書き方だと IE7以下のブラウザなどで正しく反映されない場合があるので、
<div class="g-plusone" size="tall" data-size="tall" data-count="true" href="<%topentry_enc_link>"></div> のような書き方にした方が良いらしいです。

また、IE で横並びにならないので、それに対応するには
#___plusone_0 { *display: inline !important; }
#___plusone_1 { *display: inline !important; }
#___plusone_2 { *display: inline !important; }
のように、1ページに表示される個数分(例えば、月別で 最高30件 表示されることがあるなら #___plusone_29 まで必要になります。)スタイルシートに追加する必要がありそうです。

参考:
Google+1ボタンがIEだと折り返して表示されることへの対処(暫定版)http://ameblo.jp/itboy/entry-10967359379.html
Google +1(プラスワン)ボタンが表示されないときの対処法
http://www.suzukikenichi.com/blog/how-to-display-plus-one-botton-using-html5/

いずれも、Google が IEへの対応を考えてくれれば修正される可能性はありますが、ちょっと使いづらいところはありますよね。。 重くなるかどうかは 一度試した感じでは特に重くは感じませんでしたが... どうなのでしょうか?


> モバイル用のテンプレートでタイトル重複が・・・
これについては 以下の記事 や コメントを参考にしてみてください。
根本的には、重複でペナルティを受けることはないそうなので、クロールの効率を下げないために対応可能なもののみ対応する で問題ないと思います。

ウェブマスターツール 重複エラー対策のまとめ
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-187.html

記事の最後に載せているものですが、
ウェブマスター ツール → サイト設定 → URLパラメータ で
pho​to, cr, pc, utm​_so​urc​e などは 「Googlebot のクロール対象」 を 1つの代表URLのみ(旧:無視する) としてクロール対象から外しておいてもよいと思います。

paruparu |  2011/11/09 (水) [ 編集 ] No.1163


回答ありがとうございます。

やはり、導入されてないのには理由があったのですね。
まだ出来たばかりのサービスなので、もう少し様子を見た方がいいですね。

重複についても、ぼちぼち修正して行きたいと思います。

昨日色々とテンプレートを確認変更していたのですが、
テンプレート編集画面のタグのハイライト機能を使うと
サイドバー上部に設置しているTwitterのFOLLOW MEボタンの
コードの一部がエラー(赤字)になるんですよね。
<img src="http://blog-imgs-46.fc2.com/m/a/k/makkori1105/followme1.png" width="100" height"45" title="Follow me on Twitter" alt="Twitter">
の中の
"45" title="Follow me on Twitter" alt="Twitter"
だけがエラー(赤字)になるんですが、どこかおかしい所ありますかね?

まっこりーに |  2011/11/09 (水) [ 編集 ] No.1165


height"45" → height="45" ですね。
あとは エラーとは直接関係ないと思いますが、 alt="Twitter"> → alt="Twitter" /> が XHTML での 「img,br など 終了タグがないもの」 での正しい書き方になります。

Google+1ボタン の件は、私のサイトでは あまり使われることがないかなと思って今はまだ入れていませんが、まっこりーにさんのサイトでは Chrome を使っているユーザーさんが見る記事も多そうなので +1ボタン あってもいいかもしれませんね。

paruparu |  2011/11/10 (木) [ 編集 ] No.1167


回答ありがとうございます

無事エラーが直せました。

+1ボタンは、僕もparuparuさんと同じ事を考えて実装しようか検討中なんですが
環境によって表示出来なかったり崩れたりしては、せっかくのテンプレートが
台なしになってしまうので、もう少し様子を見てからにしようと思ってます。

ただ、僕のブログで+1ボタンが無いのは不自然ですよね・・・w
またお世話になる事もあると思いますが、今後とも宜しくお願い致します。

まっこりーに |  2011/11/10 (木) [ 編集 ] No.1168

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


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

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