スポンサーサイト

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

プラグイン対応方法

この記事は、060517以前のものが対象です。
現在公開しているものはプラグインon/offに対応しています。

※ KAI製作のテンプレートを、プラグイン対応に修正する方法です。
できるだけラクにプラグイン機能に対応させる、ということに重点をおいています。
あくまで修正方法、カスタマイズ方法のひとつ、としてご覧ください。

詳細は追記です。
私なりにわかりやすくなるよう頑張ってみたんですが…
なにかありましたらお気軽にツッコミしてやってください。
どうぞよろしくおねがいします。
■ プラグイン対応テンプレートHTML

とりあえずつくってみました。全部でも一部でも、使えそうでしたらお持ち帰りください。
テンプレートHTML (プラグイン対応版)
このソースを使った場合のプレビュー(この記事) 公開終了
(カレンダーの崩れについては後述。ひとまずスルーしてください;;)

プラグインカテゴリは1と2のみ使用、3は非表示です。
何のひねりもない2カラムテンプレートなので、1と2だけで充分だろうと判断しました。
1だけでもいいかなぁと思ったんですがなんとなく…;;

プラグインの表示に合わせて、カッコの形状と日付の表記方法を変更しています。
  ex) 「[mm.dd]」 → 「(mm/dd)」
プラグインの有無どちらにも対応しています。
プラグイン有効時は、いちばん上の管理メニューリンクが非表示になります。

コメント装飾機能が入っています。サーバー番号の変更をお願いします(2ヵ所)。
詳しくはこちら
CSSも共有登録しているものとはすこし違います。主に絵文字まわりについてです。
このソースを使って、絵文字またはコメント装飾用パレットの表示が微妙になる場合も、
上記記事をご覧いただけると助かります。

※ プラグインの文字位置設定が有効になります。
「プラグイン設定」で指定した文字位置が優先され、CSSでの指定は効かなくなります。
必要に応じて修正してください;;。

一部表示崩れが起こります;;。特にカレンダー。
下に修正方法があります。ちょびっとだけプラグインHTMLを修正してください。



プラグインHTMLを修正

崩れが気になる箇所を修正します(特にカレンダー;;)。
CSSのほうを追加・修正する方法もあるのですが、(特にカレンダーは)プラグインHTMLを修正したほうがラクなので、そちらの方法を書きます。
プラグインHTMLは編集すると全ての対応テンプレートで設定が有効になってしまいます。
なので、申し訳ありませんが、
「新しくプラグインを追加して修正、もとのプラグインは使用しないカテゴリに移動(もしくは非表示)」
…というカタチで編集してください。すみません…;;
プラグインHTMLの修正 (カレンダー)
プラグインHTMLの修正 (プロフィール)



プラグインHTMLの修正 (カレンダー)

カレンダーのプラグインHTMLをのぞくと、いちばん上に、

<p class="plugin-calender" &align>
<table summary="カレンダー" class="calender">

…の記述があります。コレを、以下のように変更してください。

<p class="plugin-calender" &align>
<table summary="カレンダー" class="calendar">

「calender」を「calendar」に変更します。
…これだけです。ちょびっとなだけに面倒くさくてすみません;;。
   → もどる   



プラグインHTMLの修正 (プロフィール)

プロフィール画像を中央寄せにして、枠線を追加します。
表示が気になるかたは修正してください。
(プラグイン無効時と同じ表示にする場合は、2つめの方法でお願いします。)

プロフィールプラグインのHTMLを修正します。
クラス名を「plugin-myimage」「author_image」へ変更、「&align」を削除します。

<!--myimage-->
<p class="author_image">
<img src="<%image>" alt="<%author_name>" width="120" height="120" />
</p>
<!--/myimage-->
<ul>
<li &align>Author:<%author_name></li>
<li &align><%introduction2></li>
</ul>

クラス名の変更 → 画像にプラグイン無効時と同様のワクを付加。
「&align」の削除 → 文字位置設定に関わらず、画像のみ中央寄せに。
プロフィールプラグインはデフォルト状態では画像サイズの指定がないので、サイズも指定。
とりあえず120px四方にしてみましたが、このへんはお好みでお願いします。
この方法は、画像のみが中央寄せになります。

プラグイン無効時のプロフィール(Appendix)ボックスと同じ表示にする場合は以下。
プラグイン設定の文字位置の指定に関わらず、画像と著者名は中央揃えになります。
プロフィール説明文及び、上下の説明文の文字位置指定は有効です。
(「プラグイン設定」での設定値が有効になります。デフォルトでは左。)

<!--myimage-->
<p class="author_image">
<img src="<%image>" width="120" height="120" alt="<%author_name>" />
</p>
<p class="author_name">Author: <%author_name></p>
<!--/myimage-->
<ul>
<li class="author_description" &align><%introduction2></li>
</ul>

   → もどる   
スポンサーサイト

Comment

ご無沙汰でございマス

あららら。
FC2でちょい気になったテンプレートcloudy_day、KAIさん作だったとは…。

ずっとご無沙汰してて、サイトの閉鎖も知らなくて
失礼致しました。<(_ _)>

コチラもきれいなテンプレートですよね。
あたしももっと精進しなければ。(^_^;)

わわ! こんにちはです~~

> 智子さん
こんにちは! こちらこそ御無沙汰しております…!
全然ごあいさつにも行かず、申し訳ありません;;

テンプレート、気になってくださってありがとうございます。
この名前にしたかったのです。ひっそりネームトラップ(笑)。
実は今のスタイルも「kaleido-」にしようかとちょびっとだけ悩んだりしてました(苦笑)。

精進ってそんな…! 私は智子さんちでこっそりいろんなことを学ばせてもらいました。
サイトデザインとかレイアウトとか。
なによりあの優しい雰囲気が好きです♪ 癒されます~~。

智子さんもFC2ブログを利用されてるんですね!(遅)
ちょっとこれからお邪魔しにいきますっ。

お声かけてくださってありがとうございました! 今ちょっと舞い上がってます(笑)。
管理者だけに表示を許可する

Trackback

Trackback URL:

http://peacockblue.blog10.fc2.com/tb.php/80-a8cda7f4
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。