カスタマイズしてみちゃおう！？

脱！教えて君同盟

多くは語りません。
でも、辟易している人は結構居るのかも。
丁寧に回答する人程、そうなのかもしれません。
と・・・これは、私の予想。

あるブログサービスでは、オフィシャルのFAQに、
「テンプレートの編集は、
HTMLやCSSの知識のある方のみ行って下さい」って書いてあるの。
これ正しいよ。
続きを読む

幾つか、テンプレ作ったけど、その中からどれかを、
文字可変とか、幅可変バージョンを作ろうと思う。
というか、original_pluginで一度作ったんだけど、
HTMLも結構変更したし。
作り直し。

ということで、ど・れ・に・し・よ・う・か・な。

自作テンプレート4作目です。
colorchangeを少し改造しました。
タブを付けた程度？
あるモードで、あるメニュー以外を隠す・・・私には無理でした。
あるメニューを隠すんなら簡単だけど。
だから、自分で指定しました。
CSSで前方一致とか、後方一致とかあればいいのに。

プレビュー

プラグインカテゴリ3をトップに移動しました。
問題は、記事フッタに使用されている点線。
これは、画像の編集をしなきゃダメだよね。
これの背景色って、#FFFFC8でいいのかな？
プラグインを移動するだけなら、そんなに大変じゃないみたい。
CSSも記事部分を使うなら簡単だし。
ただ、メニュー部分を移植するなら、難易度アップだよね。
画像はダメだし。

プレビュー

ついでにもう一個。

質問するのは、構わない。
内容にもよるけど。
その回答を受けて、質問返しってどう？
回答受けたなら、自分の解釈でやってみればいいじゃない。
貴方がしたくてした質問に、貴方の為に答えてくれた回答ですよ。
まずは、レッツtryでしょ。

やった上で、こうしたのだけど、こうなってしまった・・・って、
書き込めばいいんじゃない？

何度か、見かけたことなんですが。
自称初心者の方々がブログにおいて、不具合を起こした場合、
他人を頼る場合があります。

これは、良いんです。
その前にやることやって欲しいけど。
ただ、その間のブログに、
「只今、不具合発生中です。解決いたしますので少々お待ち下さい。」
などと書かれている。
これ、どうよ？

自分じゃ出来ないって、人を頼るのに。
さも、自分が解決しますって言い方。
間違ってないか？
言い換えよう。
「解決に向かうよう、調査依頼中です。」ですとね。
続きを読む

今、colorchange_pluginを改造中です。
でも、ちょっと問題発生。
プラグインにて、あるメニューだけ表示させるのってどうしたらいいでしょう？
やっぱり、他のを非表示に指定していくしかないかな？
悩み中〜♪
一つずつ指定か、そのまま放置か・・・どちらかになりそうな予感（＾＾；

便利ナビを取り付けました。
やっぱ、便利ナビって需要高いのですね。
myhurt様様ですね。

プレビュー

ちょっと、ショック。
もうテンプレート変更なさったのね。
こちらは、プラグインカテゴリ3を上部に移動しましたよ。

でも、便利ナビの方がいいかも。

プレビュー

新着マークが付くようにスクリプトを入れました。
といっても、コメント欄だけですが。
コメントの少ないこのブログなので、
参考例にならないかもしれませんが（＾＾；

注）サイドバーが落ちていますが、
　　これはプラグインカテゴリ3がフッター部分にあるからです。
　　つまりは、1-2-3_hide-and-seekと私のプラグインとの
　　仕様の違いです。
　　きちんとした位置に入れれば、収まるはずです。
プラグインカテゴリ3は、右サイドバーに移動しました。
折りたたみはされますが、
ツリー化は、プラグインのHTMLを変えてないからできません。

プレビュー

JUGEMでのスクリプトですが、ツリー化も出来るし、出来るかも。
ということで、いくつかをリンクします。

ページなび？
コメント投稿者名別アイコン表示
記事投稿者名＆カテゴリー名別アイコン表示
コメントをプレビュー表示
コメント欄に引用ボタンを設置する。
【ちょいテク】リンク元をチェックしてはじく

ブログ::カスタマイズページ集 β版

original_pluginのchamereon模倣版です。
とりあえず、色の変化だけですが。
メニューの色は、モードの色に合わせました。
モード別に表示を変えようかとも思ってますが、
まだ保留。
デザインセンスとかないし。
そんなの見りゃ分かるだろうけど。
とりあえず、公開します。

プレビュー

実は、original_pluginの別バージョンがあるのですが、
その前にやってみたいことが出来たので、
original_pluginをジョブチェンジしてからにします。
original_pluginに手を加えたら、他のも修正が必要だなぁ。
最初から、やったほうが楽かな？

みりばーるさんのchameleonのモード別に色変化が面白そうでやってみたい。
タブメニューは、どうかなぁ？
見た目をとるか、クリックを少なくさせるか。
確かに、すっきりするしなぁ。
悩み中。

chameleonには、stylekeeperを付けたから、トップだけでなく、どのページも見れますよぉ。

２作品目です。
R'styleさんのcss_only_v2をカスタマイズさせていただきました。
元のテンプレートの影も形も無くなってしまいました。
プラグインに対応させました。
で、プラグインの導入に伴なって、
FCafeさんが公開されている、plugin 頁内参照を取り入れました。
でも、メニュータイトルが今ひとつ・・・。
何か良い案無いでしょうか？

プレビュー

初作品の自作テンプレートです。
sample2をカスタムしました。
何の特徴もない見た目です。
機能は、benri_naviと日付ネストです。
ホント、つまらないテンプレですよ。

プレビュー

どうも、プラグインは落ちやすいみたいです。
検索窓の幅が一番ネックみたい。

<input type="text" size="18" name="q" value="" maxlength="200">

こいつが、根源ですよ〜。
どうするかは、ご自分でお調べください。
HTMLの解説に書いてありますよ。
というか、書いていなければ、そのサイトじゃなく、他のサイトへ。

サイドバー、記事が落ちた時に疑う事が幾つかあります。

1.画像の幅が大きすぎる（幅を変更して再アップするか、画像を削除）
2.HTMLの閉じタグがない（元のテンプレと比較）

デフォルトで落ちる場合もあるので、カラムの幅を変更してみます。

って、簡単にいかないこともあるけどね。
そういう時は、諦めが肝心さっ！！

今更ながら、気が付いた事があるので書いてみます。

トラックバックって、ある人の記事をリンク及び引用した場合のお知らせ機能よね？
引用してなくても、同じテーマに沿ってるという事でお知らせしたり。
とにかく、一方的な強制リンクでしょ？

それに対して、「トラバしました」とか「トラバありがとう」
っておかしくない？
「リンク（引用）しました」とか「リンク（引用）ありがとう」じゃない？

だって、トラバはお知らせ機能なんだもん。
ここで、トラバに対する挨拶考はしない。
私は、必要ないと思うけど。
トラバ自体がお知らせ機能なんだから。

続きを読む

カスタマイズしようと思ったら、どうするか。

例をあげて説明していきます。
コメント本文の文字を大きくしたい。

1.文字を大きくするには、CSSのfont-sizeを変えます（無かったら追加）。
　font-size−スタイルシートリファレンス参照。

2.CSSに説明があれば、それに従って変えます。
続きを読む

今回は、こちらを参考にさせていただきました。
小粋空間: サイドメニューの折りたたみ（v4.0）
色々な項目がスクリプトで設定できるようになっています。
折りたたみマークとメニュータイトルのどちらかをリンクするか、
状態保持フラグ、これが主要でしょうか？
外部スクリプトになってます。
元のスクリプトは、エンコードが違うので、変換しました。

プレビュー

ツリー化（ツリー画像使用）と折りたたみのスクリプトを追加しました。

プレビュー

これは、元々折りたたみ機能のついたテンプレートなのですが、
これにツリー化のスクリプトを追加しました。
ツリー画像とリストマーク画像は、同居できないようです。
なので、ツリー画像は捨てました。

プレビュー

カスタマイズして、崩れたら直せばいいんですよ。
直せないって？
じゃあ、戻せばいい。
戻せないなら、変えればいい。
デフォルトにって意味も含めてね。

不具合見つけて、簡単に直せる時と、そうじゃない時がある。
そういう時は、潔く元に戻すか、放置するこった。
直らないものを、いつまでも悩んでたって仕方ないし。

カスタマイズの必須項目は、知識、努力、試行錯誤、諦めですから。

これもいじってみました。
３カラムにしてみました。
なるにはなったのですが、画像の幅が問題だったので、
画像をはずしました。
とりあえず、色付けしただけ。
フッターの位置は変更しました。
使うとなったら、もっと修正しますけどね。

プレビュー

今、ちょっといじっているのですが、
これトップに飛ばないんです。
HTMLの記述では飛ぶようになっているんですけど。
飛ばないです。どうして？
半角スペースを入れるんですね。
でも、入れなくても飛ぶのもあるんだけど。
なぜ？

あと、<!--comment_area-->の中にエントリナビがあるもの、
外にあるものってあるけど、
<!--comment_area-->の中が正解でいいのかな？

私のはどうなってるか、見てこなくっちゃ。

プレビュー

続きを読む

ブログ別！作成・カスタマイズ講座
その名の通りです。FC2ブログの講座があります。
もっと増えていく事を期待しています。

ゼロから創るテンプレート
FC2tyle-FC２ブログstyle-の管理人bonkさんの著作品です。
分かり易く書かれています。
テンプレート作成だけではなく、基本構造を理解するのにも役立ちます。

【私家版・はじめてのFC2ブログカスタマイズ】
sugar potのsugarさんの著作品です。
一行一行丁寧に説明が入れられています。

たぬきのしっぽ
オンラインCSSエディタです。
まずは使ってみて下さい。
でも、どんなことをするにも、知識は必要ですよ。
便利ツールを使うのは、結構ですが、お勉強もお忘れなく。

基本として、管理画面は一通り目を通しましょうよ。

まず、自分でやりたい事が出来たら、
管理画面を調べて、HTMLかCSSでやるか、プラグインか。

基本的なことは、サポートフォーラムなり、
カスタマイズマニュアルなりに書いてあるし。
他の事も、HTML、CSSが理解できれば、半分以上は出来るはず。

だから、初心者です、全く分かりませんてのは、嘘だと思いますよ。
調べてません、短時間では理解出来ませんでしたっていうのが正しい。
調べても分からないなら、調べ方が足りないんじゃない？
yahoo（敢えてリンクなし）のディレクトリなんてズラズラっと出てくるし。
時間かかって当たり前、それがイヤなら金出してやってもらえ。
誰だって、数時間で理解は出来ないよ。

ブログの説明文、変数は<%introduction>ですが、
環境設定において入力する時に、半角スペースが入るのですね。
自分でやったのかと思って訂正しましたが、削除されませんでした。
知らんかったぁ〜。

アフィリエイトをやる事には、何も言いません。
個人の自由ですが、これから金儲けしようと言うヤツが、人に聞くな！！
分け前くれるんかい？
分からないんなら調べろ！
難しいなら、それに悩んでいる時間をバイトにあてなさい！！
楽して稼ごうって思うなら、人に聞くなよ！！

まずは、自分のしたい事の変数を見付けます。

例えば、記事本文の文字を大きくしたかったら、
<%topentry_body>ですが、
この場合は、追記も同じ大きさだと思うので、
<%topentry_more>もお忘れなく。

そして、HTMLを見て、この変数を探す。
その変数の一番近くにあるHTMLに囲まれているのが、
classだと思われます。

これが、このテンプレートの記事部分の一部です。

<div class="entry-body">
<div class="entry-edit">
<a href="<%url>admin.php?mode=
editentry&no=<%topentry_no>" title="
{entry_title}の編集" target="_blank">
EDIT</a></div>
<%topentry_body>
<!--more_link--><p class="entry-more">
<a href="<%topentry_link>" title=
"「<%topentry_title>」の続きを読む">
続きを読む »</a></p>
<!--/more_link-->
<!--more--><%topentry_more><!--/more-->
</div>

そして、<%topentry_body>と<%topentry_more>は、
<div class="entry-body">に囲まれています。
よって、classは、entry-bodyです。

で、このentry-bodyをCSSで探し、変更するのです。

続きを読む

HTMLクイックリファレンス
HTMLだけではなく、CSSのリファレンスもあり。

CSSレイアウト実践講座
ブログの構造理解に役立つかな？

テンプレート中で使える変数一覧
これがなきゃ、テンプレート出来ないし（＾＾；

CSSデザイン・オンライン
お役立ち。思い通りにスタイルシートを作成してくれます。

Mariのいろえんぴつ
色について。
トーン別、カラーコード順、など色々な方法で探せます。
虹色作成ツールは、オススメかも。

カスタマイズする時、知識は必須です。
HTML、CSSを知らなきゃ無理です。
そして、努力、試行錯誤、妥協、諦め・・・必要なものだと思っています。

カスタマイズする時に、HTMLやCSSを知らないのって、
運転する時に、「ハンドルって何？」って聞くのと一緒ですよ。
知り合いなら、親切に教えるかもしれないけど、
全くの他人にそれを尋ねちゃいけないでしょ？
教習所ではお金払って教わるものですし。

Web作成のプロもいます。
その人に頼めば、お金かかりますよ。
教室行ってもお金かかるしね（無料講座もあるけど）。
続きを読む

SQUARE-blog_FC2
私が開設した時のテンプレートです。
マイぷれすでブログ書いてた時のテンプレートを作者様の許可をいただいて、
変数を入れ替えて作成しました。
今考えたら、結構無茶したかも。

削除したけど、ドロップダウンリストもつけてあったし。
機能としてのタイトルジャンプ、いわゆるbenri_naviっすね。
カテゴリ0非表示。

結構満載だったなぁ（笑）
不具合も満載だったかも（＾＾；

はじめまして。
某所では、有名かも・・・なワタクシです。

ちょこっとだけ、過去ログを移行させてきました。
参考になりましたら幸いです。