Alchemistic-Life!

すごい久しぶりにテンプレートを変えてみました。
、、、といっても無料素材を配布してらっしゃるところからいただいてきただけですが(;´Д｀)
MovableType幼稚園様!!ありがとうございます!ヽ(´ー`)ノ


写真を表示するために、自分でヘンな幅に設定したりしてたのに、それでも対応してるなんてありがたい限りですｗ
実は他のところのテンプレも試してみたりしたんだけど、メインページの構造がおかしいらしくてちゃんと表示されなかったんよね･･･昨日から今日にかけてうっかりみてしまった方、それは幻ですｗ
忘れてください(^-^;
直してみてはいるんだけど、ちょっと時間かかりそうですし当分これで行きます。
でもかわいいから満足(*´Д`)

あー、もっと勉強しなきゃorz

微妙にご無沙汰しております(^-^;

いや、なんで更新されないって、おうちに帰ったら即ときメモってるからです(爆
お出かけする予定がないときはついねー、、、(廃人

で、昼間は会社でなにしてるかってとブログの改造ｗ
いろいろといぢるの楽しくて。困ったもんですｗ

今回改造したのは左上のカレンダー部分。
ajax使ったカレンダーを導入しようと四苦八苦してたんですが、どうもちゃんと読み込めないというか理解できていけなかったので、いっそflash版のカレンダーにしてしまおうということに。

参考は→Kinarie&May様:MT用通常版フラッシュカレンダー1.00
非常に丁寧に設置の仕方を解説してくださっているので、私でも簡単に設置できました。
本当にありがとうございます(*TДT)ﾉｼ


ただ、これだと各日付にマウスオーバーでその日のエントリのタイトルが表示されるって機能がないので、それはそれで不便。うぅ、どうやればいいんだろう(;´Д｀)
うがーヽ(`Д´)ノ　自分の知識のなさにイラッとしますｗ
flashもajaxもやっぱり勉強した方が得策かなぁ。
でも、これもいちいち全ページ読み込みなおしたりしないのでお気に入り。
ホントにありがとうございますー♪♪

何かあった時のために方法を転記しておきます。追記部分に。
重ね重ねKinarie&May様に感謝m(_ _)m

久しぶりに改造などを。

左サイドバーに『写真集』として、過去に投稿した画像を表示しています。
画像をクリックすると該当のエントリーへ飛びます。

これはMTCollectプラグインの特定のタグを拾い集めるという特徴を使うということで、他にもいろいろと出来そうですが、、、今回はこのプラグインにIMGタグを抽出してもらう改造です。

今回参考にさせていただいたのは
→MT::luvlog: サイドバーに特定のエントリーの画像を表示する
いつも本当に有難うございます！


以下覚え書。


1.プラグインのDLと導入

Collect Plugin for Movable Type

↑からMTCollectプラグインをDLして、MTのpluginsディレクトリにアップロード。

2.テンプレートの挿入

表示したいテンプレートに以下のようなソースを追加します。

＜div class="module-archives module"＞
＜h2 class="module-header"＞写真集＜/h2＞
＜div class="module-content"＞
＜MTEntries category="カテゴリ名１" lastn="1"＞
＜MTCollect tags="img"＞
＜MTCollectThis show="0"＞
＜$MTEntryBody$＞
＜/MTCollectThis＞
＜MTIfCollected tags="img"＞
＜MTCollected tags="img" lastn="1"＞
＜a href="＜$MTEntryLink$＞" title="＜$MTEntryTitle$＞"＞
＜img width="120" src="＜$MTCollectedAttr attr="src"$＞" style="margin:1px;border:none" /＞
＜/a＞
＜/MTCollected＞
＜/MTIfCollected＞
＜/MTCollect＞
＜/MTEntries＞＜br＞

＜MTEntries category="カテゴリ名2" lastn="3" offset="1"＞
＜MTCollect tags="img"＞
＜MTCollectThis show="0"＞
＜$MTEntryBody$＞
＜/MTCollectThis＞
＜MTIfCollected tags="img"＞
＜MTCollected tags="img" lastn="9" offset="1"＞
＜a href="＜$MTEntryLink$＞" title="＜$MTEntryTitle$＞"＞
＜img width="40" height="40" src="＜$MTCollectedAttr attr="src"$＞" style="margin:1px;border:none" /＞
＜/a＞
＜/MTCollected＞
＜/MTIfCollected＞
＜/MTCollect＞
＜/MTEntries＞
＜/div＞
＜/div＞

これでカテゴリ1の最新の1枚だけ大きめサイズで、
カテゴリ2からは最新の3個のエントリーから小さめサイズで
それぞれ表示されるようになります。
画像のサイズや表示枚数は適当に調整します。
そして再構築で完了。

写真の上にマウスカーソルを持ってくると、エントリーのタイトルが表示されます。

参考にさせていただいてありがとうございました。

･･･もうお気づきかもしれませんが、このブログのスクリプトをアップグレードしようと
ここ数日奮闘しておりました。
が！上手く行かず(;´Д｀)
アップグレードして、最初は上手く出来たもののアップグレードした直後から
投稿するたびに500エラー多発。なんでやねーん！
もうアップグレードではなくて新規インストール→削除の繰り返しでございました。

ようやく今PCからの投稿はできるようになったかな？
でも、携帯から見れやしねぇし、投稿もできやしねぇ(;´Д｀)
うわーん。めんどくさいよー(爆
もっともっと知識つけないといかんですな･･････････
いずれ引っかかったところなどを投稿しよう。備忘録としてｗ

私の使っているブログはMovable Typeというやつでして。
他のブログサイトはろくに使ったことがないので機能比較は出来ませんが、
やっぱり自分好みにカスタマイズできるのはすごく楽しいですね。
プラグインとかjavaとかいろいろあるしね、、、有難うございます開発者様！
そのうち自分でデザインしてみたいずら・・・

で、そのMovable Typeがアップグレードしましたよ！
どうやらセキュリティの機能がアップした模様。
また、テンプレートをボタンひとつで変更できるとか！
期待しております！

アップグレードの仕方はこちら↓
http://www.sixapart.jp/movabletype/manual/mtmanual_upgrade.html

・・・・・・・・・・・・・でも、イマイチ好きなテンプレがないわ･･････････････････(爆
自分で作るしかないのかしら･････････････････････

くぁあぁーヽ（`Д´）ノ:ikari:
また午前中にコメントスパムが来やがりましたのよッ!
対策したばかりだったんだが、、、ココはひとつ、別の種類の対策を考えないとね。

というのも、昨日行ったスパム対策だと、NGワードとして
関連のありそうな単語を先に全部登録しとかないといけないワケで、
それはそれでまだあんまりコメントスパムを食らったことのない私では
NGワードの想像がつきにくく、、、(^-^;
というわけで、まず先に海外からのコメントスパムをシャットアウトしちまいましょう。

で、調べましたのがきままにポロポロ様の「連続したひらがなが必須」の方法。
コメント欄に連続したひらがながないと、エラーが出てしまう方法です。
私は「2文字以上連続したひらがなが2箇所以上ないとエラーになる」と設定しました。
例えば『こんにちは。』だけしか投稿してないと「5文字連続したひらがなが1箇所しかない」カウントになります。
『私も好きです』も「1文字のひらがな+3文字のひらがな」なのでエラーに。
『わたしも好きです』だと「4文字のひらがな+3文字のひらがな」でOKになります。

･････････････････まぁ、難しく考えなくても通常のコメントであればハジかれないと思うんですが･･･
私の数少ないコメント投稿者の皆様にご不便をおかけするかと思うと心苦しいですけども
どうぞご協力くださいませm(_ _)m

一昨日2通来てたなーと思っていたコメントスパム。
英語でコメント書かれても、英語を話すお友達なんていないし、
第一私のブログみて「ちょーかっこいい！」なんて言われる事もないと思うのに:(^-^;):
(ちなみに、コメントが書き込まれると、内容が私の携帯にメールで来るようになっています)
やだなーと思いつつ2通だけだったし、とりあえず投稿者のIPを投稿禁止登録しただけだったんですけど。

今朝になって、、、朝の3時頃と5時半頃に9通もヽ（`Д´）ノ:ikari: 携帯の着信音が鳴るんだよ!!:ikari:
くっそ！ムカつく！！！
人の安眠を妨害しやがって！！！
(いや、時差の関係上仕方がないんじゃ･････････というツッコミはこの際スルーで。
あまりにも腹が立つので、そっこーでコメントスパム対策をば。
(先にやっとけよ

使わせていただいたのはコマわり。様のMovableType用スパムブロックプラグイン MT-NGWordBlock v2.00 。
これ！すごいですよ！
元の記事で丁寧にインストール方法も書いてくださっていますし、インストール方法も簡単！
NGワードの登録も簡単だし、メインメニューから管理画面に飛べるのもまた便利！
うぅ、、、なんて素敵な方なんだ･･･:cry: 利用させていただくばかりでほんと申し訳ない気分に。
これからも頑張ってくださいましm(_ _)m　（こら

ということで、一部のNGワードなどに引っかかった場合、コメントやトラックバックが出来ないようになりました:iwai:
もしハネられた場合は･･･ご了承くださいまし:smile4:

少し前に書いた自分的覚え書にも載せた「コメントのプレビューを表示」改造計画！
やっと、、、出来ました:(^-^;):
昨日今日と仕事忙しくてね、、、(なら会社でやるなよ

相変わらず参考にさせていただいたのが
→stroll::blogさんの「コメントをプレビュー表示」と
→LeapK.comさんの「コメントプレビューのJavaScript」
本当に有難うございます:cry:

スタイルシートも直さなくちゃいけなかったので、ちょっと面倒でした:shock2:
いや、指定するとこについて定義してなかったみたいで:(^-^;):
解決したら「なーんだ:...: 」みたいなあほなとこだったんですけどね。

詳細は帰宅後にUPします。
これでコメントの書き込みしやすくなったでしょうか？
・・・コメントください（ｗ

相も変わらず改造三昧ですよ(爆
、、、月の中頃は暇になっちゃうんですよね、、、月初めに頑張っちゃうから:(^-^;):
どうも仕事が手元にあると働きマンになっちゃって、分散させられないんですよね:...:

今日の改造は、ページ移動なしで「続きを読む」と「コメントを読む」の２つです。
メインページで記事を読んでいたときに
追記部分やコメントを読もうとすると、違うページに飛んでいましたよね？
それがいちいちうっとおしいかなと思っていたので、
各記事本文の最後に「続きを読む　>>｣と「コメントを読む　>>」というリンクをつけて、
クリックすると、ページ移動なしで本文の下に追記やコメントが読めるようにしてみました。
説明が長いかな(^-^;

今回も参考にさせていただいたのは、
→MT :: luvlog : ページ移動なしで「続きを読む」
と
→MT :: luvlog : indexのエントリー内でコメント折りたたみ表示
いつも本当に有難うございます！:(,-_-,):

ということで、せっかくなので具体的な改造方法は追記部分にこれから記入してみようかと（ｗ
試しに↓クリックしてみてね:run:

他の方のblogを見に行って、とってもうらやましかったのが絵文字を入力できること！
（そんなことかよ
さっそく改造の仕方をリサーチ！

今回参考にさせていただいたのは
→MT::LUVLOGさんのMT :: luvlog : MTのコメント欄で絵文字を使えるようにする[改]と
→やむやむさんの やむやむ : コメントとエントリ投稿用絵文字パワーアップ
Pluginをダウンロードしてきて、テンプレートを改造して、最後にJavaScriptを改造と。
そして、好みの画像を使うなら、画像をDLして、さらにPluginを改造して、と、、、
んぁー時間かかった:(^-^;):
あとで自分的覚え書きを書いておこう。
絶対忘れるし(爆

というわけで、コメントを書く時にも絵文字アイコンが使えるようになりましたですよ！
あまつさえ本文中にも！
絵文字うるさいって方、ごめんなさい:(^-^;):
ちなみに携帯でこの絵文字アイコン見ると、変な単語になってるかと思いますが
、、、そこは許して〜:broken_heart: