2009年12月アーカイブ

#10季節外れのバーベキュー

更新 2010年3月 4日 00:31
投稿 2009年12月30日 22:33

雑記

牡蠣牡蠣牡蠣！

続きを読む ≫

#9長い単語がボックスを突き破る

更新 2010年3月 4日 00:35
投稿 2009年12月24日 23:08

PC ＞ MT構築メモ

div要素(table要素も)に、URLのような長い単語やアルファベットの羅列を表示させたときに、ボックス端で改行されず、突き破ってしまうことがあります。

続きを読む ≫

#8ブログ記事のナンバリング表示

更新 2009年12月26日 17:27
投稿 2009年12月21日 19:46

PC ＞ MT構築メモ

当ブログではブログ記事タイトルの前にナンバリング表示をさせています。

続きを読む ≫

本番公開前に数十件、記事のテスト投稿を行ったため、MTEntryIDタグを利用して記事のIDを表示させると、開始IDが「58」などと表示されてしまいました。
ナンバリング表示

これでは記事のナンバリングには使えません。

MTの公式サイトのFAQを見ると、「ブログ ID を任意の数字に変更したい」の問いに対して、回答は変更不可。さらに、記事を削除した場合、欠番になるそうです。

なにか良い解決策は無いかとググってみたら、
「hello, world.」さんのブログにナンバリングに関する記事が！

ひとまず、サンプルの流れを読んでみます。
なるほど。全ての記事を出力してから、カウントするのですね。
これなら、記事を削除して欠番になった場合でも、影響は受けないですね。
勉強になります！！(^^

早速、サンプルに従い、コーディング。
サンプルでは、「公開No.」が出力されなかったのでちょっと修正。

↓

サンプル記述だと全ての記事の番号が出てしまうので．．．
さらにソースを編集。

【ブログ記事の詳細テンプレート】

これで特定の記事の番号が表示されるようになりました。
ですが、少々ソースが冗長気味です。。
MTEntriesタグのテンプレートタグリファレンスを見るとidモディファイアがあります。これに直接記事のIDを入れればフィルタリングできます。

最終的に落ち着いたのがこちら。
【ブログ記事の詳細テンプレート】

併せて、
【ブログ記事の概要テンプレート】にも記述を追加しました。
このテンプレートでは、上記の内容をそのまま適用すると記事の表示順がおかしくなったので、MTEntriesタグのモディファイアにcreated_on(作成日時)を追加しておきました。

上記ですべてOKかと思ったら、カテゴリのページを表示(最近のブログ記事)すると問題が．．．
同じカテゴリに属する記事の数だけでナンバリングがされてしまいます。

そのため、カテゴリのページ(最近のブログ記事)では、下記のようにMTEntriesタグをMTArchiveListタグに差し替える必要があります。

【ブログ記事の概要テンプレート】

なお、【ブログ記事の概要テンプレート】は、【メインページテンプレート】と【ブログ記事リストテンプレート】と【検索結果テンプレート】から呼び出されるので、上記の変更は【ブログ記事リストテンプレート】のみ適用されるようにしなければなりません。
そこで、MTIfで条件分岐させて適用させることにしました。

まず、【ブログ記事リストテンプレート】を開き、

を追加しました。

【ブログ記事リストテンプレート】

現在のページがカテゴリのページ(最近のブログ記事)かどうかを判断するために、適当な値をセット(ここでは、変数thispageに"CategoryPage"をセット)しておきます。

【ブログ記事の概要テンプレート】の該当箇所を下記内容にする。

これでめでたくナンバリングができるようになりました。

≪ 続きを隠す

タグ:
MT ナンバリングブログ記事

タグ関連記事:

#7動いているデロリアン、初めて見た！

更新 2010年3月 4日 00:36
投稿 2009年12月20日 22:30

車

今日はいつものコルトではなく、農道のポルシェｗ(の助手席ｗ)に乗って、ホームセンターまで激安灯油(本日¥60/L)の買出しに出かけました。

続きを読む ≫

#6MACな人からのデータ受け取りでいつも苦労してたけど...

更新 2010年3月18日 06:34
投稿 2009年12月17日 16:41

PC ＞ソフトウェア

仕事でMAC使いな方からZIPファイルをいただくことがあるのですが、毎度の事ながら2byte文字が化け化け...

続きを読む ≫

#5記事中のソースコード記述について

更新 2009年12月26日 16:24
投稿 2009年12月15日 01:07

PC ＞ MT構築メモ

ブログ記事中にソースコードの記述をしたいケースがあります。
そのまま記述しても問題がないこともありますが、プログラムソースの場合、ヘンに解釈されてしまい都合が悪いことが多々あります。

続きを読む ≫

画像にしたり、<pre>タグを用いたりすることで解決はできますが、なにか便利なものはないかな？と調べていたら、見つけました！
「Project Hosting on Google Code」の「dp.SyntaxHighlighter」。
導入してみたら、なかなか便利なスクリプトでしたのでご紹介したいと思います。

記事中では実際にスクリプトを実装し表現しています。

＜導入＞

「Project Hosting on Google Code」にアクセス。
SyntaxHighlighter_1.5.1.rarをダウンロード。(バージョンは2009/12/15現在)
解凍後、Scriptsフォルダ内のjsファイル、swfファイルをサーバにアップロード。
StylesフォルダのSyntaxHighlighter.cssファイルをサーバにアップロード。

cssファイルは既存のスタイルシートに追加を行うか、「スタイルシート」テンプレートに追加記述をします。続いて、jsファイル、swfファイルの定義をします。記述の仕方は後述。

＜ブログ記事での使用方法＞

ブログ記事の中で、表示させたいソースコードを <pre>タグ、若しくは<textarea>タグで囲めばOKです。
詳しい使用方法は同サイトのUsage項を参照。

記述例：

表示したい言語ソースに合わせてクラスセレクタを指定します。

対応している言語は

ソースコードの言語	エイリアス(クラス名として使用。いずれの名称でも可)
C++	cpp , c , c++
C#	c# , c-sharp , csharp
CSS	css
Delphi	delphi , pascal
Java	java
Java Script	js , jscript , javascript
PHP	php
Python	py , python
Ruby	rb , ruby , rails , ror
Sql	sql
VB	vb , vb.net
XML/HTML	xml , html , xhtml , xslt

詳細は同サイトLanguages項を参照。

そして、公開する記事にスクリプトを追加します。
表示したい言語ソースに合わせて適宜選択・記述をします。
私の場合、Java ScriptとCSSとXML/HTMLのコード記述がメインなので、下記内容を「ヘッダー」テンプレートに記述しました。

※shCore.jsの記述は必須です。
※ソースコードの記述目的以外で<pre>タグや<textarea>タグを記事中に記述したい場合は"<",">"を実体参照("<",">)で置き換えてください。

記事中にベタでソースコードを記述するよりも大変見易くなります。記事中のコード記述についてのアプローチは他にもいろいろとありますので、探されてみてはいかがでしょうか。

≪ 続きを隠す

タグ:
MT スクリプトソースコード

タグ関連記事:

#4記事タイトルの表示調整について

更新 2009年12月26日 16:05
投稿 2009年12月14日 22:06

PC ＞ MT構築メモ

左カラムの「最近のエントリ」(「最近のコメント」も同様)で、記事タイトルを表示させていますが、タイトルの文字数が長いと改行されてしまい少々見た目が悪いです。

続きを読む ≫

#3MTIfタグ変数同士の比較

更新 2009年12月26日 15:59
投稿 2009年12月14日 21:31

PC ＞ MT構築メモ

MTタグの構文は中々慣れません。
MTIfタグで変数同士を比較するのも然り...
良く使うのに度々忘れてしまうので、メモとして書き留めておきます。

続きを読む ≫

#2サインインについて

更新 2010年4月 9日 13:28
投稿 2009年12月13日 14:03

お知らせ

当ブログでは皆様からお気軽にコメント(ご意見)をいただけるよう、匿名によるコメント投稿を受け付けております。

続きを読む ≫

投稿いただいたコメントは一旦、公開を保留とさせていただき、当方にて内容を確認の上、公開させていただきます。
当方の判断で不適切と思われるコメントは削除させていただきますので、予めご了承ください。

なお、コメントの投稿の際は、コメントの内容の他に「お名前」・「E-mail(非公開)」・「Url」が入力可能です。
後述のサインアップを一度だけ行っていただくことで、次回からこれらの入力を省略することが可能です。

サインアップでは、当ブログサイトにコメント投稿用の専用アカウントを作成できます。
下記に手順を明記します。

1.前のページに戻り「サインイン」をクリックしてください。

次の画像が表示されるまでしばらくお待ちください...

続いて「サインアップ」をクリックしてください。

2.下記画像が表示されます。

サインアップ

[電子メール欄]

※この情報は公開されません。アカウント作成に必要な情報です。

[ウェブサイトURL欄]

※省略可能です。
※入力していただくと、投稿内容にサイトへのリンク、ファビコンを設定します。

入力内容は忘れないようにメモを取ることをおすすめします。
入力後、サインアップボタンを押下してください。

サインアップ

4.下記画像が表示されます。

項目3で入力されたメールアドレス宛てに確認メールが届きますので、メールの内容に従って、アカウントの登録を完了させてください。

プロフィールを作成しました。

サインイン

＜サインイン＞

1.＜サインアップ＞項目5で表示された画面、若しくは下記コメント欄からサインインを行ってください。

サインイン

2.下記画像が表示されます。

＜サインアップ＞項目3で入力された「ユーザ名」・「パスワード」を入力し、サインインボタンを押下します。

サインイン

3.下記画像が表示されます。

サインインに成功すると下記画像が表示されます。

コメント欄

＜コメントの投稿＞

1.コメント欄に内容を入力し、確認ボタンを押下してください。

2.下記画像のように自動的に「名前」が設定されます。

コメント欄

3.投稿後はこのような下記の画面になります。

コメント欄

＜ユーザー情報の編集＞

1.名前をクリックしてください。

コメント欄

2.下記画像が表示されます。

必要な箇所を変更の上、保存ボタンを押下してください。

ユーザー情報の編集

※プロフィール画像欄にて、お手持ちの画像をアップロードしていただくことが可能です。

登録例：

ユーザー情報の編集

3.下記の様にプロフィール画像が表示されます。

コメント欄

≪ 続きを隠す

タグ:
サインイン

商品名	PB SWISS TOOLS ドライバーセット
メーカ	PB SWISS TOOLS
定価	---
購入額	¥2,500×2
購入店	ファクトリーギア広島店
購入日	2008.11.30,2008.12.26

2009年12月アーカイブ

#11PB SWISS TOOLS ドライバーセット

#10季節外れのバーベキュー

#9長い単語がボックスを突き破る

#8ブログ記事のナンバリング表示

#7動いているデロリアン、初めて見た！

#6MACな人からのデータ受け取りでいつも苦労してたけど...

#5記事中のソースコード記述について

＜導入＞

＜ブログ記事での使用方法＞

記述例：

記述例：

#4記事タイトルの表示調整について

#3MTIfタグ 変数同士の比較

#2サインインについて

＜サインアップ＞

1.前のページに戻り「サインイン」をクリックしてください。

2.下記画像が表示されます。

3.各項目に情報を入力します(画像は入力例です)。

[電子メール欄]

[ウェブサイトURL欄]

4.下記画像が表示されます。

5.メールに記載されたURLにアクセスすると下記画像が表示され、アカウントの登録が完了します。

＜サインイン＞

1.＜サインアップ＞項目5で表示された画面、若しくは下記コメント欄からサインインを行ってください。

2.下記画像が表示されます。

3.下記画像が表示されます。

＜コメントの投稿＞

1.コメント欄に内容を入力し、確認ボタンを押下してください。

2.下記画像のように自動的に「名前」が設定されます。

3.投稿後はこのような下記の画面になります。

＜ユーザー情報の編集＞

1.名前をクリックしてください。

2.下記画像が表示されます。

登録例：

3.下記の様にプロフィール画像が表示されます。

#3MTIfタグ変数同士の比較