かたつむりくんのWWW

Movable Type で作る静的な動的Webサイト

こんにちは。この記事は「 Movable Type Advent Calendar 2016 - Adventar 」の 6 日目の記事です。Movable Type のアドベントカレンダーで 5 年連続で 12 月 6 日に書かせていただいております。

今日でついに 40 歳になりました。2016 年は家族で New Zealand に引越したり、40 歳になったり、bit part にもメンバーが加わったりと節目の年となりました。これからもよろしくお願いいたします。

今年のアドベントカレンダーの記事は、先日の MTDDC Meetup TOKYO 2016 のセッションで相棒の mersy が紹介した「 MT7を先取り!? DataAPI と Riot.js で作るユーザフレンドリーなダッシュボード 」関係にしようと思ったのですが、ここのところ管理画面ネタばかりなので、今回はオモテ側のお話にしようと思います。

今回のお題は「Movable Type で作る静的な動的Webサイト」です。

続きを読む

Google に Web ページを再インデックスしてもらう方法

サイトの情報を少し変更したので Google さまに再度インデックスしてもらうことにしました。

その手順をメモしておきます。

続きを読む

MTAppJSONTable と MTAppAssetFields で可変数&ドラッグアンドドロップで並べ替え可能なギャラリーを作る

本日公開した「 MTAppjQuery v1.10.0 」では、textarea をMT標準のファイルアップロードのフィールドに変更することができる MTAppAssetFields というメソッドを追加しました。

この MTAppAssetFieldsMTAppJSONTable を組み合わせて使うと、画像数が可変で、ドラッグアンドドロップで並べ替えができる画像ギャラリーを作ることができます。

MTAppAssetFieldsInMTAppJSONTable03-min.png

今日はその方法を紹介します。

続きを読む

MTAppjQuery v1.10.0 リリース - MTAppAssetFields、MTAppUserMenuWidgetの追加など

本日、MTAppjQuery v1.10.0 を公開しました。

今回のリリースでは、

  • MTAppAssetFields メソッドを追加
  • MTAppUserMenuWidget メソッドを追加
  • remove_host モディファイアを追加

などの機能追加の他、

  • MTAppJSONTable の機能向上・修正
  • MTAppSortableBatchEdit の修正

などがあります。

詳細は下記リリースノートをご確認ください。

Release Released v1.10.0 · tinybeans/mt-plugin-MTAppjQuery

今回のリリースの目玉は MTAppAssetFields ですね。この MTAppAssetFieldsMTAppJSONTable と組み合わせて利用するサンプルを下記の記事に掲載していますのでご覧ください。

MTAppJSONTable と MTAppAssetFields で可変数&ドラッグアンドドロップで並べ替え可能なギャラリーを作る

また remove_host モディファイアも地味に便利です。

もっともっと使いやすい MT に!

これからも MTAppjQUery をよろしくお願いいたします! m(_ _)m

MTAppjQuery で Movable Type のカテゴリ編集画面でもリッチエディタを使えるようにする

MTAppjQuery を使って、Movable Type のカテゴリ編集画面でも TinyMCE(リッチテキストエディタ)を使えるようにする方法をご紹介します。

Movable Type のカテゴリ編集画面で TinyMCE を使った例

続きを読む

関連記事を表示する Movable Type プラグイン - SimilarEntries v1.1.1 リリース

Movable Type で記事に関連する記事をリストアップする SimilarEntries プラグインの v1.1.1 をリリースしました。

SimilarEntries は、あらかじめ出力しておいた JSON を元に、記事の任意のフィールドの値から記事の関連度(スコア)を算出し、関連度が高い順に記事を表示させることができる Movable Type のプラグインです。

Release Released v1.1.1 · bit-part/mt-plugin-SimilarEntries

今回のアップデートでは、 mt-config.cgiStaticWebPathhttp から始まる URL を指定していて、 mt:SimilarEntriesShow タグで script_url モディファイアを指定していない場合に発生するバグを修正しました。

既にインストール済みの環境では、下記の2ファイルを差し替えるだけでも大丈夫です。

plugins/SimilarEntries/config.yaml
plugins/SimilarEntries/lib/SimilarEntries/ContextHandlers.pm

プラグインの詳細は下記をご覧ください。

bit-part/mt-plugin-SimilarEntries: 関連記事をリストアップする Movable Type プラグイン / Make a list of related entries.

関連記事を表示する Movable Type プラグイン - SimilarEntries v1.1.0 リリース

Movable Type で記事に関連する記事をリストアップする SimilarEntries プラグインの v1.1.0 をリリースしました(してました)。

SimilarEntries は、あらかじめ出力しておいた JSON を元に、記事の任意のフィールドの値から記事の関連度(スコア)を算出し、関連度が高い順に記事を表示させることができる Movable Type のプラグインです。このブログでも使っていて、我ながら便利だと思います(笑

今回のアップデートでは、関連度が同スコアの場合、これまでは新しい順でも古い順でもない JavaScript の処理に依存する順番になっていましたが、今回からIDの降順に並べるようにしました。

プラグインの詳細は下記をご覧ください。

bit-part/mt-plugin-SimilarEntries: 関連記事をリストアップする Movable Type プラグイン / Make a list of related entries.

ぜひお試しください。

Drupal commerce kickstart のチェックアウト画面にフィールドを追加するには

Drupal の commerce kickstart では、チェックアウトプロセスに進むと、請求先住所と送付先住所、支払い方法、発送方法といった予め用意された項目しか入力できません。しかし、場合によっては、チェックアウト画面で「備考」や「特記事項」、「フィードバック」などを追加したいということもあると思います。

今回は、注文した商品を Take away(New Zealand では Take out と言わずに Take away といいます)する日を選択したいという要望がありました。

そこで、今回は Drupal commerce kickstart のチェックアウト画面にフィールドを追加する方法をご紹介します。

続きを読む

Drupal commerce kickstart で注文があったときに管理者にもメールを飛ばすには

Drupal の commerce kickstart で注文が完了すると、注文したユーザーにはメール通知が飛びますが管理者にはメールが飛びません。これ、ショップ運営者には結構困りますよね。

ということで、管理者にもメール通知を飛ばす方法をご紹介します。

続きを読む

Drupal commerce kickstart の管理画面で Ajax エラーが出るのを回避する

Drupal の commerce kickstart で、コンテンツをフィルタしたり、次ページへ行こうとしたりするときに、下図のようなエラーが出て何もできなくなってしまいました。

commerce_ks_ajax_error-min.png

Google で検索してみると困っている人が沢山いる(いた)ようです。いろいろな解決策が出ていますが、どうもうまく行かず。。。

そこで、僕は下記の方法で対処しました。

続きを読む

MTAppjQuery でテンプレートの最終更新者が自分ではないときにアラートを表示させる

Movable Type のテンプレート編集画面を開いたときに、MTAppjQuery を使って、そのテンプレートの最終更新者が自分ではないときにアラートを表示する方法を紹介します。複数のメンバーがテンプレートを編集しているときに、ロールバックを防ぎやすいので便利です。

続きを読む

Movable Type の配列変数のコピーの仕方

Movable Type で配列の変数をコピーする時は注意が必要です。

例えば、下記のようにして配列を作ります。

<mt:SetVar name="team1" note="初期化">
<mt:SetVar name="team1" function="push" value="バッジョ">
<mt:SetVar name="team1" function="push" value="クライフ">
<mt:SetVar name="team1" function="push" value="ジーコ">

この配列の要素数を下記のように出力すると、

続きを読む

Drupal でユーザーがアカウントを作成したときにメールが飛ばないエラーへの対処方法

Drupal で掲示板があるようなコミュニティサイトを構築し、サイトのオモテ側から「アカウントを作成」しようとすると下記のようなメッセージが表示され、メールが届きませんでした。

  • 日本語 : メールを送信できません。問題が続く場合は、サイト管理者に連絡してください。
  • 英語 : Unable to send email. Contact the site administrator if the problem persists.

今回の環境は、Webサーバーが「さくらのクラウド」、メールが「ロリポップ!」という構成なので、メールをロリポップのSMTP経由で送信することで対処しましたので、その方法をご紹介します。

続きを読む

CentOS 7.2 の PHP 7.0 に OPcache をインストール

CentOS 7.2 の PHP 7.0 に OPcache をインストールしてみたのでメモ。

CentOS 7.2 に PHP 7.0 をインストール」でインストールした PHP が前提。

続きを読む

CentOS 7.2 に PHP 7.0 をインストール

CentOS 7.2 に PHP 7.0 をインストールしたのでメモ。

続きを読む

CentOS 7.2 に MySQL 5.7 をインストールした直後の root のパスワードが分からなかった件

メモ、

CentOS 7.2 に MySQL 5.7 をインストールしました。インストールしたときのコマンドをざっくりコピペしておくと下記のような感じ。

続きを読む

MTAppjQuery でユーザーが属するロールごとに表示を変える方法

MTAppjQuery を使って、ログインしているユーザーが属するロールごとにボタンの表示・非表示を切り替える方法をご紹介します。

MTAppjQuery をインストールすると、管理画面のカスタマイズに使える、色々な変数が詰まった mtappVars という JavaScript の変数(オブジェクト)が使えるようになります。

この mtappVars の中の author_rolesというプロパティには、ログイン中のユーザーが、現在表示しているウェブサイト/ブログに持っているロールが配列としてセットされています。

(例)"author_roles" : ["ブログ管理者","テストロール"],

今回のカスタマイズの分岐の方法は、この配列を利用して body に class を振り、その class によって user.css でスタイルを変えるという流れになります。

今回は、「ID が 2 のブログで、"テストロール"に属するユーザーは左サイドバーの記事以外のメニューは非表示にする」のを想定して説明します。

続きを読む

Alfred で Chrome のブックマックを検索して一発で開くワークフローが便利

Mac で大人気のランチャーアプリ「Alfred」。

この Alfred で Chrome のブックマークを検索して一発で開ける Alfred Workflow(ワークフロー)を入れてみたら、これがかなり便利だったのでご紹介します。

Alfred-chrome-00-min.png

続きを読む

Movable Type の一覧画面の日付の書式を自由に変更できるプラグイン - CustomizableListDateFormat v1.0.0 リリース

Movable Type の一覧画面の日付の書式を自由に変更できるプラグイン「CustomizableListDateFormat」の v1.0.0 を公開します。

このプラグインをインストールすると、Movable Type の管理画面の一覧ページに表示される日付の書式を、プラグインの設定画面で自由に変更できるようになります。

対象となる日付データは下記の通りです。

続きを読む

Movable Type の記事編集画面で MTAppjQuery を使ってカテゴリ選択欄をメインカラムに移動した時に適用しておくといい CSS

Movable Type の記事編集画面において、MTAppjQuery を使ってカテゴリ選択欄を右サイドバーから中央のメインカラムに移動するというのは良くやるカスタマイズのうちの一つです。

あ、余談ですが、MTAppFieldSort というメソッドは、普通に下記のようにしてカテゴリ欄もメインカラムに移動した上で順番を揃えることができます。

$.MTAppFieldSort({
  sort: 'title,category,tags,text,excerpt,keywords'
});

話を戻すと、カテゴリ欄をメインカラムに移動すると、そのままでは下図のように幅を持て余して少しもったいない感じになります。

続きを読む