2008年10月　day.--.05.10.14.18.25.28 【ありのごとくあつまりて】

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

このページの記事目次（2008年10月 の記事 6 件）

スポンサーサイト [--/--/--]
FC2のプレビューでトップページ以外を確認 [2008/10/05]
フリーフォントのお気に入り [2008/10/10]
ブログ記事に編集モードへのリンクを設置 [2008/10/14]
各ブラウザでのスクリーンショットで・・・ [2008/10/18]
検索結果0 の場合にメッセージを表示する [2008/10/25]
Google タイトルタグの重複対策 [2008/10/28]

←　前の月へ　2008年10月　次の月へ　→

スポンサーサイト

--/--/-- (--) カテゴリー：スポンサー広告

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

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

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

FC2のプレビューでトップページ以外を確認

2008/10/05 (日) カテゴリー： FC2マニア・仕様関連

プレビュー画面がトップページでなくカテゴリーページや好きなページをプレビュー出来るってご存知ですか？

FC2ブログのプレビュー機能。これって編集した画面を確認するのにとても便利ですが、トップページを記事以外で構成しているブログなどの場合、プレビュー画面がトップページでは結構不便ですよね。

私は、ソースを弄るのが大好きなので、結構テンプレート（ソース）を編集していますが、その際、トップページ以外が確認したくて適用中のテンプレートを更新してWeb上で実行結果を確認したりしていました　

・・・が、これだと当然「あっ!! レイアウトがグチャグチャ」なんて時にも既に公開されちゃっているんですよね。これはあまりおすすめできません。
そこで、好きなページをプレビューする方法を紹介します。

まず、編集したいテンプレートの複製を準備。
（通常は xxx_1 という名前の複製が出来ると思います。）
その複製でテンプレートの編集作業をし、更新する。
（適用中のテンプレートではないので安心です。）
複製の見たいページをプレビューする。（※方法は下を参照）

【 ↓　続きを表示する　↓ 】

スポンサーサイト

キーワード検索：プレビュートップページ以外 FC2ブログテンプレート

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

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

2008/10/05 ～ | Comment (3) tweet? | ↑ ページ先頭へ ↑ |

フリーフォントのお気に入り

2008/10/10 (金) カテゴリー：無料ソフト・フォント等

お気に入りのフリーフォントを載せてみました。（本当は...昔作ったホームページからの抜粋です）特に【ありのごとくあつまりて】のタイトル画像に使っている『あられフォント』は私のお気に入りで、フリー版は漢字が教育漢字1,500文字程度に限られていますが、英字，数字，カタカナ，ひらがな，漢字（一部）が収録されているので、かなり使えます。（ローマ字入力にも対応♪）

ちなみに、『Switch Font』というフリーソフトがあるとシステムにインストールしていないフォントを一時的に使うことができたり、絵文字フォントのキーボードレイアウトも簡単に判って便利です。（ScreenShot）

※二次配布可能なものは別途ダウンロード用ページを用意しました。

あられ-教漢　（ ABC abc 123 アイウあいう教育漢字）
~~DownLoad~~　　TYPE-LABO　check !
Efon，Kfon　（ ABC abc 123 ）
~~DownLoad~~　　クラゲジルシエヌプラス

【 ↓　続きを表示する　↓ 】

キーワード検索：フォントダウンロード

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

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

2008/10/10 ～ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

ブログ記事に編集モードへのリンクを設置

2008/10/14 (火) カテゴリー：ブログカスタマイズ中級

管理ページへのリンク、皆さんはどのくらい使っていますか？　
私は自分のブログ（記事）を読み返していると、誤字・脱字に気づいたり、「あっココの文章直そう」って思うことが度々あるのですが、ブログを始めた当初は毎回ログイン画面からアクセスし、該当記事を選び、記事を編集したりしていました。
でも、記事が古いものだったりするとちょっと面倒．．．。

現在は、各記事の編集モードへ直接アクセスできる管理用のリンク（隠しリンク）を設置しているので編集がかなり楽になりましたが、今回はその方法を紹介します。

記事編集リンク 管理用のリンクは「管理用」などと表示すれば隠す必要もないかと思いますが、（私は各記事の編集モード以外にも数箇所設置しているし...）管理者しかアクセスできないことや見た目の点を考え、私はカーソルを合わせる可能性の低い場所を選び、隠しリンクにしています。記事の下に設置していますが、上の図の赤文字 edit 部分が実際は隠しリンクにしているところです。

【 ↓　続きを表示する　↓ 】

【　続きを閉じる　】

<a rel="nofollow" href="<%server_url>control.php?
mode=editor&process=load&eno=<%topentry_no>" style="color:#666; cursor:default" target="_blank">edit</a>

※追記：現在は普通に見える文字色（#666）で表示させています。

<%topentry_no> という変数を利用しています。
ソースは FC2ブログ限定ですが、他のブログでも原理はおそらく同じです。
（※このソースは、Seesaaブログユーザーさんのブログ記事「~~Seesaaブログで直接記事編集する~~」を参考にさせていただきました。）
FC2ブログユーザーの方は赤文字部分を各自のブログに合わせ、あとは テンプレート （ ～  内）のリンクを設置したい場所にこれを貼り付ければOKです。

target="_blank" （別窓で開く設定）は外してもOKです。
ただし、実際の編集作業（プレビューする可能性があるような場合）には、別窓で開き編集した方が無難かと思います。

分かりやすくインラインでスタイルを埋め込む方法を載せておきましたが、スタイルシートで指定してもOKです。ただし、色の指定はこれだけだと白にならないので、リンクの設定も合わせて行ってください。

この他、「コメントの管理」や「各プラグイン（編集画面）」へのリンクなども、ブログのページ内に埋め込んでおくと便利かと思います。設置方法は ↑よりも簡単で、単純に管理ページのアドレスバーに表示されているURL を使えばOKです。

例えばコメントの管理ページへのリンクは

<a rel="nofollow" href="<%server_url>control.php?
mode=control&process=comment" style="color:#fefefe; cursor:default" target="_blank">edit</a>

です。怪しげなコメントをすばやく削除できて便利では？

ちなみに、管理ページへのリンクを表示しても、（ログイン状態の管理者は直接ページへアクセスできますが）一般の閲覧者は IDとパスワード がなければリンク先のページへ進めないので通常は心配ありません。

[ 関連記事： FC2 ブログ記事にブックマーク追加ボタンを ]

キーワード検索： FC2ブログ記事編集管理用のリンク

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

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

2008/10/14 ～ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

各ブラウザでのスクリーンショットで・・・

2008/10/18 (土) カテゴリー：非表示カテゴリー

この1週間ほど、一部レイアウトなどがひどい状態になっていました。
「ブログのテンプレートを編集する時には複製を作ってプレビューして」という風な記事を書いていたにも関わらず．．．　
[ 関連記事： FC2のプレビューでトップページ以外を確認 ]

実は、全記事一覧ページをサイトマップ風にしてみよう（javascript は使わない方法で）と思い、どうせなら「トップページ同様プラグイン化しておいた方が後々管理しやすいかな」とも思ったので、テンプレートやプラグイン部分の編集をチマチマとしていました。

で、最初は複製で作業していたのですが、何とか形になってきたかなという頃に（真夜中）「ママ～」という長男の声。おまけに旦那に「いつまでやってるの」と冷たく言われたものだから．．．まぁ、きっとこれで大丈夫なはずと慌ててコピぺして「えいっ!!」と公開中のテンプレートの更新。

「きゃー!!」崩れまくりと思ったものの、とりあえず長男をなだめ、さらに起きてしまった次男（0歳）を寝かしつけ．．．再びテンプレートの修正。

【 ↓　続きを表示する　↓ 】

キーワード検索：ブラウザスクリーンショット

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

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

2008/10/18 ～ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

検索結果0 の場合にメッセージを表示する

2008/10/25 (土) カテゴリー：ブログカスタマイズ中級

アクセス解析をしているとタグ検索結果ページへのアクセスが結構多かったりするのですが、ユーザータグを変更してしまったりすると、表示される記事も無くなってしまい、訪れた方も「なんだ記事無いのか...」ということに。

でもこれが ↓ のように表示されたらどうでしょうか？

実際のWebページはこちらです。

申し訳ありません。　お探しの記事は現在、このユーザータグ（Keyword）を設定していない可能性があります。右上の検索BOXで再度用語を短めに入力していただくと記事が見つかる場合があります。

記事自体は残っている（削除していない場合が多い）ので、サイト内検索へ誘導しています。これなら、もうちょっと残ってくれるかも。。。

しかも、このメッセージはスクリプト未使用です
私は、タグ検索結果ページと検索結果ページに使っていますが、記事がない場合に対応できるので個別記事ページ（固定リンクページ）や月別・日別ページ，カテゴリー別ページでも使えます。

kofumo さんのブログ記事「記事が存在しない場合にメッセージを表示する」を参考にさせていただきました。

【 ↓↓　ソースと解説　↓↓ 】

【 ↓　続きを表示する　↓ 】

【　続きを閉じる　】

1.　 の下などに記入

【参照：直接編集OK　整形済みコピー用ソース】

テンプレートの記事部分  ～  の直下など、メッセージを表示させたい場所に以下↓ を記入。

<div class="none block<%topentry_no>"> この用語を含む記事は見つかりませんでした。 </div>


<div class="none block<%topentry_no>"> 申し訳ありません。お探しの記事は現在、このタグを設定していない可能性があります。 </div>


<div class="none block<%topentry_no>"> 申し訳ありません。該当する記事は削除した可能性があります。 </div>


<div class="none block<%topentry_no>"> このカテゴリーに該当する記事はありません。 </div>


<div class="none block<%topentry_no>"> ここに該当する記事はありません。 </div>

※ソースは FC2ブログ限定です。メッセージは適当に変更してください。
<div class=" （省略） "> ～ </div> にまとめて指定してもOKですが... いくつかの理由から、一応分けてみました。

2.　スタイルシートに以下↓ を記入

【参照：直接編集OK　整形済みコピー用ソース】

/* 記事がある場合・無い場合 */
.none { display:none; }
.block { display:block; }

つまり、none と block という2つの class指定をしていますが、記事が1つでもあれば、block の後ろに記事No. （<%topentry_no> という変数部分）が加わる為、2つ目の class指定が無効となり none が反映されることになります。

ページナビゲーションで使用している空リンク非表示と似た原理ですね。
[ 関連記事：ブログのページナビゲーション（便利ナビ） ]

実際に試してみるとイメージがつかみやすいかも。

キーワード検索： FC2ブログサイト内検索ブログ内検索スクリプト未使用

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

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

2008/10/25 ～ | Comment (1) tweet? | ↑ ページ先頭へ ↑ |

Google タイトルタグの重複対策

2008/10/28 (火) カテゴリー：アクセス解析・SEO対策

Googleウェブマスターツールを利用している方なら「タイトルタグの重複」というコンテンツ分析を見たことがあるかもしれませんが、私も最初見たときは、「何これ!?」って必死に調べたものでした。

でもこれってブログの場合は、ある程度仕方ないこと。通常、テンプレートの初期設定では <title><%blog_name> <%sub_title></title> となっていることが多いと思うので、カテゴリー別ページなど複数ページに及ぶものは、当然同じタイトルになってしまいます。

「やっぱり、それ程気にする必要もないかな」と思ったこともありましたが、毎回毎回エラーメッセージのように指摘されるもの鬱陶しいと思い、テンプレートに手を加えてみました。 FC2ブログのエリア変数などを使っています。

【 ↓　続きを表示する　↓ 】

【　続きを閉じる　】

<title>～</title> 部分を以下のように変更

当たり前ですが... ブログ名部分は必ず変更してご利用ください。イメージしやすいように直接ブログ名を書いていますが、 <%blog_name> （変数）を使ってもOKですよ。

【参照：直接編集OK　整形済みコピー用ソース】


<title>ブログ名</title>

<title>ブログ名（全記事一覧）</title>

<title><%sub_title> 【ブログ名】</title>

<title>コメント no.<%eno> 【ブログ名】</title>

<title><%now_year>年<%now_month>月　day.<%topentry_day>  【ブログ名】</title>
<title><%sub_title> no.<%topentry_no>  【ブログ名】</title>

6. は、トップページでもなく全記事一覧ページでもなく個別記事ページでもなくコメント編集ページでもなく月別・日別ページでもないページという指定です。つまり、カテゴリー別ページと検索結果ページとタグ検索結果ページとその他のページが該当します。

ソースの 灰色部分（変数以外のコメント） は削除してOKです。
これで、あとは携帯サイトのテンプレートに一手間加えれば「タイトルタグの重複」というメッセージはまず無くなるかと思います。（追記： 1週間程度は以前のデータが残っていましたが、それ以降はOKです！クロールの効率も良くなるようですよ♪）

※ただし、厳密にはこれでも同じタイトルタグのページは残ります。
実際に全く同じページ、例えばカテゴリー別ページ（1ページ目）の ./blog-category-22.html と ./category22-0.html，月別ページ（1ページ目）の ./blog-date-200810.html と ./blog-date-200810-0.html，全記事一覧ページの ./archives.html と ./?all など。ここまではカバーしきれていませんが、双方をクロールする確率は低いと思うので。。。