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なので、マイナーアップデートもしてませんでした。
今となっては当たり前のように付いているSNSへのシェアボタン。
2015年6月6日に開催されたMTDDC Meetup TOHOKU 2015参加してきました。http://mtddc2015.mt-tohoku.net
<MTEntryExcerpt>タグ、<MTPageExcerpt>タグはブログ記事やウェブページの編集ページで概要に入力した内容を表示してくれます。
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を起動した後は、まずは初期設定です。設定するのは以下の内容です。
「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」から投稿したいブログを選択してあげます。同時にカテゴリーが読み込まれるので、これで投稿するための準備が完了です。
画像のアップロードはいたって簡単です。画像を挿入したいところにカーソールを持って行ってMT Writerのウィンドウに画像をドラッグ＆ドロップするだけです。
画像は挿入後もリサイズができます。
リサイズしてみました。横幅を480pxから360pxに変更しました。縦横比は保たれたままリサイズされます。
ちなみに画像のファイル名はドラッグ&ドロップした日時にリネームされるので、よっぽどな光速で操作しない限り被ることはないと思います。
上の写真を「Square」でアップロードしてみました。
かなり記事を書くのが楽になります。後は定型文が使えるといいかな。あまり使わないけど...。
あと、リッチテキスト・エディタでリストを作った時、リストの項目を全て入力後、そのリストから抜け出すにはどうしたらいいのだろう？returnを2回押しても抜け出せないようなんだけど、抜け出すための操作が違うのかな？
とりあえず、MT Writerで12年目の初投稿を書いてみました。
WEBサイトを作っていると色々なパーツが必要になりますよね。ヘッダー画像とか、リンクボタンとか...。
Movable Type Advent Calendar 2014の10日目の記事です。
Movable Typeでサイトを管理する際、カテゴリーページのURLが「http://www.URL/メインカテゴリー/サブカテゴリー/」となる設定が使われることがよくあると思います。
このように「/メインカテゴリー/サブカテゴリー/」の様にディレクトリを切ってファイルを管理するのは、CMSを使わずにウェブサイト構築にDreamweaverなどを使ってHTMLファイルを作り、FTPソフトでアップロードしていた時代の名残なのかなと思います。このようにするとHTMLファイルなどファイル管理しやすかったですからね。
シックス・アパート株式会社よりMovableType.netという、MT Cloudよりライトなサービスが登場しました。
現在、ベータトライアルで無料ということもありアカウントを作ってみました。普段はレンタルサーバーにMTをインストールして使っているので必要ではないのですが...。
iOSのブラウザ"Mobile Safari"で既存のブログ記事の編集画面を開いた時、そのブログ記事のタイトルが長くて全て表示できない場合、表示されていない部分にカーソールを持っていくことができないので編集ができません。
ブログの全般設定にあるタイムゾーンは、設定してしまえば変更することは普通ないと思います。
ただし、旅行記ブログなどの場合にブログ記事の日付を現地時間にしたい場合は、設定を旅行先のタイムゾーンに変更しておくと後から修正しなくていいので、行き先に応じてタイムゾーンを変更するのもアリかなと。まぁ、旅先でブログ記事をその都度書かないとなりませんが...。
最近、イベント告知サイトがいろいろと増えてますが、そういったものもMovable Typeで作れるなと思い取りあえず作ってみた。まぁ、突っ込みどころはたくさんあるのでしょうが、取りあえずサンプルというかテストという感じで作ってみました。
下記のブログを読んで某ブログのテンプレートを書き換えました。
グローバル・モディファイアを使いこなそう
ブログの記事を書いたとき、その記事の概要を書く部分があります。Movable Typeだと「概要」です。「記事の作成」または「記事の編集」画面の下の方にあります。
珍しくコメントをいただきました。そのコメントは過去の記事で書いた「MovableType 5でスペースのみを入力して検索すると「エラーが発生しました。」となる件」に対する解決方法が知りたいということでした。
ブログの記事が1件しかないと言うことはまずないと思いますが、絶対にないとは言えないですし、実際にブログ記事が1件しかないブログを作ってしまいました。
作っている時はブログ記事が1件しかないことなど想定せずにテンプレートを書いていたのですが、実際にブログ記事が1件の場合に想定外のことが起こってしまいました。ブログ記事が2件以上あれば下の画像のように前後の記事へのリンクが作られます。
gourmetvox.comにワンタップで現在地からお店までのルートをスマートホンのGoogle Mapsに表示させる機能を追加しました。
GitHub : js-route-from-current-place-for-googlemaps
使い方は簡単です。gourmetvox.comのブログ記事ページにスマートホンからアクセスしてページをスクロールしていくと地図が現れます。その下にある「現在地からのルート表示 for Google Maps App」（下の画像の赤丸の部分）をタップしてください。
MTAppjQuery、使ってますか？！MTAppjQueryとはMovable Typeの管理画面をカスタマイズするプラグインです。
Movable Typeのプラグインと言えば、9/26にプラグインについてのイベントがあります。詳細はこちらから->MT Tokyo
それでMTAppjQueryですが、通常はWEBサイトやBlogにインストールされたテンプレートのuser.jsとuser.cssに設定を書いてカスタマイズします。
Blog単位でカスタマイズが出来るので、複数ある様々なデザインのBlogの管理画面を最適な形にカスタマイズすることが出来ます。
MTAppjQueryのuser.cssにコメントを書くことがあると思います。
昨日書いた「MTAppjQueryをインストールしてカテゴリーを選択しやすくする」が分かりづらくなってしまったので、カテゴリーの高さを変える方法だけをこちらに転記しました。内容は昨日のエントリーとほぼ同じです。
下の画像はMTAppjQueryのuser.cssを適用前のカテゴリー一覧です。
