タグ「Template」が付けられているもの

MT4.1テンプレートリリースしました

17日より13アイテムを一気にリリースしました。

MovableType 4.1(MT4) テンプレート

特徴

  • テンプレートセットで全てのテンプレートを簡単設置。設置マニュアル(PDF)も付属します。
  • 会社概要・プライバシーポリシー・特定商取引法による表示・お問い合わせなどのページは、インデックステンプレートとして自動的に作成されますので、編集するだけでOK!
  • 「サイトのキーワード」と「カテゴリーの説明」を設定し、ブログ記事に適切なタグとキーワードを記述することで、効率よくmeta要素を出力できます。
  • お問い合わせのメールフォームCGISYNCK GRAPHICAさんの【メールフォームCGI Jcode版】もバージョンアップ!CGI・JSも同梱いたします。
    *設置するサーバーにJcodeモジュールが必須です。(一部サーバーで利用できないこともあります)
  • 読み飛ばしリンクを設置してアクセシビリティも万全です。
  • イメージ画像およびロゴ画像はご自分で作成されたものに差し替え自由です。元画像を同梱いたしますので、編集にご利用ください。
  • Another HTML-lint gatewayやValid XHTML 1.0!はもちろん、パーフェクトなValid CSS!を達成しています。

テンプレートセットで簡単インストール

MT4.1の新機能、テンプレートセットを利用して有料テンプレートのインストールが簡単になります。

テンプレートセット

現在、MT4.0用テンプレートから4.1へ移行の最終調整を行っております。完成次第お知らせいたしますのでよろしくお願いいたします。

テンプレートセットでの提供開始

MovableType 4.1 無料テンプレート 2ColumnをMT4.1からの新機能【テンプレートセット】で配布をはじめました。

Movable Typeプロフェッショナル・スタイルを共同執筆中の小野崎(Oscar)様に作成していただきました。

インストールが非常に簡単になりましたので、ぜひご利用ください。

*一部のサーバーで、データベースにSQLiteを使用した場合にテンプレートセットでの入れ替え動作が不具合を起こすことがあります。新規作成でテンプレートセットを選択する場合には異常はない模様ですが、既存のブログのテンプレートを入れ替える場合には、本番環境ではなく必ずテスト環境で入れ替えテストを行ってください。

テンプレートセットでのテンプレートの初期化時の不具合

テンプレート配布再開しました

新たに利用規約を定めて以下の3種のテンプレート配布を再開いたしました。

無料テンプレートを利用した違法サイトや猥褻画像を扱うサイトがあると耳にいたしましたので、大変厳しいようでございますが、このような利用規約の制定となりました。

ダウンロード時にお手数をおかけいたしますがよろしくお願いいたします。

オリジナル 無料テンプレート利用規約

  • テンプレートは個人に限り利用することができます。
  • テンプレートは法人・団体において利用することができません
  • テンプレートはウェブ構築業者がシステム構築やインストールを行う場合には利用できません
  • テンプレートの商用利用(アフィリエイトは含まず)・販売は禁止致します。
  • テンプレートの改造後の販売は禁止致します。
  • テンプレートの再配布は禁止いたします。
  • テンプレートの改造後の再配布は禁止いたします。
  • テンプレートの利用には利用者の名前・電子メール・テンプレート利用予定ドメイン・住所・電話番号を登録する必要があります
  • MovableTypeの著作権は Six Apart、アットスタイルのテンプレート素材の著作権はアットスタイルにあります。著作権表示およびリンクをはずすことは禁止致します。
  • アットスタイルのMovableType テンプレートを使用した際に生じた不具合に関して当サイト及びSix Apartは一切責任を負いません。*必ず現在ご利用中のテンプレート又はMovable Typeデフォルトテンプレートのバックアップを取った後ご使用ください。
  • アットスタイルのMovableType テンプレートを使用した際に生じたトラブルに関して当サイト及びSix Apartは一切責任を負いません
  • 当サイトは、事前の通知なしにこれら上記の条件を修正し、変更する権利を有します。

平成20年1月25日制定

MT4.1ページ一覧の不具合

MT4.1よりサイドバーのウェブページのリストがネストされるようになりましたが、検索結果のページでおかしな表示となります。

正しいネスト表示

ルートにウェブページを作成してさらにフォルダの中にウェブページを作成した場合に、ルートに作成されたものが何度も繰り返されて表示されます。

これは通常のインデックスページなどでは不具合は起こりませんが検索結果ページのみに現れる現象のようです。

検索結果のネスト表示

MovableType 4 無料テンプレート 2Columnも同様の表示となります。

無料テンプレート 2Columnも同様な表示

MovableType 4 無料テンプレート 2Columnのダウンロードは一時的にストップしておりますが、既にお持ちの方はMT4.1ではできるだけご使用いただかないようお願いします。

追記:フォルダとウェブページをさらに追加するとなんともすごいことになる。お試しあれ・・・

無料テンプレートダウンロード一時停止のお知らせ

MT4.1リリースに合わせてダウンロードシステム導入予定の為、一時的に以下3種のテンプレートダウンロードを停止しています。

ご迷惑をおかけいたしますが、ご理解の程よろしくお願いいたします。

Movable Type 4.1 のリリース候補第2版

Movable Type 4.1 のリリース候補第2版 (RC2) を公開しました。

Movable Type 4.1 のリリース候補第2版を公開

インストール及びブログ作成時に汎用ウェブサイトのテンプレートセットの選択ができるようになりました。

MT4.1RC2

但し、汎用ウェブサイトはかなりの数のモジュールを必要とします。カスタマイズを行うにはテンプレートモジュールについての一層の理解が必要とされます。

MTOSとMT4.1ベータ2

テンプレート 4007をMTOSとMT4.1ベータ2でテストしてみました。

どちらも不具合無く作動。

販売中のテンプレートも全て作動するだろうと思われますが、先日のエントリーの通り多少変更箇所が確認されましたので新たなMT4.1用テンプレートを作成する予定です。

ご期待ください。

Floating Boxes Layout

MovableType テンプレート 4007はFloating Boxes Layoutのテンプレートとしていますが、Adobe GoLiveの【フローティングボックス】で制作したレイアウトCSSではありません。

1280px以上(4カラム)・1024px(3カラム)・800px(2カラム)・640px(1カラム)と変化し、閲覧者にレイアウトを意識させないでリキッドな閲覧環境を提供します。

4カラム・3カラム・2カラム・1カラムと変化する

CSS-DiscussCssLayoutsに取り上げられているデモページを参考に制作しました。

参考URL: The Floating Boxes CSS Layout

アットスタイルMovable Type 4用テンプレートをご利用の方へ

本日、コメント入力フォーム(comment_form.mtml)の一部に記述間違いがあり、コメントした際のクッキーをロードできない不具合が確認されました。

以下のようにformname属性をcomments-formからcomments_formに変更頂くようお願い申し上げます。

誤ったコメント入力フォーム(comment_form.mtml)

<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments-form" id="comments-form" onsubmit="if (this.bakecookie.checked) rememberMe(this)">

正しいコメント入力フォーム(comment_form.mtml)

<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" id="comments-form" onsubmit="if (this.bakecookie.checked) rememberMe(this)">

なお、MovableType 4 無料テンプレート 2Columnをご利用の方は再ダウンロードしていただくと正しく訂正されたコメント入力フォーム(comment_form.mtml)を入手できますので、差し替えてご利用ください。

ご迷惑をおかけいたしますが、よろしく願いいたします。

MovableType 4でkeywordsを記述する【改訂版】

8月26日のエントリー【MovableType 4でkeywordsを記述する】をいじってみた。

予めサイト全体のキーワードを設定する。エントリーテンプレートでは設定されたキーワードとエントリー画面より入力されたキーワード及びタグを出力する。
エントリーテンプレート以外では予め設定されたサイト全体のキーワードを出力する

<MTSetVar name="keywords" value="キーワード1,キーワード2,キーワード3"><MTIf name="entry_template">
    <meta name="description" content="<$MTEntryExcerpt$>" />
    <MTIfNonZero tag="MTEntryKeywords"><meta name="keywords" content="<$MTEntryKeywords$><MTEntryIfTagged>,<MTEntryTags glue=","><$MTTagName$></MTEntryTags></MTEntryIfTagged>,<$MTGetVar name="keywords"$>" /><MTElse><meta name="keywords" content="<$MTGetVar name="keywords"$><MTEntryIfTagged>,<MTEntryTags glue=","><$MTTagName$></MTEntryTags></MTEntryIfTagged>" /></MTElse></MTIfNonZero>
<MTElse>
    <meta name="description" content="<$MTBlogDescription$>" />
    <meta name="keywords" content="<$MTGetVar name="keywords"$>" />
</MTIf>

記述例

  • エントリー画面より入力したキーワード:ヴィジュアルコミュニケーション
  • エントリー画面より入力したタグ:サイン, ピクトグラム
  • 予め設定した全体のキーワード:インターネット,ユニバーサルデザイン,ユニバーサルアクセス

出力例(個別記事)

<meta name="description" content="現在、ピクトグラムの利用と普及を考える会をpic-sign.orgにて準備中 サ..." />
<meta name="keywords" content="ヴィジュアルコミュニケーション,サイン,ピクトグラム,インターネット,ユニバーサルデザイン,ユニバーサルアクセス" />

MovableType 4 無料テンプレート 2Columnご利用の方へ

10月7日、MovableType 4 無料テンプレート 2Columnの一部を変更した際に、sidebar_2col.mtmlの記述を間違えておりました。

本日、正しいものに修正いたしましたので、この期間中にダウンロードいただいた方は改めてダウンロードをお願いいたします。

また、本日、ブログに掲載いたしました情報(MovableType 4 2C 1のウェブページ一覧(ネスト)でフォルダ名を日本語表示にする)も合わせて適用しておりますので、よろしくお願いいたします。

ご迷惑をおかけいたしました。お手数をおかけいたしますがよろしくお願いいたします。

ウェブページ一覧(ネスト)フォルダ名を日本語表示の一部変更

MovableType 4 2C 1のウェブページ一覧(ネスト)でフォルダ名を日本語表示にするを一部修正。

「フォルダの説明」が記述されている場合は「フォルダの説明」を表示。そうでない場合には「フォルダ名」を表示するようにいたしました。

この修正は現在ダウンロード時点で修正されたものとなっております。

MovableType 4 2C 1のウェブページ一覧(ネスト)でフォルダ名を日本語表示にする

「フォルダの説明」を利用しサイドバーのPagesでフォルダ名表示を日本語で表示する。

<$MTFolderLabel$><$MTFolderDescription$>に置き換え「フォルダの説明」を記述する

現在、この修正は一括ダウンロード時点で修正されたものとなっております。

変更前

<dl>
<dt>Pages</dt>
<dd>
<MTPages no_folder="1">
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages>
<MTTopLevelFolders>
<MTFolderHeader><ul></MTFolderHeader>
<li><$MTFolderLabel$>
<MTPages>
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages></li>
<MTFolderFooter></ul></MTFolderFooter>
<MTSubFolderRecurse>
</MTTopLevelFolders>
</dd>
</dl>

変更後

<dl>
<dt>Pages</dt>
<dd>
<MTPages no_folder="1">
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages>
<MTTopLevelFolders>
<MTFolderHeader><ul></MTFolderHeader>
<MTIfNonZero tag="MTFolderDescription">
<li><$MTFolderDescription$>
<MTElse><li><MTFolderLabel>
</MTElse></MTIfNonZero>
<MTPages>
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages></li>
<MTFolderFooter></ul></MTFolderFooter>
<MTSubFolderRecurse>
</MTTopLevelFolders>
</dd>
</dl>

15日17時33分一部訂正済み注意:「フォルダの説明」が記述されていない場合にはフォルダ名が表示されます。

MovableType 4 2C 1のウェブページ一覧(ネスト)修正【10月9日修正】

MovableType 4 2C 1のサイドバーのウェブページリストはMovable Type 4標準のウィジェットであるウェブページ一覧(ネスト)を編集して使用しておりました。ところがウェブページに階層を作ると</li>が足らずソースがおかしくなります。

10月9日修正:編集中の間違いと判明しました。シックスアパート様よりご指摘いただきました。ご迷惑をおかけいたしました。

そこで以下のような修正を行ってください。

修正前のsidebar_2col.mtmlのウェブページリスト

<dl>
<dt>Pages</dt>
<dd>
<MTPages no_folder="1">
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages>
<MTTopLevelFolders>
<MTFolderHeader><ul></MTFolderHeader>
<li><$MTFolderLabel$></li>
<MTPages>
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages>
<MTFolderFooter></ul></MTFolderFooter>
<MTSubFolderRecurse>
</MTTopLevelFolders>
</dd>
</dl>

修正後したsidebar_2col.mtmlのウェブページリスト

<dl>
<dt>Pages</dt>
<dd>
<MTPages no_folder="1">
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages>
<MTTopLevelFolders>
<MTFolderHeader><ul></MTFolderHeader>
<li><$MTFolderLabel$>
<MTPages>
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages></li>
<MTFolderFooter></ul></MTFolderFooter>
<MTSubFolderRecurse>
</MTTopLevelFolders>
</dd>
</dl>

MovableType 4 2C 1をご利用の方は上記ソースに書き換えるか再ダウンロードしていただけますようお願いいたします。

デフォルトウィジェットでウェブページ一覧(ネスト)を利用の場合に階層をインデントして表示するにはplugins/WidgetManager/default_widgets/pages_list.tmplを修正する必要があります。
10月9日修正

<div class="widget-folders widget">
   <h3 class="widget-header">Pages</h3>
   <div class="widget-content">
      <MTPages no_folder="1">
         <MTPagesHeader><ul class="widget-list"></MTPagesHeader>
         <li class="widget-list-item"><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
         <MTPagesFooter></ul></MTPagesFooter>
      </MTPages>
      <MTTopLevelFolders>
         <MTFolderHeader><ul class="widget-list"></MTFolderHeader>
         <li class="widget-list-item"><b><$MTFolderLabel$></b>
         <MTPages>
            <MTPagesHeader><ul class="widget-list"></MTPagesHeader>
            <li class="widget-list-item"><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
            <MTPagesFooter></ul></MTPagesFooter>
         </MTPages></li>
         <MTFolderFooter></ul></MTFolderFooter>
         <MTSubFolderRecurse>
      </MTTopLevelFolders>
   </div>
</div>

10月9日追記:シックスアパート様よりご指摘いただきました。修正前の</li>の位置が違っていたようです。但し、デフォルトウィジェットについて階層をインデントして表示するには<b><$MTFolderLabel$></b>の後の</li></MTPages>の後に持ってくる必要はあります。次期リリース時に対応をご検討いただけそうです。

修正してお詫びいたします。

MovableType 4 2Columnのウェブページへのリンク(サイドバー)のカスタム

MovableType 4 2ColumnのカテゴリーアーカイブなどでPagesとタイトルはあるがウェブページのリストが表示できない。そこで、全てのページに表示する方法を紹介する。

sidebar_2col.mtmlでウェブページを表示させる部分のソースは以下の部分である。

<dl>
<dt>Pages</dt>
<dd>
<MTPages no_folder="1">
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages>
<MTTopLevelFolders>
<MTFolderHeader><ul></MTFolderHeader>
<MTIfNonZero tag="MTFolderDescription">
<li><$MTFolderDescription$>
<MTElse><li><MTFolderLabel>
</MTElse></MTIfNonZero>
<MTPages>
<MTPagesHeader><ul></MTPagesHeader>
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
<MTPagesFooter></ul></MTPagesFooter>
</MTPages></li>
<MTFolderFooter></ul></MTFolderFooter>
<MTSubFolderRecurse>
</MTTopLevelFolders>
</dd>
</dl>

Pagesの部分を切り出してインデックスに別ファイルを作成する。ここでは例としてpage.incというファイル名とする。

インデックスにファイルを作成

sidebar_2col.mtmlのPagesがあった部分を以下の記述と入れ替える

<$MTInclude file="page.inc"$>

全てのページにウェブページへのリンクが表示される。

サムネイル表示の修正

MovableType 4 2Columnにサムネイル表示において、偶数のアイテムの場合は問題ありませんが、奇数個の場合にレイアウトが崩れてしまいます。以下の記述をstyles.mtmlに追加して対応してください。

div#sub dl {
    clear:both;
}

尚、昨日のエントリー及び一括ダウンロードの圧縮ファイルは既に修正いたしました。お手数をおかけいたしますが、よろしくお願いいたします。

MovableType 4 2Columnにサムネイル表示

MovableType 4 無料テンプレート 2Columnのサイドバーにデフォルトテンプレートと同様に画像のサムネイルをリスト表示をできるよう変更いたしました。

2カラムのためサイドバーが長くなりすぎることもありますので、標準6件の設定です。自由に変更してください。

サムネイル表示例

sidebar_2col.mtmlへの追加記述

<MTIfNonZero tag="AssetCount">
<MTAssets type="image" lastn="6">
<MTSetVarBlock name="imgw">
<$MTAssetProperty property="image_width"$>
</MTSetVarBlock>
<MTSetVarBlock name="imgh">
<$MTAssetProperty property="image_height"$>
</MTSetVarBlock>
<MTAssetsHeader>
<dl>
<dt>Photos</dt>
<dd><ul></MTAssetsHeader>
<li class="item">
<a href="<$MTAssetURL$>">
<MTIf name="imgw" gt="$imgh">
<img src="<$MTAssetThumbnailURL height="70"$>" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" />
<MTElse>
<img src="<$MTAssetThumbnailURL width="70"$>" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" />
</MTElse>
</MTIf>
</a></li>
<MTAssetsFooter></ul></dd>
</dl>
</MTAssetsFooter>
</MTAssets>
</MTIfNonZero>

styles.mtmlへの追加記述

div#sub dl {
    clear:both;
}
div#sub li.item {
    display: inline;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 70px;
    height: 70px;
}

上記コードを追加記述する、または全てのファイルをダウンロードしてご利用ください。

9月19日追記:レイアウトが崩れる現象を確認いたしましたので、サイドバーのdl要素にclear:both;を追加しました。