Home > Movable Type Archive

Movable Type Archive

はてブのコメントを好きな場所に表示する

ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人にみれないのは勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。

それなら、ブログにはてなブックマークのコメントを表示すればいい!と思って作ってみました。

これはいいですね!

僕は他人のページでも、必ず記事内容と合わせてはてブのブクマコメントを読んで消化・吸収の手助けとしてるので、これが色々なサイトに設置されてたら楽ちんでいいな。サイト管理者からしても、ブログにコメントがつかなくても、比較的書きやすいブクマコメントが出てきてくれてにぎやかでいいし、はてブとか知らない人も色々な人の意見を見られるからいいね!

ということで早速設置してみました。3ping.orgの他の記事を見てみてね。

Continue reading

Vicuna カスタマイズサイト Part2

Vicuna CMS ををカスタマイズして使用しているユーザーの中から「!?」となったものをピックアップ

Continue reading

MT4のテンプレートセットプラグイン

MT4のロゴ

Movable Type 4.1 で実装されたテンプレートセットのプラグイン機能ですが、早速 mt.Vicuna もプラグイン化しました。

プラグインでのテンプレートの適用方法説明、いくよ…いくよ…(2008.02-02 追記:mt.Vicuna 2.1.2からスキン同梱にしたので若干適用方法が変わりました)

  1. mt.Vicuna Template Plugin のダウンロード
  2. 解凍したものを mt/plugins/ にアップロード
  3. MT4.1 テンプレート編集ページの右下「アクション」から「ブログのテンプレートを初期化」を選択
  4. mt.Vicuna を選択して確認、(この時点でテンプレートセットのインストールが終了)
  5. 再構築 (MT4.1から、また早くなってる)

アー 凄い気持ちがいいです。 (インストールの詳細な手順は mt.Vicuna/Download を参照してください)

今まで手間だったテンプレートソースコードのコピペや、アーカイブマッピングの設定作業から開放され、より手軽にテンプレートを変更できるようになりました。新規ブログを解説するときは、「テンプレートセット」で mt.Vicuna を選ぶだけでインストールされます。

MT4.1から管理画面のレスポンスも良くなったし、超強力カスタムフィールドもあるので、いじるのが楽しい。

フリーランスの人なんかは、強力な重機として MT4 を扱えるようになっておくと絶対良いと思いますよ。お値段も手ごろだし、ほんと、なんでもできちゃうもん。

理想のCSSスキンのかたちを求めて

2007.12-30

Ninja Style 完成。(年内に間に合った!)

問題の修正とか、アイコンがついたりいろいろ変わっているので、新しいものを使ってください。

2007.12-27

当初配布していた暫定版のNinjaスキンに1箇所すんごい不具合がありました。

ボックスの高さを揃えるテクニックには、落とし穴があったようです。その不具合の表示と、原因を記事末尾に追記しましたので参照してください。

このテクニックを利用する際は皆様も注意してください。解決方法も模索しています。

分割CSSの木構造図

僕が考える理想のCSSスキンとは、以下の条件を満たすものです。

  1. ユーザーが好みの形に変えやすい
  2. CSSに詳しくなくても1.が可能
  3. 適当に編集してもレイアウトが崩れにくい
  4. 少しの調整でイメージを大きく変えられる
  5. ユーザーのカスタマイズ意欲を掻き立てる

現在のVicunaのスキンはどうかというと、1.2.3 はモジュールによってある程度クリア出来ていると思うけど、色の調整などは膨大なCSSファイルから特定の部分を探さなくてはいけなく、細かな調整という点ではクリアできていません。

Continue reading

Vicuna カスタマイズサイト Part1

Vicuna CMS ををカスタマイズして使用しているユーザーの中から「!?」となったものをピックアップ

Continue reading

レイアウト切り替えスクリプト

10coin.comのmarbleくんが、Vicuna CMS向けにレイアウト切り替えスクリプトを作成してくれました。どのようなものかは3ping.orgの右上にある「Layout Settings」というボタンで確認する事ができます。

Continue reading

Tag Cloudのスタイル

タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。

Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。

表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。

Continue reading

mt.Vicuna for MT4

最新版 Update - 2007.12/16 mt.Vicuna2x
2.0からの変更点
  • コメントテンプレートの情報を変更
  • ウィジェットテンプレートをまとめる
2.0RCからの変更点
  • 投稿者名の表示の不具合を修正
  • ダイナミックエラーページの不具合を修正
  • エントリ概要内部テンプレートを追加
  • コメント系のトピックパスをより適切に変更
2.0b6~8からの変更点
  • カレンダーの不具合を修正
  • サーチテンプレートの不具合を修正
  • 投稿者名の表示の不具合を修正
2.0b5からの変更点
  • 1行目のxml宣言の前に空白行が発生しないように修正
  • コメントフォームでクッキーのチェックボックスに関する問題を修正
  • サインインしない、匿名状態で投稿プレビューすると、記入欄が無くなる問題を修正
  • システム系テンプレートのbodyのclassを変更
  • ブログ記事リストでのbodyのclassを変更
  • CAPTCHA使用時の表示を修正
  • サーチテンプレートでトピックパスの現在位置表示がない問題を修正
  • meta keywordが正しく表示されない問題を修正
Update - 2007.10/14: mt.Vicuna2.0b5
2.0b4からの変更点
  • アーカイブインデックス内でIncludeするヘッドラインモジュールを大幅に変更
  • ウェブページのエントリーメタデータ部分を最終更新日に変更
  • 個別エントリーではkeywordが記述されていない場合はtagをmeta keywordにするようにした
  • ヘッダーモジュール内を大幅に変更。各ページにDescriptionが設定してある場合はそれを読み込む。
  • タグクラウド, フォトサムネイルのウィジェットテンプレートを調整
  • tagにglobalNaviを設定したウェブページを自動的にグローバルナビモジュールが読み込むようにした
  • エントリメタデータモジュールに、記事投稿者の表示を追加
  • 一部MTタグが煩雑だった部分をスマートに修正
  • 覚えてないけど、細かいところをたくさん調整したような気がした

Continue reading

Vicunaのキーカラーを一発調整するCSSモジュール

配色の中で主要な色をグループ化し、最低限の編集でキーカラーを変更するkeyCollor.cssを試験的に作りました。一応、全てのスキンで使うことができます。

Vicunaは主要な要素(例えばリンクやボタン類など)は機能的に目立つ色にデザインされており、これにはある程度規則があるので、それらのセレクタをまとめ、数箇所色を変更するだけでアクセントとなる色を変更できるようにしたCSSファイルです。

Continue reading

mt.Vicunaの移植が決まったぁ!

先日の記事で宣伝させていただいたMovable Type用のテンプレートmt.Vicunaですが、そこで同テンプレートを他のCMSツールへ移植してくださる方を募集したところ、以下の方がご協力して下さることに決まりました。

CMS Vicuna

WordPress
ma38suさん
ma38su.sourceforge.jp
Serene Bach
Milliさん
Riszw
Nucleus
輝竜司さん
MercuriusLAB

移植作業を完全に丸投げしての勝手な募集だったにも関わらず、mt.Vicunaの設計・思想に賛同していただいたうえで、こんなにもはやくそれぞれのCMSツールでVicunaが作り変えがはじまるとは思ってもみませんでした。手伝ってくださる方の貴重なお時間を移植作業に割いていただけるということで、本当に本当にありがたく思います。

配布サイトの製作、各ツールでの整合性の調整等、少し時間がかかりそうですが、がんばって進めていきたいとおもいます。

#インターネットすごす。

MTで実践 - CSSのモジュール化による管理方法と遊び方

Vicuna

1年ほど前からMAQUEというMovable Typeのテンプレートを配布しているのですが、利用者も増えて色々とフィードバックをもらい続けていたので、それを活かして新しいものを作りました。βテストも終わって細部を修正して正式リリースしたのでMTユーザーやMTに興味ある方はみてください。そして、それで実践したCSSファイルのモジュール化による管理方法とカスタマイズ方法について解説します。MTユーザーでない方もローカルで確認できるパッケージがあるのでよかったらいじくってみてくださいね。

Continue reading

メニューのXHTML 3パターン

この記事はMAQUE Movable Type テンプレートのカスタマイズTipsとして書いた記事ですが、Movable Typeに共通する内容なのでBazookaでエントリーを投稿する事にしました。

Movable Typeは、Menu部分の構成をテンプレートから自由にカスタマイズ出来るのですが、XHTMLの仕様に沿っていて、無駄なく、尚且つカスタマイズしやすい構成となると、ここで紹介するようなパターンに絞られてきます。

紹介するMovable TypeのMenu部分のソースは、

  • XHTML Strict DTDに準拠している
  • 無駄な要素を作らない
  • CSSによるデザインの柔軟性が高い
  • CSSで、2カラム、3カラムのレイアウトが出来る

という条件で構成しました。

Continue reading

エントリーを(X)HTMLで書こうぜ

Movable Typeに限らず、ほとんどのBlogツールでは、記事本文を(X)HTMLで書くことができますが、HTML覚えるのが面倒で改行自動変換にお任せしている人も多いと思います。でも、実際記事本文に使われるタグの種類なんて5個覚えれば十分なんですね。10個覚えたらお釣りが来る(本当はこない)。

Continue reading

Movable Type テンプレート公開

bazookaのMovable Type テンプレートを公開します。

Continue reading

MTテンプレート

Movable Typeのテンプレートがそろそろ出来上がりました。

Continue reading

歯とかテンプレ

お久しぶりだ、しかもなんか一回記事けしちゃっただ。生まれて初めて絶えられぬまでの虫歯の痛みに生活を狂わされています。今まで虫歯の痛みというものを味わったことがなかったのですが、まさかここまで凄いとはおもわなんだ。

Continue reading

Blogサイトで見かける変なHTML

というキャッチーな見出しを付けてみたけれど、(X)HTML(以下HTML)なんてのは自由に書いて、伝えたい人たちに思っている事が伝わるならば、それでいーんです。と、最初に言っておくよ。

自分の作ったWEBページのメンテナンス性を上げたいと考える人や、ソースコードを簡潔にしてダイエットしたいと思う人も中にはいるでしょう。複雑なBlogツールのテンプレートソースに四苦八苦してる人、単にW3Cの仕様に準拠させたページを作りたいと思ってる人も多いかもしれない(それは素晴らしいことだよ!)

コンテンツの利用価値を高めたいと思っている人達、そういった方へ向けて、僕がよく見かける「もっといい方法があるよ」と思えるHTMLの記述を、代替ソースとセットで書いていきます。

Continue reading

DIV要素で構造を補強

DIV要素を使った構造の補強について。

Continue reading

バックリンク

Google, Yahoo, MSNサーチなどの検索エンジンにはいくつかのコマンドが用意されているんですが、その中にWEBページのバックリンクを調べるlink:コマンドというのがあります。検索ボックスにlink:http://numeorus.org/bazooka/とかいれてサーチすると、そのアドレスのWEBページへリンクを張っているページが表示されるというものです。

Continue reading

Bazooka調整

BazookaのCSSリフレッシュに伴い、他にも色々と調整しました。

RSSリーダーを意識し、概要にはきちんと概要だけを詰めようかと思ってはいるものの、どうしても記事を全部書いてしまったり、概要になってないような文章を載っけたりですいません。

Continue reading

Recent Reaction

最近のコメントとトラックバックを表示させる機能、TOPページとかに置くとなんだかごっちゃごちゃになる感じがしたのでBazookaには付けていませんでした。別ページとして纏められたらなぁとか思ってたらJunklineでいつのまにかそのような形に。うはこれほぴぃ。便利じゃねー?でもなんとなくやり方はわかるけど、え、いや実際どうやんの?やーめっぴ。って不貞腐れてたら真琴さんが教えてくた&記事にしてくれた!甘えん坊ウータン喜ぶ。

MT アップグレード

やらなばやらなばと思っていたMovableType3へのバージョンを決行。アップグレードファイルをサーバーに上書きする時、ボタン1つで沢山のファイルが上書きされるという事実に怖くて怖くて5分考え、「おりゃ!」ってボタン押す。ファイルが上書きされまくってるログを見て何故かその場に留まる事出来ず、便所に行ってウンコしようとしてました。(出ないのに)

よくわからないけどとりあえず成功っぽい。ほぅ、なんだぃ意外とあっけないもんだ。もっと早くやっときゃよかったぜ。

参考にさせて頂いたサイト

最近では使用してるレンタルサーバーのサイトを見ると丁寧に書いてくれていたりしますね。

MT:見出し問題解決。

テンプレートによってエントリーのタイトルの見出しを上下させる場合、エントリー記事内に見出しを含めると、そのエントリーを見るテンプレートによってエントリー内の見出しのレベルが適切にならないという問題に悩んでました。

Continue reading

MT:De リニューアル

Blogツールを知るには使うことからじゃろう!って事でなんとなくMovableTypeを使い始めましたが、もー分からないことだらけでゴールデンウィークのほぼ全てを捧げてしまいました。

でも、移植作業もプラグイン探しもテンプレート弄りもスタイルシート弄りも凄い楽しかったー。いやー遊んだ遊んだ。まだ色々と細かい部分とか終わってないんですけど、後は実際に稼動させながらチマチマ直していこうと思います。

Continue reading

MT:導入プラグイン メモ

MovableTypeの使用している(するつもり)プラグインをローカルでメモってたけど、実家に持ってくるの忘れたりして困ったのでメモっとこ。

5/3現在

Continue reading

Index of all entries

Home > Movable Type Archive

Book

実践 Web Standards Design

「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Search
Feeds

Return to page top