Movable Typeで特定カテゴリのコメントを表示する方法
Movable Typeで特定のカテゴリに属する記事のコメントを表示する方法を紹介します。 １．問題点 コメント関連のテンプレートタグにはコメント投稿された記事のカテゴリで絞り込むモディファイアが用意されていないため、単純に絞り込むことができません。 たとえば、カテゴリ「foo」に属する記事のコメントを最新10件表示させたい場合、次のテンプレートで実現するものとします。 <mt:Comments lastn="0"> <mt:CommentEntry> <mt:if tag="EntryCategory" eq="foo"> <$mt:CommentDate format="%Y%m%d%H%M%S" setvar="date"$> <mt:SetVarBlock name="list" key="$date" append="1"> <li><$mt:CommentAuthor$>：<a
スパム対策にWordPressのコメントフォームをJavaScriptで出力するようにしてみた。 | Ginpen.com
<script type="text/x-html"> <?php comment_form(); ?> </script> <script type="text/javascript"> (function() { var s = document.getElementsByTagName('script'); document.write(s[s.length-2].text); }()); </script> <noscript><p>Turn on JavaScript to comment.</p></noscript> 出力されるフォームのHTMLをまるごとscript要素内に閉じ込めて非HTMLとして出力し、直後にスクリプトでそれをdocument.write()で書き出す、という。 type="text/x-html"については別の記事参照。 どんなデータでもページに埋め込
WordPressの固定ページでコメントフォームを非表示にする方法
WordPressの固定ページ（あるいは記事ページ）でコメントフォームを非表示にする方法をまとめました。 変更前後のイメージを掲載しておきます。 コメントフォームが表示された状態の固定ページ コメントフォームを非表示にした状態の固定ページ 以下、設定方法です。説明の中で使っている管理画面のスクリーンショットはWordPress 3.2.1です。 １．記事単位でコメントフォームの表示・非表示を制御する 記事単位でコメントフォームの表示・非表示を制御するには、投稿画面右上にある表示オプションをクリック。 「ディスカッション」をチェック（チェックされていれば次に進んでください）。 「コメントの投稿を許可する。」のチェックをはずす。 これで投稿すれば固定ページのコメントフォームが非表示になります。 ２．一括で制御する 一括でコメントフォームの表示・非表示を制御するには、ナビゲーションの「設定」→「
少しのjQueryコードでWordPressのコメント欄にリアルタイムプレビュー機能を加える
少しのコードでWordPressのプラグインを 使わずにリアルタイムコメントプレビュー 機能を加える方法です。殆ど使わない、と 思いますが、他でも応用できるコードなの で個人的にメモしておきたい。実装には jQueryを使用します。 コメント欄にコメントを書いていて、長くなってくると確認するのが結構面倒だったりします。長いコメントが入るコンテンツならコメントのプレビュー機能があると親切かもしれません。 こんなの↑ コメントを書いてるとプレビューにも反映される、という仕組みです。 <script type="text/javascript"> jQuery(document).ready(function(){ //プレビュー欄をコメント欄下部に追加。 jQuery("").add("<h3 id='preview-title'>コメントプレビュー欄</h3><div id='comment
Movable Typeのポップアップコメントにカスタムフィールドを表示する
Movable Typeのポップアップコメントにカスタムフィールドを表示するカスタマイズです。ご質問を頂きましたので本エントリーで情報展開します。 １．ポップアップコメントについて Movable Type（現時点のバージョンは5.0x）はデフォルトでポップアップコメント（コメントフォームを別ウィンドウで表示）をサポートしていませんが、「Movable Type 5でコメント投稿フォームをポップアップする」でカスタマイズを紹介しています。 このカスタマイズを行えばコメントをポップアップ表示できます。 本エントリーでは、このポップアップしたコメントフォームにコメントカスタムフィールドの内容を表示できるようにします。下の画面では「タイトル」「地域」というカスタムフィールドを表示しています。 カスタマイズを行う前にコメントカスタムフィールドを作成しておいてください。 ２．form要素の修正 まず
コメントカスタムフィールドの値をクッキーに保存する方法
Movable Typeのコメント投稿フォームで、コメントカスタムフィールドの値をクッキーに保存する方法を紹介します。 １．概要 Movable Typeのコメント投稿フォームは、「ログイン情報を記憶」をチェックしておくことで、投稿時に入力した名前やメールアドレスなどをクッキーに保存し、次回のコメント投稿時に利用することができます。 ただし、クッキーに保存できるのはデフォルトで用意されているフィールドのみで、カスタムフィールドで作成したフィールドは保存できません。 例えば下の画像のように、「テキストフィールド」というコメントカスタムフィールドに入力した値は、次回のコメント投稿時には反映されません。 本エントリーでは、コメントカスタムフィールドに入力した値をクッキーに保存できるようにする方法を紹介します。 カスタマイズ後のコメント投稿フォーム ２．カスタマイズ カスタマイズ対象は、コミュニテ
wordpressで最近のコメントを表示させる方法
ウィジットを使えば、最近のコメントを表示することができますが、さらに カスタマイズして、表示させたい人への方法 phpのタグ <?php $comments = get_comments(array('status' => 'approve' ,'number' => 5)); foreach($comments as $comment): $post = get_post($comment->comment_post_ID); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>へのコメント (<?php comment_author_link(); ?>より[<?php comment_date('m/d'); ?>]) <?php comment_text(); ?></li> <?php endfo
コメントプレビューでカスタムフィールドの値を表示する
Movable Typeのコメントプレビュー画面でコメントのカスタムフィールドの値を引き継いで表示するカスタマイズを紹介します。 １．問題点 コメントのカスタムフィールドをコメント投稿フォームに表示する方法は次のようになっています。 <input type="hidden" name="blog_id" value="<MTBlogID>" /> <input type="hidden" name="customfield_beacon" value="1" id="customfield_beacon" /> <mt:CommentCustomFields> <mt:SetVarBlock name="custom_field_name"><$mt:CustomFieldName$></mt:SetVarBlock> <mt:SetVarBlock name="field-content
お手軽WordPress Tips：総コメント数を表示させるコード
情報が見当たらなかったのでメモ。 WordPressで運営しているブログ に付いたコメントの総数を表示させる コードです。ちょい必要になりそう だったのでついでにご紹介します。 需要があるかは分かりませんがｗ というわけで、総コメント数を取得するコードです。 <?php $numcomms = $wpdb-> get_var("SELECT COUNT(*) FROM $wpdb->comments WHERE comment_approved = '1'"); if (0 < $numcomms) $numcomms = number_format($numcomms); echo "計・ ".$numcomms."のコメントがあります"; ?>これで「計・nのコメントがあります」と表示されます。 実装 こんな感じで。 クチコミサイトなんかもたまに見かけますので「～件のクチコミがあります
コメントフォームとコメント一覧を表示する[WordPressテーマ作成 #5] | PAOLOG
シングルページ（記事の個別ページ）にコメントフォームとその記事に投稿されたコメントの一覧を表示するようにテンプレートをつくってみます。 デフォルトテンプレートをみてもコメントの部分はけっこう複雑なのでindex.phpだけではつらいです。なのでテンプレートを分けます。 「comments.php」という名前で新規ファイルを作成。これにタグを書いていきます。index.php側でこのテンプレートを読み込むには次の構文を記事のループの中に書きます。 <?php comments_template(); ?> さらに、次の文をhead要素内に書きます。 <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?> コメント返信用のJavascriptを挿入するための記述です。wp_head()関数があるときはそ
WordPress me 2.2.3 を WordPress 2.6 に移行 | 日々是好日
WordPress me を本家のWordPressに移行しました。 meでも今のところ全然問題ないのですが、更新が終了してしまったため、何かある前に今のうちに移行してしまったほうが安全かなと思って決行しました。（調べてみたら意外と簡単にできそうなのもあって） 簡単だと思いきや、プラグインが対応してなかったりして時間かかってしまいました。。。 というわけで作業内容です。 WordPressの日本語版のHPにやり方が載っているので確認します。 http://ja.wordpress.org/upgrade/ たった４行だけ。。。 1. 変更したファイルを保存し、古い WP ファイルを削除します 2. 新しいファイルをアップロードします 3. ブラウザで /wp-admin/upgrade.phpにアクセスします 4. もっと何かしたかったですか ? これだけです ! ん～
Movable TypeでreCaptchaを利用する
Movable TypeでreCaptchaを利用する方法です。ここではMovable Type 4.x向けの内容で書いていますが、Movable Type 5でもほぼ同じです。 １．基本 Movable TypeでデフォルトのCAPTCHA機能を利用するためにはImageMagickなどの画像ライブラリが必要ですが、サーバ環境によって画像ライブラリが利用できない場合、本エントリーで紹介するreCaptchaで代替することができます。 Movable Type既定のCAPTCHA reCaptchaによるCAPTCHA reCaptchaとはCAPTCHA画像を生成し、入力した内容が正しいかどうかを判定してくれるサービスです。サービス的にはかなり枯れたもので、2009年にGoogleに買収されました。 reCaptcha 以下、利用方法です。 ２．reCaptchaの登録 reCaptch
フォームから別ウィンドウを開く方法のまとめ
フォームから別ウィンドウを開くためのTipsをまとめました。 １．はじめに フォームから別ウィンドウを開く場合、 別ウィンドウで起動されるCGIにフォームデータを渡したい フォームボタンを複数回クリックしたときに別ウィンドウを1枚しか開きたくない フォームボタンを複数回クリックしたときに別ウィンドウを複数枚開けるようにしたい と、色々なケースがあります。 業務で使うCGIを開発するときにこれらのことをネットで色々調べたのですが、FAQサイトなどに個別の情報が散在しているだけでしたので、このエントリーで一挙にまとめてみました。 ここではjQueryを使わないオーソドックスなコードで解説します。コード内に使われているCGI（new_window.cgi）は６項に掲載しています。サンプルを実行する場合、すべての資材を同じディレクトリに配置して実行してください。 ２．基本動作 フォームから別ウィン
Movable Typeでカテゴリ別+ブログ記事別に新着コメントを表示する
Movable Typeでカテゴリ別+ブログ記事別に新着コメントを表示するカスタマイズを紹介します。 ここでは「お知らせ」「イベント」という2つのカテゴリがあり、それぞれ最新の10件をブログ記事別に出力する例を示します（サンプル画像は投稿コメントが10件に満たないので少なくなってます）。 このカスタマイズは「「最近のコメント」をネイティブタグのみで適正に表示する」の応用です。 １．サブテンプレート カテゴリ別に新着コメントを表示するには、次のサブテンプレートをコピー＆ペーストしてください。赤色部分が出力したいカテゴリになりますので適宜変更してください。 <mt:SetVar name="count1" value="0" /> <mt:SetVar name="count2" value="0" /> <mt:Comments> <mt:CommentEntry> <mt:SetVarBl
コメント投稿にTwitterのOAuth認証を導入
当ブログ（Movable Type）のコメント投稿にtwitterのOAuth認証を導入しました。 投稿コメントにはTwitterのロゴやユーザー名が反映されます。リンクをクリックすれば、Twitterのユーザーページにジャンプします。 当ブログのコメント欄では次のように表示されます。 １．考え方 OAuth認証は、サービスプロバイダが提供しているAPIを利用することが前提と思われますが、OpenIDのようなユーザー認証としても使えるのではないかと思い、プラグインを開発してみました。 処理イメージは次の通りです。図の右上はよくあるOAuthの処理イメージです。2でリクエストトークン取得、6でアクセストークンを取得します。このあとAPIを利用は行わず、認証されたユーザーとみなして、7でサインインしたブログ記事ページにリダイレクトさせています。 ２．認証方法 冒頭の繰り返しになりますが、クラシ
コメントにHTMLタグ挿入ボタンをつける（MT4/MT5版）
Movable Typeのブログ記事のコメント欄にHTMLタグの挿入ボタンを表示するカスタマイズです。 このカスタマイズは、MT3の時代にエントリーした「コメントにHTMLタグ挿入ボタンをつける（改）」のMT4/MT5版です。ご質問を頂きましたので本エントリーにて紹介致します。 以下、「クラシックブログ」テーマをサンプルに、カスタマイズ方法を説明します。 １．HTMLタグ挿入ボタンのダウンロード 以下のファイルをダウンロードして展開します。 HTMLタグ挿入ボタン 次に、ブログのサイトパス（index.html があるディレクトリ）直下に images ディレクトリを作り、展開した中にある以下の画像ファイルを images 配下にアップロードしてください。 html-bold.gif html-italic.gif html-underline.gif html-link.gif html
Movable Type 5でのMTCommentsタグの動作
当ブログのサイドバーなどに表示している「最近のコメント」は、「「最近のコメント」をネイティブタグのみで適正に表示する」で紹介している方法で、 新着コメントがあるエントリーを降順に表示 エントリー内のコメントを昇順に表示 としているのですが、Movable Type 5にバージョンアップしてから上記の規則にしたがった表示にならなくなりました。 １．問題 下の画像は、バージョンアップ後の「最新コメント500」のページのコメント表示です。一番下のコメント（9月26日投稿）よりも、それ以前に投稿されたコメントがあるエントリーが上に表示されています。 ２．原因 ソースコードを確認したところ、Movable Type 5でのMTCommentsタグの動作が変更されていました。Movable Type 4では、MTCommentsタグにsort_orderモディファイアを設定していない場合、sort_o
ブログ記事とコメントをひとつのフィードで配信する
Movable Typeで、ブログ記事とコメントをひとつのフィードにまとめて出力するカスタマイズを紹介します。 １．利用シーン このフィードは、掲示板やFAQなどのような、コメント投稿の比重が高いサイトでの利用を想定しています。 例えばコミュニティ掲示板で、トピックに対するコメントをフィードで配信している場合、コメントしか購読できないと、元のトピックの内容が分かりません。元のトピックを読むには、表示されているコメントの元ページから辿るか、トピックを配信するフィードを別に購読する必要があります。次のキャプチャは、Firefox 3でフィードを表示したものです。 変更前 トピックとコメントをひとつのフィードにまとめて時系列に表示することで、掲示板全体の流れを購読することができます。 変更後 もちろん、通常のブログでも利用できます。 ２．フィード用テンプレートの作成 フィード用のインデックステン
Movable Typeのコメント一覧からウェブページのコメントを除外して表示する
Movable Type 4、Movable Type 5で、コメント一覧からウェブページのコメントを除外して表示するカスタマイズを紹介します。 変更前 変更後 １．基本 MTCommentsタグは、MTEntriesタグ内部で使った場合はブログ記事へのコメント、MTPagesタグ内部で使った場合はウェブページのコメントを出力しますが、単独（=MTEntriesタグやMTPagesタグで括らない）で利用した場合は、ブログ記事／ウェブページの両方のコメントを出力する仕様になっています。 MTCommentsタグには、ブログ記事／ウェブページのどちらへのコメントかを判定するモディファイアは用意されていません。 投稿コメントが、ブログ記事／ウェブページのどちらへのコメントかを判定するには、次のようにMTCommentsタグ、MTCommentEntryタグ、MTIfタグを組み合わせます。 <mt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ワードプレスでコメントやトラックバック非許可に対応するタグ ｜ Director's Cut – art project team Blog -