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

このページの記事目次 (2010年06月 の記事 6 件)

  ← 前の月へ 2010年06月 次の月へ →

FC2ブログユーザー限定トラックバックの仕様変更

2010/06/02 (水)  カテゴリー: FC2マニア・仕様関連

FC2ブログ間で使えた 「この記事にトラックバックする (FC2ブログユーザー限定)」 というような機能、どうやら これに関連するものの仕様変更があったようです。

これに伴い、多くのテンプレートに設置されているこれに関する機能を 削除 または 修正 する必要が出てくると思います。(2010/06/02 現時点では 「その可能性があります」 としか言えませんが)

追記: 2010/06/02 17時15分
不具合、完全に直ってるー!! この記事 (以下の文章) 無駄になりました。 でも 対応してもらえたってことですよね... とりあえず良かったです^^;

追記: 2010/06/08 この記事には続きがありました...
[ 関連記事 : この記事にトラックバックする のソース変更 ]

この記事にトラックバックする (FC2ブログユーザー限定) という部分
皆さんのテンプレートには、上の図のような機能が付いているでしょうか?
これまでは、このリンク (テンプレートによってはボタンタイプ) をクリックすると、FC2ブログに ログイン中 のユーザーであれば 下の図のようなトラックバック投稿画面が開いていたはずです。

仕様変更前のトラックバック記事投稿画面
クリックで画像を拡大します
 (↑ 仕様変更前の再現です)

これが、(いつからか不明ですが)機能しなくなっていたので、不具合かなと思い FC2に問い合わせメールを送りました。 すると翌日には返信が届き、以下ような回答でした。

トラックバックに関しましては、
http://blog.fc2.com/ (← 多分 http://blog.fc2.com/trackbacks/ のことだと思います) こちらの「トラックバックのテーマ」にて、FC2ブログ用>>【この話題にトラックバック!】 をクリックされますと、トラックバックURLのみ自動的に表示される仕様に変更致しました。

尚、ブログ管理画面の「お知らせ」よりトラックバックを投稿して頂きますと、記事作成画面に、テーマ、トラックバックURL、引用文などが自動的に表示されます。

突然の仕様変更に伴い、お客様には大変ご迷惑をお掛け致しました。
以上、今後ともFC2を宜しくお願い致します。

つまり、管理画面 → お知らせ → トラックバックテーマ → 投稿する の場合は 従来どおり 記事作成画面に、テーマ、トラックバックURL、引用文などが自動的に表示 されますが、それ以外は 仕様変更があった ということのようです。

詳細は ユーザーフォーラム の ↓トピック を参照してください。
「この記事にトラックバックする」 が機能しなくなっています。 - FC2ユーザーフォーラム
最初に 問い合わせメール を送る前から (主に私が) ごにょごにょ書いています。 (メールの回答をくれた担当者の方は、このトピックを読んでくださっているはずなのですが。。。)


で、問題は 現況(2010/06/02現在)では 「この記事にトラックバックする (FC2ブログユーザー限定)」 が これまで使っていたスクリプトのソースのままだと 機能せず不具合もある ということです。 ログイン中であれば 白紙の記事投稿画面が開きます。 記事冒頭文 や その記事へのリンク が自動で挿入されなくなっただけでなく、トラックバックURL も入っていない状態です。 「あれ?トラックバックURLがない... 入れなきゃ」 と思っても、多くのブラウザで 「戻るボタン」 も機能しない状態になっていると思うので、元の記事を参照することもできずかえって面倒なことになってしまいます。


まだ、公式にアナウンスがあった訳ではないので...「このままの状態が続くなら」 テンプレートに設置されているこれに関する機能を 削除 または 修正 する必要が出てくると思います。 追記: 不具合修正されたので不要です。

キーワード検索 : FC2ブログ  トラックバック  仕様変更  

スポンサーリンク

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

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

2010/06/02 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

現在地表示機能付き カテゴリーリスト の設置方法

2010/06/07 (月)  カテゴリー: ブログカスタマイズ上級

「私のカテゴリーリストはどのように...?」 と質問があったのでまとめてみました。
下図 右側 が 私のカテゴリーリストです。 地味ではありますが、

  • 普段は折りたたみ式, カテゴリー別ページでは 展開状態 
  • カテゴリー別ページ では 現在地 を目立つように表示 
    [ カテゴリーリストに 「現在地表示機能」 を ] ← これの発展形
  • スクリプトOFF でも 問題なし (展開状態で表示) 
  • 任意のカテゴリーを非表示 に (無駄のない 変数ベース) 

と、色々小細工しています。 一般的には カテゴリーは目立つように 表示するのが良いと思いますが、私のテンプレートでは 上のナビゲーション部分にも入っているので... このぐらいで丁度良いかな と思っています。

現在地表示機能付き 親子カテゴリーリスト

キーワード検索 : カテゴリー  現在地表示  変数  非表示カテゴリー  折りたたみ  

スポンサーリンク

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

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

2010/06/07 ~ | Comment (5) tweet? | ↑ ページ先頭へ ↑ |

この記事にトラックバックする のソース変更

2010/06/08 (火)  カテゴリー: ブログカスタマイズ中級

2010/06/02 の記事 「FC2ブログユーザー限定トラックバックの仕様変更」 の続きです。 現在は、不具合が起きる前の 元の状態に修正されたので この不具合自体はなくなったのですが...FC2ユーザーフォーラム では ちょっと続きがありました。 

この記事にトラックバックする (FC2ブログユーザー限定) という部分 

この記事にトラックバックする (FC2ブログユーザー限定)

要ログイン 

現在、FC2ブログの多くのテンプレートで使用されている形式 は 

<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする (FC2ブログユーザー限定)</a>

実際の表示: この記事にトラックバックする (FC2ブログユーザー限定)

↑ この形式ですが... これだと 履歴無効 で (ブラウザの戻るをした際、その記事に戻れない) 不都合がある。 また、スクリプトを使っているので、別窓では機能しない。 window.location.replace ではなく


<a href="javascript:location.href='http://blog.fc2.com/?url='+location.href;">この記事にトラックバックする (FC2ブログユーザー限定)</a>

実際の表示: この記事にトラックバックする (FC2ブログユーザー限定)

↑ location.href に変えれば 履歴だけは一応有効 (※一部のブラウザ では「2つ前」になるようなので微妙ですが、一応有効) にできる。 だけど そもそも...


<a rel="nofollow" href="http://blog.fc2.com/?url=<%url>blog-entry-<%pno>.html" target="_blank">この記事にトラックバックする (FC2ブログユーザー限定)</a>

実際の表示: この記事にトラックバックする (FC2ブログユーザー限定)
実際の表示: この記事にトラックバックする (FC2ブログユーザー限定) target="_blank"

↑ スクリプトにする必要もないので、上のようなソースでOK。 履歴も一応有効 で スクリプトOFFでも機能。 また、(上の2つと異なり) 別窓でも問題なく機能する。

トラックバックする時には、元の記事を参照することも多いだろうし... 戻るができなかったり 別窓で開けないのって ちょっと不便では??

という訳で... 「3番目のソースに変更しました!」
共有テンプレートの該当ソースも 2010/06/04 に修正済みです。

こういうのって、普及しないと 勝手が違って あまり価値がないとも言えますが... 多分、このようになった方が便利になるはず。 テンプレート作者さん、FC2ブログユーザーさん、是非検討してみてください!

※共有テンプレート ari_seoシリーズ をお使いのユーザーさんで Ver.20091119 以前のテンプレートをお使いの方 (更新履歴で載せたものの修正をしていない方) はソースの修正が必須です。 お手数ですが、確認と修正をお願いします。 申し訳ありません...;

この記事にトラックバックする (FC2ブログユーザー限定) という部分

New! 改訂版ソース 
この記事にトラックバックする (FC2ブログユーザー限定)

修正した場所 は ari_seoシリーズ では ↓ の位置になります。
<!--trackback_area-->
<!-- ▼トラックバック▼ -->
(中略)

<input onfocus="this.select();" value="<%trackback_url>" size="30" class="tb_url" readonly="readonly" /><br />
<a rel="nofollow" href="http://blog.fc2.com/?url=<%url>blog-entry-<%pno>.html" target="_blank">この記事にトラックバックする (FC2ブログユーザー限定)</a>

(中略)
<!-- ▲トラックバック▲ -->
<!--/trackback_area-->

ところで... この機能(リンク)を使って開く 記事投稿画面、

キーワード検索 : FC2ブログ  トラックバック  テンプレート  

スポンサーリンク

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

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

2010/06/08 ~ | Comment (1) tweet? | ↑ ページ先頭へ ↑ |

初トラックバックテーマ 「出産について」

2010/06/11 (金)  カテゴリー: 子育て・日々の出来事
この記事はブロとも、もしくはパスワードを知っている方のみ閲覧できます
パスワード入力
ブロとも申請
スポンサーリンク

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

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

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

XP に メイリオ をインストールして適応させた

2010/06/18 (金)  カテゴリー: 無料ソフト・フォント等

Windows Vista 以降のOSからは 標準搭載されている 「メイリオ」 フォント。
だだっぴろいフォントなので、嫌われることもあるようですが... 私のテンプレートでは 第一フォントに 「メイリオ」 を指定しています。 ちなみに... 殆ど 無意味な位置 に 「meiryoKe_PGothic」 という非標準フォントも何となく入れています。

XP のパソコンで 私のサイトを見ている方は、標準では 「MS Pゴシック」 が適応されていると思いますが、「MS Pゴシック」 は 12px 程度の文字なら読みやすいですが、それより大きくなってくると... ギザギザして かなり読みにくいのではないでしょうか?

過去の記事 [ XP×MS Pゴシック がこんなに綺麗になるとは ] では gdi++ Helium版 というフリーソフトを使って 「MS Pゴシック」 などでもキレイに表示させる方法 を紹介しましたが... ちょっとぼやーんとしてしまうのでので 長く見ていると目が疲れてきます。

なので、XP に 「メイリオ」 を インストールする ことにしました。 今更...!?

前にも それができるらしいこと、この図のページの存在 は知っていたのですが、その時は 何故かインストールできませんでした。「IE6 のままだったからかなぁー」 と今は思っているのですが...??

Windows XP に 「メイリオ」 をインストールする方法

Windows XP 向け ClearType 対応メイリオ バージョン 5.00
マイクロソフトより 公式ダウンロード が可能です。(無料)

ダウンロード と インストール

Microsoft ダウンロードセンター » Windows XP 向け ClearType 対応日本語フォント

↑ このページより、内容を確認の上 [ 続行 ] をクリックします。

後は、ナビゲーション通りに進めば OKです。 システムフォントへの インストール まで自動で行ってくれます。 但し、「メイリオ」 は フォントの設定 を ClearType にしないとギザギザに見えてしまいますので、この設定を確認します。

ClearType の設定 (確認) 方法

キーワード検索 : メイリオ  フォント  無料  

スポンサーリンク

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

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

2010/06/18 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

jQuery lightBox グループ化を操る3つの方法

2010/06/23 (水)  カテゴリー: ブログカスタマイズ上級

私が Lightbox JS (旧バージョン) から jQuerylightBox に乗り換えたのは 半年前の 2010年1月 のこと。 Lightbox JS は ライブラリも不要で軽い, どこをクリックしても画像を閉じられる,カスタマイズしやすい などの理由で気に入っていたのですが、 1回目に スクリプトが機能していないケースが多い ことだけが気になっていました。

上手く機能しなくても 別窓で表示されるだけなので 大きな問題でも無いかもしれませんが、1回目 と 2回目の動作が異なるのは やはり少し戸惑うかな...と。 読み込み完了 と 正常起動のタイミング は Highslide JS が最も良く、 次いで jQuery lightBox や Prototype Lightbox 2 など、 Lightbox JS (旧バージョン) は少しイマイチな印象です。

jQuery lightBox plugin
図1
jquery.lightbox-0.5.min.js
図2
テンプレートの構造
図3


主なスマートフォン,任天堂ゲーム機 及び 表示幅 800px以下 の環境では lightBox は機能しないようにしてあります。 画像をクリックすると単純に 別タブ(_blank)で大きい画像を開きます。

※実際には、ここまで無駄に大きいサイズにしたり、前後の画像のサイズを変えていることは少ないですが、ここでは動作確認用として 敢えてバラバラのサイズにしてあります。

jQuery lightBox は動きも軽く、どこをクリックしても画像を閉じるようにできる(簡単なCSS調整でカスタマイズ可能)、自動グル―プ化 で 2枚目以降の画像の表示が速い ...ということで、jQuery lightBox に変更しました。

自動グループ化を上手くコントロール するための設置方法

jQuery lightBox の大きな特徴の1つに 自動グループ化 というものがあると思います。 そして...この便利な機能に 逆に戸惑うこともあるのではないでしょうか?

  1. 一番オーソドックスな設置方法 (私のサイトでの設置方法)
    私は、それ程多用していないので... CSSを調整して 1枚1枚 画像を開いてもらうような見た目 にしていますが、繋がりのない画像が 「次へ」「前へ」 で グループ化されている状態は あまり良くはないですよね。。。;
  2. 記事毎に グループ化させる設置方法推奨!
    FC2ブログなら、テンプレート自体に一工夫するだけで 記事毎に lightBox をグループ化させることができます。 他のスクリプトにも応用でき、記事の編集作業も要りませんので お奨めの方法です。 FC2ブログ以外でも工夫次第で設置できる場合もあると思います。
  3. rel="lightbox[グループ名]" の設定を有効にする方法
    Prototype Lightbox 2 にあったグループ化( rel="lightbox[任意のグループ名]" ) の設定を jQuery lightBox でも使えるようにするカスタマイズです。 1つの記事内でさらにグループを分けたい場合 や 2. の方法が使えない場合、Lightbox 2 をこれまで使用していていた場合 などにお奨めです。

ちなみに私は 全部試して結局 1. の方法を選んでいますが...後はお好みで!
3. のカスタマイズについては、[ prototype版LihgtboxからjQuery版Lightboxへの移行 | Beach Resort Photoclip ] に詳しく書かれていますのでそちらを参照してください。

キーワード検索 : jQuery  Lightbox  画像  javascript  カスタマイズ  

スポンサーリンク

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

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

2010/06/23 ~ | Comment (32) tweet? | ↑ ページ先頭へ ↑ |