MovableType.net のインポート機能は画像などのファイルを引っこ抜いて読み込むなど実は強力な機能があるのですが、今回はWordPressからのデータ移行を更に簡単にできる方法をご紹介します！WordPressエクスポートファイル変換ツールMovableType.net では、インポート機能でWordPressのエクポートデータ（投稿と固定ページ）を読み込むことができます。ただ、現状ですと標準的なタイプのデータしか読み込めない、、、ということもあり、カスタム投稿タイプやカスタムフィールドをMovableType.netで読み込むことができるようにする、変換ツールを用意しました！！！！https://movabletype.github.io/mt-wxr-converter/※実際にお使いいただき何かあれば適宜改善していますので、フォードバックお待ちしております！このツールで何ができるかというと、、、WordPressの投稿や固定ページ、カスタム投稿タイプをMovableType.netの記事やウェブページにマッピングできるWordPressのカスタムフィールドの項目を、MovableType.netのカスタムフィールドにマッピングできるWordPressのアイキャッチ画像（_thumbnail_id）をMovableType.netのカスタムフィールドにマッピングできるといったように、カスタマイズしているWordPressのサイトのデータもMovableType.netで読み込める形式に変換してダウンロードができるんです！カスタムフィールドの事前作成読み込めるデータができたので、早速読み込みたいところですがカスタムフィールドやアイキャッチ画像を使っている場合は事前準備が必要です。例えば、アイキャッチ画像を読み込み場合は、事前にカスタムフィールドのタイプを画像にして識別子を変換ツールで指定したものと同じにして作成しておきます。他のカスタムフィールドもそれぞれタイプや識別子など該当するものにして事前に作成しておく必要があります。データのインポート事前準備が完了したので、いよいよデータのインポートです。インポートはツール＞インポートメニューから行えます。まず先程変換ツールで作成したファイルを選択し、必要であれば文字コードを設定します。続いて、アイテムのインポートの有効にチェックを入れ、ウェブサイトドメイン名にもとのサイトのドメインを入力しておきます。こうして読み込むボタンを押すことによって、、、投稿や固定ページ内、カスタムフィールドで使われている画像やファイルと思われれるものを全部引っこ抜いてMovableType.netのアイテムに読み込む※ファイルのパスにドメインが含まれている必要があります。ソース内で/から始まる場合はテキストデータの状態で検索置換でドメインを補完するとうまくいきます記事やウェブページのアセット、カスタムフィールドとして紐付ける記事やウェブページの内のURLを現在のURLに置換するというのを自動でやってくれます！！（実際に私も画像が1000個ほどあるWordPressのサイトを1時間以内で読み込んだことがあります）さらに記事に紐付けるということは、EntryAssetとして使えるのでテンプレートの書き方次第ではサムネイル表示も可能なんです。←これ制作のとき一個一個設定しなきゃいけない、、といった作業で泣かずに済むいいところだったりします(^^).phpなら自動的に.htmlにリダイレクト最後に通常WordPressで投稿などのURLの最後は /test/ といったように終わることが多いと思いますが、拡張子を .php で運用するケースもあると思います。（これは Movable Type のソフトウェアで運用する場合でもありえますね。）MovableType.net では拡張子が .php でアクセスがあった場合、以下のように自動的に該当するアーカイブテンプレートがあれば自動的に301でリダイレクトされるようになっています。/2018/07/file.php = /2018/07/file.html （アーカイブテンプレートの最後が.htmlの場合）/2018/07/file.php = /2018/07/file/ （アーカイブテンプレートの最後がスラッシュ「/」で終わる場合 ）上記機能を活用すれば、SEO効果も保持しながらサイト移行が可能になります。以上、WordPressからMovableType.netへのデータ移行は実は簡単にできますので、ぜひ移行の際にお試しいただければと思います！！

フォーム機能を利用している場合に、期間限定の応募フォームである日時になったら受付を停止したいセミナーの募集人数は１０人なので定員一杯になったら自動的に停止したいといったケースがあると思います。今回追加された機能を利用すると上記どちらも実現が可能ですので、具体的な方法についてご紹介します！

MovableType.net に標準で搭載されているサイト内検索は以下の記事で詳細を解説していますが、サイト内検索機能を徹底解説！ - MovableType.net 活用ブログ今回は先日リリースされた Google のAPIを使った検索サービス、MovableType.net サイトサーチの設定から設置、カスタマイズまでを細かく解説していきます！MovableType.net で作られたサイトの場合は、標準の検索機能で十分な場合が多いですが、記事数が万単位だったりと大規模の場合は上記サービスも利用する場合があると思います。MovableType.net サイトサーチの特長低価格で広告非表示のサイト内検索をどのようなサイトでも導入可能価格は、月1,000円（年払いなら834円）からの低価格で広告の表示されないサイト内検索を利用できます。設置も指定された埋め込みコードを入れるだけで簡単ですし、MovableType.netに限らずMovable Typeのソフトウェア版、WordPressなどの他のCMS、静的HTMLのサイトなどどのようなサイトでも利用できます。Google Search API を使った精度の高い検索結果検索エンジンはGoogle Search APIを利用しているので、精度の高い検索結果を表示することができます。特定のキーワードでの検索時に優先して表示させる記事を指定独自機能として優先記事機能というものがあり「このキーワードの場合はこのページをトップに表示したい」といった場合でも、特定のキーワードの検索結果に優先的に表示させるページを指定できます。検索結果に表示される記事のタイトルや概要も個別に編集可能です。サーチエンジンの設定まず、サーチエンジンの設定を行います。契約（トライアル）しているサーチサービスの新しくサーチエンジンを作るをクリックしてサーチエンジンの作成ページを表示させます。サーチエンジン作成ページでは以下の設定を行います。タイトル：サーチエンジンの名前です。管理画面でわかりやすいように名前をつけます。サイトURL：実際に表示されるドメイン名を入力します。例：https://example.tv/検索エンジンID：Googleカスタム検索の検索エンジンIDを入力します。検索エンジンIDの詳細の取得方法は以下のマニュアルを御覧ください。検索エンジンIDの取得方法使用言語：日本語、英語、繁體中文の3言語から選択できます。検索結果のページ移動：設定しない場合は、同じページ内に検索結果が表示されます。有効にするとサイト内の特定のページに移動させることができるので、検索結果ページを作りそこで表示することができます。検索結果の挿入場所：検索結果をページ内のどこの場所に表示するか指定できます。挿入するHTMLタグのIDを入力してください。設定を行い、保存すると埋め込みコードが表示されるのでそれをコピーします。サイトへの設置続いて実際のサイトへ設置する具体的な方法をご紹介していきます。まず、コピーした埋め込みコードを表示したい場所へ貼り付けます。（ヘッダーやサイドバーフッターなどサイトによって変わるかと思います。）続いて今回は、検索結果のページ移動を有効にしたので検索結果のページを作成します。URLはドメインの直下に/search-result.html といったように設定したので、サイトの同じ階層に同じファイル名で検索結果のページを作成します。検索結果の挿入場所で指定したidをそのページ内に指定させるのがポイントになります。上記のように指定することにより、任意の場所に検索結果を表示することができます。検索ボックス、検索結果の見た目のカスタマイズ検索ボックスと、検索結果のHTML構造は決まっているので、それにあわせてCSSで見た目を自由にコントロールすることができます。詳しくは以下のマニュアルをご覧ください。検索ボックスと検索結果の見た目をカスタマイズする | マニュアル | MovableType.net サイトサーチGoogle アナリティクスと連携Google アナリティクスと連携することで、いつどんな検索キーワードでどんなページにたどり着いたのかを調べることができます。詳しくは以下のマニュアルをご覧ください。Google アナリティクスと連携し、サイト内検索のデータを閲覧する方法 | マニュアル | MovableType.net サイトサーチ検索対象を特定のフォルダ配下に限定するサイト内の特定のフォルダ配下を検索対象にする、ということができます。埋め込みコード内のidがmt-site-searchとなっているdivタグの中に以下の記述を追加します。data-filter-pathname="/blog/"/blog/の部分が指定したい任意のパスになります。優先記事機能で特定のキーワードで任意のページを上に表示検索結果の表示順番は基本的にはGoogleのエンジンによって決まります。しかし、このキーワードの場合はこのページを一番上に表示したいなぁ、、といった場合には独自機能の優先記事機能が利用できます。※ 優先記事機能はスタンダードプラン以上でご利用いただけます。優先記事は、左メニューの優先記事＞投稿新規から作成できます。優先記事のタイトル：検索結果で表示させる記事のタイトルを入力記事URL：優先記事のリンク先URLを設定概要（記事の要約）：検索結果に表示される記事の概要を入力キーワード：ここで設定したキーワードの検索結果で優先的に表示される（スペース区切りで複数設定可能）サーチエンジン：この優先記事を利用するサーチエンジンにチェックを入れる上記のようにキーワードごとに優先的に表示したい記事を指定することができます。以上 MovableType.net サイトサーチの設定・設置、カスタマイズ方法等説明してきました。どのようなサイトでも設置できますし、3日間の無料トライアルもありますので是非一度お試しください！！サイト内検索を低価格でかんたん設置 | MovableType.net サイトサーチ

マーケティング担当の さわ です。先日、MovableType.net にご登録のお客様に、初めてアンケートを実施しました。まずは、ご協力をいただきました皆様には心より御礼申し上げます！たくさんコメントをいただきましたので、シックス・アパートからの答えや補足とともに公開させていただきます。機能についてまずは、MovableType.net の機能についていただいたコメントを表にまとめました。いくつかをピックアップして、表の下で補足やコメントをさせていただきます。良いところ改善してほしいところ再構築も不要で動作が早くストレスが少ない記事の公開終了予約ができないお問い合わせフォームなど、専門知識が不要で助かる管理画面のモバイル操作への最適化不十分フォームが作りやすい記事編集時のポップアップカレンダーが真ん中に表示されて使い勝手が悪いので、右上に表示されて欲しいカスタムフィールドが使えるテーマが少ないKintone とフォームの連携がよくできているクライアント数が多いので、ダッシュボードがいっぱいになるコーディングの知識が少なくてもテンプレートを組める早く未対応の Data API 対応をしてほしい。検索機能がついたのがよい機能にはとても満足だが、インターフェースが初心者に不親切Pickup “良いところ” ① 再構築が要らない特に普段、ソフトウェア版・クラウド版などの Movable Type をご利用の方には、動的にページを生成する MovableType.net の「再構築」が不要な点が嬉しい、とのお声をいただいています。動的生成のCMSは記事を作成した際に都度ページを生成する「再構築」が不要のため、制作や更新担当の方の負担はとても軽くなります。しかし通常、サーバーやキャッシュの管理がしっかりしていないと、少しのアクセス集中で表示が重くなりサイト訪問客に負担をかけてしまったり、管理画面の操作もままならなくなったりするデメリットもあります。MovableType.net はSaaS型CMSのため、サーバーやキャッシュの管理はシックス・アパートがしっかり行なっているので、サイト管理者はそのことを気にせずに、動的生成のメリットだけを受けていただけます。Pickup “良いところ” ② フォームが使いやすいフォームが使いやすい、専門知識不要でお問い合わせフォームが作れる、Kintone連携ができる、などフォームに関するコメントもいただいています。フォームは基本的な機能からちょっとニッチな機能まで、いろいろとこだわりが詰め込まれています。プロダクトマネージャーが、このブログで「フォームで知られていないかもしれない機能まとめ」という記事を書いているので、ぜひこちらもお読みください。フォームで知られていないかもしれない機能まとめPickup “良いところ” ③ 検索機能がついた！6月にリリースされたばかりの「サイト内検索」機能も好評をいただいています。検索結果順位の簡単なカスタマイズなど、いろいろと設定も可能です。「訪問客が知りたい情報」「見てほしいページ」に素早くたどり着いてもらうためにも、また、ユーザーインサイトの分析に役立てて、ウェブサイトの改善やマーケティング活動の精度を上げるためにも、ぜひ実装してみてください。こちらもこのブログでいろいろと解説しています。ぜひご覧ください。サイト内検索機能を徹底解説！CSSサンプルあり！サイト内検索機能を実装してみようGoogle アナリティクスと連携し、サイト内検索のデータを閲覧する方法Pickup “改善してほしいところ” ①記事の公開終了予約ができない記事の公開終了予約（日時指定非公開）については、複数の方からコメントをいただきました。今回のアンケートを受け、「即座に対応すべき」となり、近日中に追加予定 です！ これまでご不便をおかけしており、申し訳ありませんでした。間もなくですので、もうしばらくお待ちください。Pickup “改善してほしいところ” ② ポップアップカレンダーの表示記事編集時のポップアップカレンダーが真ん中に表示されて使い勝手が悪い、右上に表示されて欲しい、というコメントをいただいています。こちらも、上記の公開終了予約機能の追加に合わせて改善することになりました。少しでも使い勝手がよくなれば幸いです。この他、モバイル最適化、ダッシュボードをはじめとするUIの改善、Data API のエンドポイントの拡充など、いろいろとご要望をいただきました。引き続き、開発チームのほうで検討を進めてまいりたいと思います。サポートについて続いて、サポートについてのご意見をまとめました。サポートについては「利用したことがない」とコメントいただいた方も多数いらっしゃいました。良いところ改善してほしいところ迅速な対応と満足の行く結果を得られている質問の意図に沿った回答をもらえない回答がはやく、的確なので安心して利用できています制作者側からの技術的な質問について満足のいく答えが出ない時がある返信がちゃんとかえってってくるので安心感がある返信が早い一方で、簡素な回答すぎて疑問が解消されていないことがある非常にスピード感があり、的確な答えをいただくので助かっている最初はオンラインの操作サポートがあると理解度が深められるとても真摯に丁寧だと思うGitHUB連携がうまくできないのでくわしいドキュメントが欲しい人間味あふれるサポートだと思います利用したことがない、あまり利用していない、あまりサポートに問い合わせる事が無い。活用ブログなどで具体的に新機能の使い方を紹介してくれて助かるPickup “良いところ” 回答が迅速、丁寧テクニカルサポートには、サポートスタッフが迅速に対応するように努めていますが、概ねご満足いただけているようで安心しました。「人間味あふれる」というコメントも印象的だったので、つい表に入れてしまいました。一定の評価をいただいている反面……Pickup “改善してほしいところ” 簡素な回答すぎて疑問が解消されないことがある返信は早いが、簡素すぎて疑問が解消されない、というお声もいただきました。他にも、表に書いたように、技術的な質問に満足のいく答えが返ってこない、意図に沿った回答がもらえない、というコメントも数件いただきました。サポートスタッフは、極力迅速に、わかりやすく簡潔な回答を心がけていますが、それが裏目に出ていることもあるようです。サポートスタッフにもアンケート結果は共有しており、改善できるところについては前向きに取り組んでいます。今後も気になる点がありましたら、ぜひご意見をいただければ幸いです。活用ブログでの機能解説や使い方のTIPSなども、ご活用いただいている方も多いようでした。反面、マニュアルがわかりにくいというお声も。これまで以上に、わかりやすいマニュアルや、解説記事、動画などの提供に努めたいと思います。その他全般その他、サービス全般に対していただいたコメントです。良いところ改善してほしいところ予算が少なめの案件で重宝しているFBやインスタグラムに比べて、どんなメリットがあるのか、なにができるのか、わざわざ費用をかける価値があるのかを教えて欲しい案件でのMT.netの利用率が上がってきている小規模な企業の固定費としては、他のレンタルサーバー・無料CMSと比較して高価な印象が強くなってしまうところもあるので、それらに負けない強烈な個性があると良い今後もどんどん利用していきたい全国の商工会議所や倫理法人会等の会合で話題に上がるのはWordPressなので、ぜひともこれらの商業系の集まりでの話題にMovableTypeが上がるように企業努力して欲しいMovable Type が好きで、MovableType.netのスペック、機能追加などのスピード感も好き使いこなすための説明が、非常にわかりづらくて不親切どんどん機能追加・改善が行われるのがいい現場の声を取り入れてもらえる機会も多いので安心MovableType.net は、サービス型という特性を生かして常に改善を行なっており、お客様からいただいたご要望にも、できる限りスピーディーに答えたいと考えています。すべてのご要望にお答えすることは難しいですが、「こういう機能がほしい」「ここが改善されればこの案件に使えるのに…」と思われたら、ぜひサポートにお伝えください。対応ができるもの、できないもの、将来的に対応したいと考えているものの現時点で難しいもの……いろいろなケースがありますが、必ず開発チームで検討させていただきます。また、ご指摘をいただいたような、MovableType.net を利用するメリット、商用CMSを利用する価値について、もっと積極的に情報を提供していけるように努力していきます。改めまして、この度はアンケートにご協力いただき、ありがとうございました。同様のアンケートを今後も実施していきたいと考えていますので、その際はまた、ご協力いただけると嬉しく思います。今後とも、MovableType.net をよろしくお願いいたします。

MovableType.net フォームでも標準のフォーム機能でも、業務改善プラットフォームのkintoneに直接送信データに送ることができます。今回は実際に設定からどのように使うか？までを細かく紹介していきます。kintoneにプラグインをインストールまず、kintoneの管理画面のkintoneシステム管理＞プラグインから、MovableType.netのアプリを以下からダウンロードしてインストールします。kintone用プラグインファイル読み込むボタンからプラグインファイルを選択してアップロードするとプラグイン一覧に表示されます。フォーム側の設定該当のフォームの基本設定ページの受付データのデータの保存先をkintoneにして保存します。その後に、連携の設定リンクから設定画面を表示し、表示されたURLをコピーボタンでコピーします。kintoneアプリの設定新規、もしくは既存のアプリの設定＞プラグインからMovableType.netアプリを有効化します。有効にした後は、設定ボタンを押し先程コピーしたURLをURL欄に貼り付けてインポート開始ボタンを押します。インポートが完了すると、フォームで設定した以下の項目とkintoneのフォームの項目が同期されます。項目に変更があった場合はもう一度URLを読み込ませると、再度同期されます。※ 同期されるのはMovableType.net上で作成した項目のみになりますので、別途kintone上で項目を追加することも可能です。実際にフォームを送信してみると、すぐ以下のようにkintoneにデータが送られます。以上のように社内業務管理にkintoneを利用している場合に、非常に効率よくお問い合わせ等を管理することが可能です。MovableType.net標準のフォームでも利用できますし、フォーム単体で月額1000円からご利用いただける MovableType.net フォームでも利用できますので、ぜひご活用いただければと思います！

6月6日にリリースした MovableType.net の「サイト内検索」機能、もう使ってみましたか？このサイト内検索機能は、Google アナリティクスと連携することで、いつどんな検索キーワードでどんなページにたどり着いたのかを調べることができます。サイトに来てくれた方が何を探しに来ていたのかは、とても重要なマーケティングデータです。訪問者のニーズを読み取り、検索結果の表示内容調整や、今後のコンテンツ作りに活かしましょう。

サイト内検索は機能では、記事とウェブページが基本的な検索対象となります。今回は、インデックス・テンプレートを追加する方法をご紹介します。なお、この方法は手動で対象コンテンツを追加しているので、インデックス・テンプレートに限らずファイルマネージャーでアップロードしたhtmlファイルなども対象にすることも可能です。entry.jsonファイルの準備まず、検索対象を追加するためにentry.jsonというファイルをインデックス・テンプレートで作成します。データ例は以下になります。[ { "id": "1111111", "title": "価格・購入", "body": "運用人数や必要なフォームの数にあわせてプランをお選びください。なお契約後のプラン変更も可能です。", "excerpt": "ウェブサイトの規模や運用人数により最適なプランをお選びください。なお契約後のプラン変更も可能です。契約はウェブサイト単位となり、1つのアカウントで複数のウェブサイトをご契約いただけます。", "keywords": "価格 購入", "permalink": "https://movabletype.net/form/price/" }]JSONフォーマットが正しくないとエラーとなって読み込めませんのでご注意ください。idは必須です。既存の記事と同じにならないような任意の数値を渡してください。titleは検索結果のタイトルとして表示されます。titleが指定されていない場合は、excerptの先頭15文字をタイトルとして表示します。excerptは必須です。検索結果の概要として表示されます。permalinkは必須です。検索結果のリンク先として利用します。body、keywordsなど、検索対象としているフィールドのいずれかを入れてください。検索ボックスの設定検索対象に上記のJSONファイルを追加したい場合には以下のように記述します。 mt:SetVars entryjson=$mt:BlogRelativeURL$entry.json /mt:SetVars $mt:SiteSearchSnippet entry_jsons="$entryjson"$以上の方法で他のページの情報も記述すれば、特定のページを検索対象として追加していくことが可能です。他の管理方法としては、上記JSONファイルを管理するためのブログを作って、記事として各コンテンツを入力する、という方法も思いつきますね。記事・ウェブページ以外を対象としたい場合は是非、上記をお試しください！検索機能の詳細についてはあわせて以下も御覧ください。サイト内検索機能を徹底解説！

この度MovableType.netにサイト内検索機能がつきました🎉外部の検索バーのデザイン調整に手を焼いていたテーマ開発者としても念願の機能です！同時に、既存のテーマに設置していたgoogleカスタム検索も.netの検索機能に変更しています。検索結果ページへのスムーズな遷移や、デザインのカスタマイズなど、とても使いやすくなりました。ぜひサンプルテーマで使い心地を実感してみてください！詳しい機能紹介については「サイト内検索機能を徹底解説！」をご覧ください。こちらでは、実際に.netで運用しているサイトに検索機能を導入する手順をご紹介します。以下のステップとサンプルCSSを元に、お使いのWebサイトにも実装してみましょう。

サイト内検索機能として使っていたGoogleカスタム検索の有料版がなくなって以降、お困りの方も多かったかと思います。MovableType.netでは、DataAPI+JavaScriptによってサイト内検索を行える機能を利用できるようになりました。今回は、このサイト内検索機能を徹底解説したいと思います！検索ボックスの設置方法検索ボックスを設置にするのは簡単です、以下のMTタグを一つテンプレートに記述するだけです。$mt:SiteSearchSnippet$そうすると実際のソースは以下のようなものが出力されますdiv class="mt-site-search-container"div id="mt-site-search" class="mt-site-search" data-worker="/.app/search-worker.js" data-fields="title,body,more,keywords" data-language="ja_JP"/divscript src="https://site-search.movabletype.net/v1.0.0/js/search.js" id="mt-site-search-script" async defer/script/divクラス構造など決まっているので、これにあわせてCSSを追加すれば検索ボックスの見た目もコントロールできます。と、実は単純に上記で設置した場合は検索結果の一覧は以下のように検索ボックスの下に表示されますし、ウェブサイト内のブログもすべて含んだものが表示されます。これだと、ちょっと設置には難しい場合が多いですよね(^^;)ということでフォームの検索結果をカスタマイズする方法をご紹介していきます！検索結果のカスタマイズカスタマイズ可能な項目の詳細は以下のマニュアルにも記述しているのですが、サイト内検索を設置する方法- マニュアル | MovableType.netMTSiteSearchSnippet - タグリスト | MovableType.net今回はこれは使うよね！という代表的なものの組み合わせを説明したいと思います！検索結果ページを作ってそのページに遷移させるまず、検索結果は専用のページをインデックス・テンプレートでsearch.htmlといったURLで作成します。そのページの中で検索結果を表示したい場所に、以下のようなidをつけたdiv等を用意しておきます。idは好きな名前でいいですが、今回は s-result にしています。div id="s-result"/divこれで検索結果ページの準備は完了です。続いて、検索ボックスのMTタグに以下のようにモディファイアを指定します。$mt:SiteSearchSnippet form_action="/search.html" search_result_container="s-result"$form_acitonでは遷移先の検索結果ページのURLを指定し、search_result_containerでは検索結果を表示する場所で指定したidを指定します。これで、どのページで検索を実行しても/search.htmlのページに遷移し、検索結果が表示されることになります。特定の範囲のコンテンツだけを表示させるサイト内全部のコンテンツが対象だと、、という場合には、色々な指定方法で対象を制限することができます。指定したブログ（ウェブサイト）指定したブログ（ウェブサイト）だけを対象にするには、以下のようにモディファイアを記述します。blog_ids="website,staffblog"website,staffblogと記述している部分は、各ウェブサイトやブログの設定＞全般のところで指定できる識別子かブログIDをカンマ区切りで指定できます。特定のカテゴリの記事だけを表示する以下のような記述を行うと、特定のカテゴリの記事だけを検索対象にできます。filter_categories="お知らせ"特定のフォルダ配下の記事だけを表示するブログ単位よりもさらにその下の特定のフォルダ配下だけを検索対象にしたい、といった場合は以下のように記述します。filter_pathname="/blog/archive/"といったように、検索対象の範囲を指定できます。これらを組み合わせて以下のように記述すると、、、$mt:SiteSearchSnippet blog_ids="website,staffblog" filter_categories="お知らせ" form_action="/search.html" search_result_container="s-result"$識別子がwebsiteとstaffblogのブログ（ウェブサイト）を対象に、さらに記事のカテゴリがお知らせとなっているものに絞り込み、その検索結果を/search.htmlに遷移して表示する、ということが実現できます。検索結果一覧のページ送りの件数を指定する標準では検索結果一覧は10件ずつページ送りになっています。それを変更するにはモディファイアに以下のように記述し数字部分を変更します。limit="20"検索結果の一覧の見た目を変更する出力されるHTML構造は以下のマニュアルにあるように、決まっているのでそのクラス構造にあわせてCSSを追加することによって見た目も調整することができます。サイト内検索を設置する方法- マニュアル | MovableType.net検索対象の項目を変更する標準の検索結果の対象は、記事・ウェブページのタイトル・本文・続き・キワードになっています。これをカスタマイズにするには、以下の方法があります。カスタムフィールドの1行テキストと複数行テキストを対象にするカスタムフィールドを利用する場合は、テキスト系のフィールドを検索対象にする必要があると思います。その場合は以下のモディファイアを値を1にして追加します。include_custom_field="1"特定のカスタムフィールドを対象にする例えば特定のカスタムフィールドのみを対象にしたい、という場合は以下の記述をします。fields="field:(フィールドの識別子)"また、標準の項目もあわせて対象にしたい場合は以下のように記述します。fields="title,body,more,keywords,field:(フィールドの識別子)"上記を応用すれば、例えばタイトルだけを検索対象にしたい場合は以下で実現できます。fields="title"特定のページを検索結果の上位に表示させる例えば、カスタムフィールドと検索をしたら「ブクマ必須！カスタムフィールドの出力基本パターンをご紹介」の記事を検索結果の一番上に表示させたい、といった場合には記事に重み付けをすることで実現できます。実際に重み付けはどうやるかというと、、、記事・ウェブページのキーワード欄に、指定したいキーワードを追加するだけです。利用するにあたって注意点は？MovableType.netの検索機能は「検索を実行すると検索対象のコンテンツのテキストデータをブラウザ上に読み込んで、それをJavaScriptによって検索結果として表示する」という仕組みになっているため対象のコンテンツが何万もある場合などは向いていません。ただ、数百数千のサイトであれば読み込むデータやブラウザ側の処理としても現実的ではあるので、多くのサイトでは問題なく利用できるかと思います。大規模サイト向けには今後別の方法で検索機能を提供できるような仕組みを検討しています。以上説明が長くなりましたが、閲覧者にとって非常に便利なサイト内検索機能、是非ご活用ください！

フォーム機能は、気がつくといろいろな機能が増えている、、、実は気づいていない機能もあるんじゃないか、、、ということで今回は意外と知られていないかもしれない機能をまとめてご紹介します！以下の機能は、基本的には MovableType.net に搭載されているフォームでも、フォームのみをご利用いただける MovableType.net フォーム のどちらもでご利用いただけます。バリデーションとノーマライゼーション例えば、「特定のドメインメールのアドレスは登録できないようにしたい」「全角で入力された郵便番号は必ず半角にして送信したい」といった場合は、カスタムスクリプトで実現できます。フォームに独自のバリデーションとノーマライゼーションを導入するフォームの項目の値をJavaScriptで更新する「フォームは１つだが、各製品ページからフォームへ遷移するとその製品が最初から選ばれている」といったような、フォームの項目の値をパラメーター等でJavaScriptで更新することもできます。フォームのカスタムスクリプト（フィールド更新処理の仕様） - マニュアル | MovableType.net自動返信メールの From を自社のメールアドレスにするフォームから情報を送信した人に控えなどを自動返信メールで送る際、SMTPの設定をすることで、メールの From を自社のドメインのメールアドレスにすることが可能です。フォームの自動返信メールのFromをSMTPで独自のメールアドレスに設定する方法受付件数を指定して制限する際に残りの件数をフォーム側に表示受付の制限機能として、指定した件数に到達すると自動的に受付を終了する機能がありますが、受付可能数、現在の受付数、残りの受付可能数を、フォームにアクセスしたリアルタイムの情報で表示することができます。終了日や件数でフォームの受付制限をする方法ユーザーアクションをGoogleアナリティクスで計測フォームは iframe で埋め込む形ですが、送信後にサイト内の指定のページリにダイレクトすることも可能です。さらにGoogleアナリティクスでフォームの閲覧から送信までの行動を細かく計測できます。フォーム内でのユーザーアクションをGoogleアナリティクスで確認する方法kintone 連携機能受付データを保存してCSVでダウンロードすることが可能ですが、サイボウズ社の提供しているkintoneを 保存先に選択できるようになっています。kintone を社内の業務改善システムとして利用している会社であれば、お問い合わせデータを直接 kintone で受けることが可能です。フォーム機能のデータの保存先に kintone を選択する方法 - マニュアル | MovableType.net以下はMovableType.net フォームでのみご利用いただける機能です。フォームに個別URLを持たせて表示する通常は、指定されたコードを用意したサイトのページ内に貼り付けてフォームを公開する形ですが、Googleフォームでアンケートを作成したときのように、フォーム自体を個別URLを持つ1つのページとして公開することも 、MovableType.net フォームなら可能です。MovableType.netフォームで個別のURLを持たせて表示させるさらに、スタンダードプラン以上で独自ドメインが利用できるようになったので、form.example.com といった自社のサブドメインでも運用できます。フォームの個別URLで独自ドメインが利用可能に | ニュース | MovableType.net フォーム以上、ほかにもたくさんあるのですが、上記の機能、皆さんご存知だったでしょうか？ぜひ実際にお試しいただければと思います！

こんにちは！プロダクトマネージャーの早瀬です。「CMSを入れていないウェブサイトなんだけど、自分たちでニュースとか更新できようにできないかな？」といった相談を個人的に知人から受けまして、その希望をMovableType.netで実現しました。その際、どのような手順でどのような対応を行ったかを記事としてまとめてみたいと思います！サイト移行の大まかな流れサイトを移行し、CMS化する流れはざっくりと以下になります。現在のサイト構成を確認し、どういったサイト構成にするか設計する現行サイトのファイルを移行する必要な部分のCMS化を行うサイト構成の確認と設計まず、現行のサイトの確認をします。サイト構成はシンプルに以下でした。トップページ（index.html）ギャラリー（gallery.html）受注制作（order.html）販売について（sales.html）レッスン（lesson.html）お問い合わせ（contact.html）CMS化する方法としては、いくつかのページはファイルのままアップする、すべてのページをウェブページで管理できるようにする、など色々あるのですが今回は必要最低限で以下の方法をとることにしました。各ページはインデックス・テンプレートで作成するお問い合わせは標準機能のフォームに差し替えるお知らせなどのニュースに関するテンプレートを追加する現行サイトのファイルを移行ひとまず、現在のサイトのhtmlやcssや画像パーツなどをアップロードします。静的なファイルはデザイン＞ファイルマネージャで管理でき、ZIPに圧縮してアップロードすると階層構造そのままに展開することも可能です。複数ファイルをアップロードできる ZIP 展開機能が利用できるようになりました容量の大きなZIP ファイルを分割してアップロードする時のコツ今回のポイントは、ZIPに圧縮する際にドメイン直下に余計なフォルダができないように、現行のサイトのルート直下のファイルとフォルダを全選択して圧縮します。圧縮したZIPファイルを選択すると、以下のように展開するかを聞かれるのでチェックを入れてアップロードします。アップロードが完了し、展開処理が終わると以下のようにファイルマネージャー上で管理できるようになります。各ファイルへのパスが問題なければそのままページとして表示されます。必要な部分のCMS化続いて、必要の部分のCMS化とお知らせ部分を記事で更新できるようにしていきます。各ページのインデックス・テンプレート化まず、各ページをテンプレート化します。デザイン＞テンプレートのインデックス・テンプレートの新規からテンプレートを作成するのですが、ここには元のサイトのindex.htmlのhtmlソースを貼り付けます。出力ファイルを同じindex.htmlにします。上記の方法で他のページもすべて作成します。作成したら、ファイルマネージャーでアップロードした各htmlファイルを念の為削除しておきます。お問い合わせフォームの差し替え元のお問い合わせフォームはphpで作成されていたので、MovableType.netのフォームに置き換えます。項目は元のフォームと同じものにし、必要に応じてカスタムCSSで見た目も調節します。作成したフォームの埋め込みコードは、お問い合わせテンプレートの該当の箇所に貼り付けます。トップページに新着記事一覧部分を追加するトップページに最新の新着記事一覧を追加します。トップページの該当箇所に以下のようなソースを追加します。div class="news" ul mt:Entries unique="1" limit="5" li a href="$mt:EntryPermalink$" time class="new-icon" datetime="$mt:EntryDate format="%Y.%m.%d"$"$mt:EntryDate format="%Y.%m.%d"$/time p class="title"$mt:EntryTitle encode_html="1"$/p /a /li/mt:Entries /ul /div p class="text-right news-list"a href="$mt:BlogURL encode_html="1"$news.html" class="newslist-button"i class="fa fa-angle-double-right"/i お知らせ一覧/a/p これで以下のように記事の更新情報のリストを表示できます。表示を整えるためにニュース用のCSSも追加してください。お知らせ一覧ページの追加他のページのテンプレートを流用してお知らせ一覧ページとして、インデックス・テンプレートでnews.htmlのページを作成します。記事一覧部分はページ送りも含めると以下のようなソースになります。 div class="news" ul mt:Entries paginate_by="10" li a href="$mt:EntryPermalink$" time class="new-icon" datetime="$mt:EntryDate format="%Y.%m.%d"$"$mt:EntryDate format="%Y.%m.%d"$/time p class="title"$mt:EntryTitle encode_html="1"$/p /a /li mt:EntriesFooter nav class="page-navigation" ul class="page-navigation-list" mt:PaginationHasPrevious li class="page-navigation-list-item page-navigation-prev"a href="$mt:PaginationPreviousURL$" rel="prev"前の10件/a/li /mt:PaginationHasPrevious mt:PaginationHasNext li class="page-navigation-list-item page-navigation-next"a href="$mt:PaginationNextURL$" rel="next"次の10件/a/li /mt:PaginationHasNext /ul /nav /mt:EntriesFooter /mt:Entries /ul /div /div!-- /content_news --これを流用して、カテゴリアーカイブや年別アーカイブも必要に応じて作成します。記事個別ページの追加記事の詳細を表示する記事アーカイブのテンプレートを作成します。デザイン＞テンプレートのアーカイブ・テンプレートから、新規でアーカイブタイプを記事にして作成します。ポイントは以下の部分のソースになります。 div class="content_news_body" h2$mt:EntryTitle encode_html="1"$/h2 time datetime="$mt:EntryDate format="%Y-%m-%d"$"span class="year"$mt:EntryDate format="%Y"$年/spanspan class="monthday"$mt:EntryDate format="%b月%e日"$/span/time mt:EntryCategoriesa href="$mt:CategoryArchiveLink$" class="category"$mt:CategoryLabel encode_html="1"$/a /mt:EntryCategories div class="entry_body" $mt:EntryBody$ $mt:EntryMore$ /div!-- /content_body -- /div以上で更新機能を持たせるためのCMS化は完了です。実際に作成したサイトは以下になります。RIKAチョークアート工房是非サイト移行等で上記方法をご活用ください！MTタグなども含むテンプレート編集について学習されたい方は以下のコンテンツもご覧ください！トフでもできる！？テーマ開発講座

フォーム機能では、独自の項目のバリデーション（入力される値のチェックやエラーメッセージの表示）やノーマライゼーション（入力された内容の均一化）をカスタムスクリプトとして実現することができます。フォームの項目の値をJavaScriptで制御する - マニュアル | MovableType.netフォームのカスタムスクリプト（フィールド更新処理の仕様） - マニュアル | MovableType.netフォームのカスタムスクリプト（バリデーション処理の仕様） - マニュアル | MovableType.netフォームのカスタムスクリプト（ノーマライゼーション処理の仕様） - マニュアル | MovableType.net今回は、実際にカスタムスクリプトを設置する方法をご紹介します。カスタムスクリプトの設置まず、scriptの設置場所ですが、必ずフォームを設置しているページ内（iframeのソースを貼っているページ）に埋め込んでください。今回はインデックステンプレートで作成し、設置するページのテンプレートに以下を記述しました。script src="mt:BlogURLcustom-script.js"/script内容は以下になりますwindow.MTNetFormDataLayer = window.MTNetFormDataLayer || [];function MTNetForm() { MTNetFormDataLayer.push(arguments); }MTNetForm("validator", [{id: "メールアドレス",validator: function(value) {if (/@example.com/.test(value)) {return "上記メールアドレスのドメインは利用できません。";}}}]);MTNetForm("normalizer", [{id: "郵便番号",normalizer: function(value) {return value.replace(/[０-９]/g, function(s) {return String.fromCharCode(s.charCodeAt(0) - 0xfee0);});}}]);特定のドメインのメールアドレスの受付を制限する例えば企業のメールアドレスしか登録させないようにしたい（フリーのメールアドレスを登録させたくない）、というケースがあります。その場合は上記ソース前半の、@example.comの部分を制限したいドメインに変更することによって以下のようにエラーメッセージを表示させることができます。全角で入力した郵便番号を半角に変換する郵便番号の入力が閲覧者によって全角になったり半角になったりとバラバラになるケースがあります。上記スクリプトの後半では、入力した郵便番号に対して必ず半角に変換して送信されるようにしています。以上、フォームをより便利に利用できるようにカスタムスクリプトを是非お試しください！