タグ「ムーバブルタイプ」が付けられているもの

20220115030555_blogpix.png

https://gourmetvox.comのMovableTypeを最新版のMovable Type Pro version 6.8.5にアップグレードしたのですが、そしたら新着記事にリストアップしている最新の10件に表示されるサムネイルの画像が、以前とは違うルールで選択される様になってました。

この記事は 「Movable Type Advent Calendar 2021」 15日目の記事です。

サーバーのスペックが低いのが要因ではありますが、GOURMET VOXに記事を投稿するとInternal Server Errorが発生することがあります。都道府県ごとにブログになっていますが、特に記事数の多い東京に影響が出ています。(記事数の少ない都道府県は大丈夫)

サーバーを変えないと解決は出来ないと思っていたのですが、エムロジックさんから「FastThumbnail」という画像のサムネイル処理を高速化するためのプラグインがあることを知り、もしかしたら効果あるかなと思いインストールしてみました。

ダウンロードはGitHubのmt-plugin-fast-thumbnailから。

インストールはダウンロードしたZIPファイルを解凍してPluginフォルダにアップロードするだけです。

インストールが完了したらmt-config.cgiに環境変数を設定することでプラグインが動作するようになります。設定は下記の1行を追加するだけですが、動作モードは0、1、2の3パターンがあります。

StrictImageCheck   1
  • 「0」は実際に画像を読み込むことでサムネイル生成の可否判断を行います。Movable Type 5.2以降の処理と同等です。
  • 「1」は画像アイテムのファイルの存在確認と拡張子による確認を行います。画像の読み込みは行いません。
  • 「2」は画像アイテムとして登録されている画像は無条件でサムネイル生成可能であると判断します(Movable Type 5.13までの処理と同等です)

今回は一番効果のある「2」を設定しました。

結果としては効果てき面でした。今までInternal Server Errorで再構築もままならないこともありましたが、スムーズに公開されるようになりました。(たまにInternal Server Errorになるけど...)

おまけ
プラグインのインストール先はデフォルトではpluginフォルダですが、環境変数「PluginPath」を使うことでインストール先のフォルダを変更できます。

また、この環境変数で複数のインストール先を設定することもできるので、MovableTypeに同封されているプラグインと後から追加したプラグインを分けておくことができます。

環境変数:PluginPath

PluginPath plugins
PluginPath /path/to/added/plugins_folder

PluginPath環境変数でインストール先を分けておくことで、アップグレードの時などに後から追加したプラグインについてはフォルダーごと移動またはコピー&ペーストすれば済むので、再インストールが簡単になります。

Movable Type.netのブロックエディタを使ってみました

Movable Type.netの入力方法にブロックエディタ機能が追加されました。

記事とウェブページの編集フォーマットにブロックエディタを追加

今まではカスタムフィールドを除き、基本的にはフォーマットに合わせて「本文」と「続き」にテキストや画像を入力して行きましたが、追加されたブロックエディタでは入力する内容やフォーマットに合わせてブロックを追加して入力して行きます。

Movable Type.netで運営しているhonda-beat.jpの既存の記事1件をブロックエディタで書き直してみました。

駐車場にビートが!そんな時、どこに停めますか?アンケート結果

プライマリーカテゴリーが同じ記事の一覧を作成する

最近の記事一覧があり、さらに任意のプライマリーカテゴリーに属する記事のリンク10件を一覧を表示させる。ただし、任意のプライマリーカテゴリーのリンクには、すでに最近の記事一覧に既出の記事は含めない。

こんな内容の質問を某所で見つけたので、ちょっとやってみました。

タイトルの通りなんですが、このブログをMovable Type Ver.6.1をMovable Type 7 r.4605にアップグレードしました。

Movable Type 7の正式版のリリースは2018年5月のようなので、もうすぐ2年にもなろうとしてますが、ようやくアップグレードしました。

MT6系でさえ最新バージョンはVer6.5.3なので、マイナーアップデートもしてませんでした。

Movable Typeを6.1にバージョンアップ & Movable Type Writer

  • 投稿日:
  • by
  • カテゴリ:

Movable Typeがバージョン6.1になりData APIが強化されました。

そのData APIを使ったMovable Type WriterがGoogle Chromeの機能拡張としてリリースされました。

早速、Movable Type Writerを使ってみました。(この記事をMovable Type Writerで書いてます。)

MT WriterはGoogle Chromeで下記のURLからMT Writerと検索すると見つけられます。簡単にインストールできます。
https://chrome.google.com/webstore/category/extensions?hl=ja

インストール後にMT Writerを起動した後は、まずは初期設定です。設定するのは以下の内容です。

20150307171924_blogpix.png

  • Server Settings
    • URL for Movable Type Data API Script
    • Username
    • Password

20150307172013_blogpix.png

  • Upload Setting
    • Default Upload Path
    • Thumbnail Size
    • Square

「URL for Movable Type Data API Script」のところには、普段、MTにログインしているURLの最後「mt.cgi」を「mt-data-api.cgi」にしてあげればOKです。

「Thumbnail Size」はブログ記事に挿入される画像のサイズ選択できます。

「Square」は読んで字のごとく、画像を正方形にしてくれます。最近、正方形が流行ってますよね。

「Upload Setting」の「Default Upload Path」はアイテムをアップロードする場所です。これはオリジナルの画像がアップロードされるところで、ブログ記事に挿入されるサムネール画像はassets_cの配下に作られる年月フォルダに保存されます。
こんな感じ↓
https://www.drivemenuts.com/blog/assets_c/2015/03/20150307173233_blogpix-thumb-480x480-1630.jpg

初期設定が完了したら「Select to Post Blog」から投稿したいブログを選択してあげます。同時にカテゴリーが読み込まれるので、これで投稿するための準備が完了です。

20150307172505_blogpix.png

画像のアップロードはいたって簡単です。画像を挿入したいところにカーソールを持って行ってMT Writerのウィンドウに画像をドラッグ&ドロップするだけです。

画像は挿入後もリサイズができます。

リサイズしてみました。横幅を480pxから360pxに変更しました。縦横比は保たれたままリサイズされます。

20150307172554_blogpix.png

ちなみに画像のファイル名はドラッグ&ドロップした日時にリネームされるので、よっぽどな光速で操作しない限り被ることはないと思います。

20150307173125_blogpix.jpg

上の写真を「Square」でアップロードしてみました。

20150307173233_blogpix.jpg

かなり記事を書くのが楽になります。後は定型文が使えるといいかな。あまり使わないけど...。

あと、リッチテキスト・エディタでリストを作った時、リストの項目を全て入力後、そのリストから抜け出すにはどうしたらいいのだろう?returnを2回押しても抜け出せないようなんだけど、抜け出すための操作が違うのかな?

とりあえず、MT Writerで12年目の初投稿を書いてみました。

Movable Typeでサイトを管理することについて

  • 投稿日:
  • by
  • カテゴリ:

Movable Type Advent Calendar 2014の10日目の記事です。

Movable Typeでサイトを管理する際、カテゴリーページのURLが「http://www.URL/メインカテゴリー/サブカテゴリー/」となる設定が使われることがよくあると思います。

20141210181212_blogpix.jpg

このように「/メインカテゴリー/サブカテゴリー/」の様にディレクトリを切ってファイルを管理するのは、CMSを使わずにウェブサイト構築にDreamweaverなどを使ってHTMLファイルを作り、FTPソフトでアップロードしていた時代の名残なのかなと思います。このようにするとHTMLファイルなどファイル管理しやすかったですからね。

MovableType.netにアカウントを作ってみた

  • 投稿日:
  • by
  • カテゴリ:

20141209200017_blogpix.png

シックス・アパート株式会社よりMovableType.netという、MT Cloudよりライトなサービスが登場しました。

現在、ベータトライアルで無料ということもありアカウントを作ってみました。普段はレンタルサーバーにMTをインストールして使っているので必要ではないのですが...。

タイムゾーンの設定

20141117191151_blogpix.png

ブログの全般設定にあるタイムゾーンは、設定してしまえば変更することは普通ないと思います。

ただし、旅行記ブログなどの場合にブログ記事の日付を現地時間にしたい場合は、設定を旅行先のタイムゾーンに変更しておくと後から修正しなくていいので、行き先に応じてタイムゾーンを変更するのもアリかなと。まぁ、旅先でブログ記事をその都度書かないとなりませんが...。

20141105191940_blogpix.png

最近、イベント告知サイトがいろいろと増えてますが、そういったものもMovable Typeで作れるなと思い取りあえず作ってみた。まぁ、突っ込みどころはたくさんあるのでしょうが、取りあえずサンプルというかテストという感じで作ってみました。

MTイベント告知

ブログエントリーの概要

下記のブログを読んで某ブログのテンプレートを書き換えました。
グローバル・モディファイアを使いこなそう

ブログの記事を書いたとき、その記事の概要を書く部分があります。Movable Typeだと「概要」です。「記事の作成」または「記事の編集」画面の下の方にあります。

20141001154245_blogpix.png

ブログのエントリーが1件しかなかったので...

  • 投稿日:
  • by
  • カテゴリ:

ブログの記事が1件しかないと言うことはまずないと思いますが、絶対にないとは言えないですし、実際にブログ記事が1件しかないブログを作ってしまいました。

作っている時はブログ記事が1件しかないことなど想定せずにテンプレートを書いていたのですが、実際にブログ記事が1件の場合に想定外のことが起こってしまいました。ブログ記事が2件以上あれば下の画像のように前後の記事へのリンクが作られます。

20140923154649_blogpix.jpg

GOURMETVOX.COMにルート検索を追加しました。

  • 投稿日:
  • by
  • カテゴリ:

gourmetvox.comにワンタップで現在地からお店までのルートをスマートホンのGoogle Mapsに表示させる機能を追加しました。

GitHub : js-route-from-current-place-for-googlemaps

使い方は簡単です。gourmetvox.comのブログ記事ページにスマートホンからアクセスしてページをスクロールしていくと地図が現れます。その下にある「現在地からのルート表示 for Google Maps App」(下の画像の赤丸の部分)をタップしてください。

20140908195142_blogpix.png