スポンサーサイト

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

引用部分のカスタマイズ補足

firefoxで、このブログを見たら、引用部分の表示が崩れておりました。
ブラウザを変えて表示の点検などを行ったことがなかったのですが、たまたまyukoが最近firefoxを重宝しておりまして、「見たら崩れていた。」というわけです。
せっかく、アップした記事が崩れているのは、気になるので、ちょっとだけ修正してみました。
元記事はこちらです。引用部分のカスタマイズ

...続きを読む
スポンサーサイト

管理画面へのリンク、修正しました。

見て見ぬふりをしていた、管理画面へのリンクの不具合なんですが、やはり不便なので、修正しました。
元記事はこちらです。管理画面へのリンク

[Admin]は、管理画面へのリンクです。修正が必要でした。
[<a href="http://blog(x).fc2.com/control.php?mode=notify" title="管理メニュー">Admin</a>]
これで、管理画面のトップページ(お知らせなどがあるページ)へ飛びます。

[NewEntry]のところは、そのままでOKのようです。
[<a href="http://blog(x).fc2.com/user/admin.php?mode=newentry" target="_blank" title="新エントリーへ">NewEntry</a>]


[Edit]は、個別記事の編集へのリンクは修正が必要です。
<a href="http://blog(x).fc2.com/control.php?mode=editor&process=load&eno=<%topentry_no>" title="記事編集">[Edit]</a>

(個別)プラグインの設定画面へのリンクも修正が必要でした。
[<a href="http://blog(x).fc2.com/control.php?mode=plugin&process=edit&no=(xxx)" target="_blank" title="編集">Edit</a>]
((xxx)は、編集機能をつけたいプラグインの設定画面のURLの最後の数字6桁です。)

カスタマイズ記事一覧へ△

ブラウザの左上(IEだと上の青いところ)の表示

ブラウザの左上の部分(IEだと上の青いところです。)の表示を替えてみました。

今までは、
今まで

↑のように、
ブログタイトル:記事タイトル
だったのですが、

トップページ以外の場合では、
変更後

↑のようにブログタイトル:を表示させないようにしてみました。
...続きを読む

リンクの色を変更する

リンクの色を変更してみました。 ...続きを読む

記事に毎回定型文を表示させる

記事に、毎回定型文を表示させる方法です。
たとえば、当ブログだと、ウェブ拍手やランキングへのリンクボタンです。
一回設定すると、すべての記事に表示されるようになります。
(この記事はFC2ブログのカスタマイズについてのものです。他のブログで、うまくいくかどうかはわかりませんので、ご了承くださいませ。)

参考にさせていただいたのは
・FC2ブログ サポートフォーラムの 記事に毎回定型文を挿入したい
・FC2ブログ サポートフォーラムの 「続きを読む」で見られる記事の 最後に(定型文)を挿入したい

カスタマイズ修正箇所
・テンプレートの設定-修正-HTMLの編集
<!--topentry-->

<a id="<%topentry_no>" name="<%topentry_no>"></a>

<div class="entrybox" id="a<%topentry_no>">
<h2><a href="<%topentry_link>" title="<%topentry_year><%topentry_month><%topentry_day>-<%topentry_title>" accesskey="T"><%topentry_title></a></h2>
<div class="entry_body">
<%topentry_body>
<!--more_link-->
<p class="more"><a href="<%topentry_link>#m<%topentry_no>" title="続きを読む">...続きを読む</a></p>
<!--/more_link-->
<!--more-->
<div id="m<%topentry_no>"><%topentry_more></div>
<!--/more-->
</div>
この直後に、定型文を入れます。

当ブログの場合、この部分です。
定型文

注意
これを入れると、毎回必ずどんな記事でも(過去の記事にも)表示されます。
追記がある記事の場合は、トップページで、「続きを読む」の下に表示されます。


トップページでは表示せずに、「続きを読む」で見られる記事の一番最後に挿入したい場合
(追記がない記事の場合も、トップページでは表示されません。)

先ほどと同じところに、
<!--permanent_area-->
定型文
<!--/permanent_area-->

を貼り付けます。
これで、固定リンク画面に移ったときのみ、表示されるようになります。

備考
毎回、必ず表示されますので、トップページで表示されるようにすべきか、固定リンク画面で表示されるようにすべきかが悩みどころです。
ちなみにグーグルアドセンスを貼る場合は、1ページに3個までしか表示されないようですのでご注意下さい。
カスタマイズ記事一覧へ△

管理画面へのリンク

ブログの記事やトップメニューに、管理画面へのリンクがあると、とても便利です。 (この記事はFC2ブログのカスタマイズについてのものです。他のブログで、うまくいくかどうかはわかりませんので、ご了承くださいませ。)
このブログは、dw99さんのテンプレートaqua_3cpl(クリックすると、プレビュー画面が出ます。)をダウンロードしております。
ありがたいことに、このテンプレートを使わせていただいた当初から、トップページの上の方に、[admin](管理画面へのリンク)と[newentry](新エントリーへのリンク)、さらに[edit](記事編集へのリンク)が装備されていて、とても便利に使っておりました。
yukoは、さらに、トップのフリースペース専用の[edit]も付け足しておりました。

しかし、最近なぜか、このリンクがうまく飛ばず、「ちょっと編集したいな」とか、「新しい記事を書くぞ」と思ったときに不便を感じておりました。

そこで、きちんと目的の画面へ飛ぶことができるよう、挑戦することにしました。


参考にさせていただいたのは
WebNote様の ずっと気になってた管理画面へのリンク。

カスタマイズ修正箇所
・テンプレートの設定-修正-HTMLの編集
・プラグインの設定-(編集機能を追加したいプラグインの)HTML編集
基本的には、自分の設置したいところに、以下を埋め込みます。

[Admin]は、管理画面へのリンクです。
[<a href="./?admin" title="管理メニュー">Admin</a>]

[NewEntry]は、新エントリーへのリンクです。別ウィンドウで開くように設定してあります。不必要の場合は、 target="_blank"を削除してください。
[<a href="http://blog(x).fc2.com/user/admin.php?mode=newentry" target="_blank" title="新エントリーへ">NewEntry</a>]

[Edit]は、個別記事の編集へのリンクです。
<a href="http://blog(x).fc2.com/user/admin.php?mode=editentry&amp;no=<%topentry_no>" title="記事編集">[Edit]</a>

(個別)プラグインの設定画面へのリンクです。
これには、まず、管理画面で、編集機能をつけたいプラグインの設定画面のURLを控えておきます。
http://blog(x).fc2.com/user/admin.php?mode=editplugin&action=modify&no=(xxx)
      重要なのは、この(xxx)の部分です。数字6桁になっていると思います。
[<a href="http://blog(x).fc2.com/user/admin.php?mode=editplugin&action=modify&no=(xxx)" target="_blank" title="編集">Edit</a>]

スタイルシートで、文字の大きさや、色などを指定することもできます。
ブログの様子を見ながら、管理画面へダイレクトに飛べるので、結構便利だと思います。この機能を使い慣れてしまうと、いちいち管理画面のトップから編集画面に行くのがとーってもメンドウになってしまいます。(というくらい、yukoにとっては、無くてはならない機能でございます。)
カスタマイズ記事一覧へ△
...続きを読む

カテゴリーのツリー化

最近のコメント、トラックバックをツリー化してから、カテゴリーもツリー化したいと、しみじみ思っていたいたのですが、やっとできました。
実際やってみたら、なんてことはない、簡単でございました。(ほんの数分で完了致しました。)
参考にさせていただいたのは、
ワンダと巨像と土と空様の、カテゴリーのツリー化の手順
JUGEMカスタマイズ講座様の、ツリー化スクリプト ver 2
まめの一言(JUGEM出張所)様の、【カスタム】ツリー化スクリプトのカテゴリ・アーカイブ対応
カスタマイズ修正箇所
・テンプレートの設定-修正-HTML編集
・プラグインの設定-カテゴリー-HTML編集
・カテゴリーの編集
備考
最近のコメント、トラックバックをツリー化で挿入したスクリプトに手を加えます。詳しくは、ワンダと巨像と土と空様の、カテゴリーのツリー化の手順で…。(手順どおりでばっちりうまく行きました!感謝!!)
HTMLを弄るときに、ブログの編集画面だとわかり辛いので、メモ帳などで開いて作業することをオススメ致します。
・カテゴリーを[大カテゴリー]サブカテゴリーと編集するのですが、これはカテゴリーすべて(未分類も)サブカテゴリー化しないとうまくいきません。
・[ ]は半角ですので、間違えないように。
カスタマイズ記事一覧へ△

引用部分のカスタマイズ

<blpckquote>~</blockquote>というタグは、
比較的長めの文章などを引用する際に使用します。
上下左右にスペースが空きます。

この<blpckquote>タグは、エントリーのツールボタンをクリックすれば挿入されます。
ツールボタン

こんなかんじで、使えますが、
引用部分ビフォー

スタイルシートで、背景色や枠線、文字の書体なども変更することができます。

参考にさせていただいたのは
・FC2ブログ サポートフォーラムの Blockquoteのスタイル指定が反映されない。

カスタマイズ修正箇所
・テンプレートの設定-修正-スタイルシート編集

blockquote {
      background-color : #E0FFFF; /**** 背景色 ****/
      font-style: italic; /**** 斜体 ****/
      border: solid 1px #999; /**** 枠線 ****/
      padding-right:20px; /**** 右の間隔 ****/
      padding-left:20px; /**** 左の間隔 ****/ }

を追加すればOKです。(場所はどこでも大丈夫)

できあがりはこんなかんじです。
引用部分アフター

カスタマイズ記事一覧へ△


2007年12月7日:追記
firefoxで、表示が崩れてしまいます。
お手数ですが、こちらをごらんくださいませ。
引用部分のカスタマイズ補足

コメント表示のカスタマイズ

コメントの表示の仕方を少し変えてみました。

参考にさせていただいたのは、
WebNote様の、DW99製テンプレカスタマイズ Q&A

その1 コメントの横のURLを名前にリンクさせてしまう
カスタマイズ修正箇所
・テンプレートの設定-修正-HTML編集
URLをリンクにビフォー

URLをリンクにアフター
コメント投稿者の名前の部分に、コメント投稿者のURLがリンクされます。
名前の横の#*****は、トリップというもので、投稿者を特定するIDのようなものだそうです。

その2 コメントをひとつづつ枠で囲う
カスタマイズ修正箇所
・テンプレートの設定-修正-スタイルシート編集
div.cmbox dl.section { border: solid 1px #333; }
div.cmbox dl.section dt { margin: 2px; }
を追加すればOKです。(場所はどこでも大丈夫。)
コメント枠ビフォー

コメント枠 こんなかんじ

備考
・コメント枠のスタイルを変更しました。
 線の種類 solid(実線) → dotted(点線)
 色の変更  パディング(枠とコメント本文との間隔)を指定しました。

div.cmbox dl.section { border: dotted 1px #708090; padding: 5px;}
div.cmbox dl.section dt { margin: 2px; }

コメント枠 修正

カスタマイズ記事一覧へ△

リンクの□を表示されないようにする

アフィリエイトのバナーなどのリンクを貼ると、□がちょこんとくっついてしまいました。
FC2ブログ サポートフォーラムで調べてみると、「IMGタグに対するborderを消せばよい」とのこと。
しかし、よくわからないので(知識があまりないので…(。>0<。)ビェェン )
このテンプレート(aqua_3cpl)を作られたdw99さんのブログで調べてみたら、
「モブログの写真枠も消えてしまう」らしいのですが、CSS編集で、
div.entry_body img{ padding: 5px; border: solid 1px #999; }

を消去すればよいとのこと。
モブログの写真枠が消えては困るという場合は、別の解決方法もあるようですが、
yukoの場合、
・モブログはたぶん使わない
・アフィリエイトのタグの前に、そのつど、
<div class="adsf">
と付け足すのは面倒くさい
という理由で、上の方法で対処することにしました。
□を非表示にビフォー

□を非表示にアフター
CSS編集で、一部分を削除するだけなので、難易度は高くないと思います。
注意)テンプレート独自の解決方法化もしれませんので、お使いのテンプレートでうまくいくかどうかわかりません。

参考にさせていただいたのは、
WebNote 様の、微妙な問題が生じました
FC2ブログ サポートフォーラム
カスタマイズ修正箇所
・テンプレートの設定-修正-スタイルシートの編集

カスタマイズ記事一覧へ△

最近のコメント、トラックバックをツリー化

カスタマイズ記事の手順どおりで成功いたしました。
難易度は高くないと思います。
参考にさせていただいたのは、
ヒヨコ君増殖中 愛 FC2版 様の、クリスマスツリーに肖ってツリー化の手引き
JUGEMカスタマイズ講座様の、ツリー化スクリプト ver 2
カスタマイズ修正箇所
・プラグインの設定-最近のコメント-HTML編集
・プラグインの設定-最近のトラックバック-HTML編集
・テンプレートの設定-修正-HTML編集
備考
・最近のコメント、トラックバックともに、投稿された月、日の部分は削除しました。
ツリー化ビフォー

   ツリー化日付を削除


・ツリー化スクリプトの最新エントリリスト、エントリリスト、リンクリストの部分は削除しました。(後日、カテゴリー、リンク、エントリリストのツリー化に挑戦するつもりでございます。)

・ツリー用マークを変更しました。
ツリー化マーク変更

   ツリー化アフター

カスタマイズ記事一覧へ△

今週の逆アクセスランキングでございます。

毎週日曜日にログをリセットしてます。


T Y

Template Designed by DW99

Powered By The-Searchpointkasegi.blog19.fc2.com/のPageRankを表示しています。

相互リンク相互リンク アクセスランキング
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。