Event Organiserはイベントをカテゴリーに分け、しかもカテゴリーごとにカラーピッカーで色設定も出来るので、普通のクライアントさんでも簡単に設定できて評判いいです。

が、「カテゴリーの一覧を色つきで表示させて」と言われてハタと困ってしまいました。頼りのCodexにもそれらしき記述は見当たらず・・・何とか自力解決したのでメモしておきます。

まずはカテゴリー一覧の表示ですが、Codexにはそれらしきものが見当たりませんでした。「イベントのカテゴリーを表示」や「イベントのカテゴリーの色を表示」はあったんですが、カレンダーの下部にカテゴリーだけの一覧を色つきで出したかったのでNGでした。

じゃあ普通にWordPressのカテゴリー一覧取得で、taxonomyを指定すればいいのでは？　と思い、タクソノミー名をチェック。

DBも覗いたりしたんですが、単純にダッシュボードのメニューで「イベント」の「カテゴリー」をマウスホバーすると、リンク先URLの中に「taxonomy=event-category」の文字が。

タクソノミー名は「event-category」と判明！

WordPressのカテゴリー一覧を取得する「get_categories」を使って、

<?php
$args = array(
  'taxonomy' => 'event-category'
  );
$categories = get_categories( $args );
foreach ( $categories as $category ) {
	echo '<p>' . $category->name . '</p>';
}
?>

で無事に一覧取得OK！
（カテゴリーページへのリンク付きでリスト表示したければ、wp_list_categories()タグでもOKです！）

お次はカテゴリーの色です。いろいろ考えて、そもそもデフォルトテンプレートではどう表示させているんだろうと考えて、Event Organiserのフォルダ内で「color」を検索したところ、classesフォルダ内の「class-eventorganiser-shortcodes.php」で、

$color = esc_attr($term->color);

と$color変数に$term->colorで取得しているのを発見！

全文読んではいませんが(笑)、$termは「foreach ($terms as $term):」のforeach文で回している中にあったので、$termsがカテゴリーオブジェクトで、各カテゴリー毎に$termで出力しているんだろうと見当を付けて、上記ソースを以下のように改変してみました。

<?php
$args = array(
  'taxonomy' => 'event-category'
  );
$categories = get_categories( $args );
foreach ( $categories as $category ) {
	$color = esc_attr($category->color);
	echo '<p style="background-color: ' . $color . '">' . $category->name . '</p>';
}
?>

これで<p>タグの背景色としてカテゴリーで設定した色をセットすることができました！

HTMLの出力はお望みのデザインに合わせて改変してください。

これでますますEvent Organiserが使いやすくなりました。ブラボー！(笑)

Event Organiserのカテゴリー一覧を色つきで表示はWordPressカスタマイズ、サイト作成メモで公開された投稿です。

サクッとカスタム投稿が作れるのは便利なのですが、カスタム投稿はデフォルトでパーマリンクに「archives」の文字列が入ってしまいます。これを削除する設定個所がわかったのでメモしておきます。

カスタム投稿タイプのパーマリンクは、たとえばカスタム投稿のスラッグが「info」だった場合は、

サイトURL/archives/info/個別投稿スラッグ

などになってしまいます。途中の「archives」がジャマなんですよね(^^;

functions.phpで手動で追加した場合はrewriteの部分の記述を変更すればいいらしいですが、Typesで追加したのでfunctions.phpでURLだけ追加の記述を入れる、とかはちょっとしたくない・・・

ということでいろいろ調べてみたら、プラグインでカスタム投稿を追加する定番プラグイン、Custom Post Type UIの場合は、「With Front」という設定項目を「False」にすればいい、ということでした。ならばTypesにもあるのでは？　と探したところ、ありました！

各投稿タイプの編集画面で、「オプション」を開くと「固定リンクでフロントに追加できます」というチェックボックスが！

デフォルトでチェックボックスがONになっているので、オフにすればURLから「archives」の文字が消えます！

普段はこの「オプション」はいじったりしないし、なんで「フロントに追加」かどうかでパーマリンクが変わるのかよくわかりませんが(^^;、とにかくカスタム投稿でパーマリンクいじることは多いので、忘れないようにしておきたいです。

Toolset Typesでカスタム投稿のパーマリンクから「archives」を削除するはWordPressカスタマイズ、サイト作成メモで公開された投稿です。

bbPressの設定画面には、何分間までなら編集できるかを設定する項目があります。

bbPress日本語化ファイルで日本語にしていて、「投稿後編集を許可しない時間」となっていますが、実際は「投稿後編集ができる時間」とする方が正しいかと思います。デフォルトでは5分となっており、投稿後5分以内なら投稿者は編集ができるけれども、5分以上経ったら編集ができなくなってしまいます。

より正確には、「編集」というリンクが非表示になってしまいます。

「投稿後編集を許可しない時間」を999999など、どれだけ大きな時間にしてもいつかは消えますし、逆に「0」にすると速攻で「編集」リンクは消えます。この期限制限を無効化する方法が、デフォルトでは用意されていないんですね。

どうしてこんなおせっかいな要らない機能(笑)があるのかはわかりません。管理・運営上やセキュリティの問題かもしれませんが、自分の書いた投稿、コメントに問題や間違いを見つけたら、放ってはおけないのが日本人気質な気がします(笑)

いろいろ調べてみて、bbPress本家のSupportフォーラムには「数字じゃなくて x とか文字を入れれば、認識できなくなって機能しなくなるよ！」という裏ワザがあったのですが(笑)、結構古い投稿で、現時点では数字以外は入力できないようになっています。ちなみに空欄のままにして「保存」をすると、ちゃっかりデフォルトの「5」が自動入力されちゃいます。ホントにうっとおしい！(笑)

と、長々と引っ張ってしまいましたが、編集のリンクを設定時間後に非表示にするフィルターがbbPressにセットされているので、そのフィルターを無効にするフィルターフックをfunctions.phpに噛ませればいい、という書き込みをbbPressフォーラムに見つけました！

Topic: Unlimited edit time · bbPress.org

以下のソースコードをfunctions.phpに記述すればOKです！

function no_edit_lock($retval, $cur_time, $lock_time, $post_date_gmt){
	return false;
}
add_filter( 'bbp_past_edit_lock', 'no_edit_lock', 1, 4);

bbp_past_edit_lockが「編集」リンクを非表示にするフィルターなので、それを何もさせずにただreturnさせて無効化している、というわけですね。胸のつかえが取れました(笑)

地味～なワザですが、意外と悩んでいらっしゃるbbPressユーザーの方はいらっしゃるかと思います。参考になれば幸いです。

bbPressで投稿やコメントの「編集」リンクを常に表示させる方法はWordPressカスタマイズ、サイト作成メモで公開された投稿です。

対応策はこちら（ WordPress › Support » Can’t Update to latest version ）の13番目の投稿です。

英語の説明ですが、シンプルなので大体おわかりかと思います。この通りの手順で私も対応できましたので、それを順に説明します。

まずこちらのtypesの登録ページ（Register for Types and Views support）に行き、左下の「Free registration」をクリック。

名前とメアドを入力して、右下の「Create Free Acount」をクリック

サンキューページが表示されます。

「Your new account in Toolset is ready」というメールが届いているので、その中のLogin nameとパスワードを確認してください。

typesサイトの右上のアカウントアイコンをクリックしてログイン画面に行き、メールにあったLogin nameとパスワードをコピペして「Login」をクリック

「Sites」をクリック

「Add new site」をクリックし、入力欄にWPのインストール先URLをhttpから入力して、「add」をクリック
※ サイトのURLではなく、WPのインストールフォルダのURLです！

サイトが登録されたら、赤字の「Show Key」をクリック

keyが表示されるのでそれをコピーして、登録したサイトのWPダッシュボードのサイドバー「types」＞「Installer」をクリックして、「Register Toolset」をクリック

表示された入力欄にコピーしたKeyをペースとして「OK」をクリック

サイトが登録されたという意味の英語が表示されたら完了です。

あとは通常どおりプラグインを更新すればOKです！
お疲れさまでした！

プラグイン「types」アップデート不具合の対処法はWordPressカスタマイズ、サイト作成メモで公開された投稿です。

ACFではまずフィールドグループを作成し、その次にカスタムフィールドを一つずつ追加していきます。そのフィールドを追加する「ルール」のプルダウンから、「分類（追加/編集）」を選びます。

一番右のプルダウンから「カテゴリー」を選びます。

あとは通常通りフィールドを新規追加して、右上の「更新」をクリックします。今回はカテゴリーページのタイトルタグを独自に設定するための入力欄として「カテゴリーページタイトルタグ」という欄を追加しました。

カテゴリーページに移動してみると、このようにフィールドが追加されています。

セットした値を表示させるには、テンプレートに以下のソースを追加します。

<!--?php   $cat_id = get_queried_object()--->cat_ID;
  $post_id = 'category_'.$cat_id;
?>
<!--?php the_field('フィールド',$post_id); ?-->

実はこの表示のさせ方が最初わからなくて苦労しました。上のソースコードはすべてこちらのサイトに書かれているとおりのものですが、これを見なければ相当はまっていたと思います。どうもありがとうございました。

参考：Advanced Custom Fieldsでカテゴリごとのヘッダ画像・テキストの追加おぼえがき | yomogi★log

Advanced Custom Fieldsでカテゴリーにカスタムフィールドを追加するはWordPressカスタマイズ、サイト作成メモで公開された投稿です。

Typesでカスタムフィールドを作る場合、Typesはカスタムフィールドをグループ単位で管理するので、まず「カスタムフィールドグループを追加」をクリックして新規グループを作成します。そこでまずはグループタイトルを設定するのですが、ここに日本語でグループ名を設定してしまうと、投稿画面の「表示オプション」で該当グループ名のチェックをオン・オフしても、投稿画面で表示・非表示が切り替わらなくなってしまっています。

投稿画面の「表示する項目」に、Typesで作成したグループ名が表示され、チェックを入れるとそのカスタムフィールドが表示され、外すと非表示になるのですが、日本語のグループ名は、チェックをオンオフしても表示・非表示が切り替わらなくなっています。上記の場合ではtest-03, test-02, types1 の３つはオン・オフが効きますが、日本語名の「テスト04」はオンオフが切り替わりません。

しかも、チェックが入っていようがいまいが表示されるならまだしも、場合によっては最初から非表示のままで、どうしても表示できなくなってしまうグループもありました。こうなるともうお手上げです。

WP3.5のときはこんなこと起こってなかったと思うので、3.51にしてからのことのように思います。こんなふうになっているのは私だけでしょうか・・・どなたか解決策ご存じの方、いらっしゃいましたらぜひご教授お願いいたします。

WP3.51+カスタムフィールドプラグイン・Typesで不具合？はWordPressカスタマイズ、サイト作成メモで公開された投稿です。

AddQuicktagも公式プラグインですので、プラグイン検索で名前を入れれば出てきます。インストールして有効にすると独自設定画面が出てくるので、ここでボタンを登録していきます。

たとえばSyntaxHighlighter EvolvedでPHPソースに使うショートコードは［php］~~［/php］なので、これをPHPという名称にボタンに登録します。

登録は、それぞれの欄に必要事項を入れていくだけ。直感的でわかりやすいです。私は上記のようにまず５つのボタンを登録し、ヴィジュアルエディターでも表示されるようにして、表示箇所は投稿ページのみとしました。これで投稿画面のツールバーに５つのボタンが加わりました。

テキストモードの場合

ボタン名として設定したPHP, PHP 1-line, HTML, HTML 1-line, CSS が追加されています。

ヴィジュアルモードでは、以下のように「QuickTag」のプルダウンメニューになります。

ビジュアルモードの場合

文字列を選択した状態でボタンをクリックすると、前後に開始タグと閉じタグを付けてくれるという次第です。

よく使うタグやクラス名、あるいは定型文なども登録できて、非常に便利。クライアントさんにも喜ばれる必須プラグインです。

投稿画面に自由にボタンを追加できるAddQuicktagはWordPressカスタマイズ、サイト作成メモで公開された投稿です。

FaceBookに慣れているユーザーさんに、「え～、URL書くだけじゃダメなの？」と言われまして、確かにFBに慣れちゃうとそれが自然なんだろうなということで、なんかプラグインでありそう、と思って探したら案の定ありました。

Auto-hyperlink URLsも公式サイトから拾えるので、プラグイン検索で名前で検索してください。すぐインストールできます。

設定画面にいくつかオプションがありますが、ほぼ英語通りでわかるかと思います。

Auto-hyperlink comments?：コメントにもリンクを張るか？
Hyperlink email addresses?：メールアドレスもリンクするか？
Strip protocol? ：http://を表示するか？
Open auto-hyperlinked links in new window?：リンク先を新しいウインドウで開くか？
Enable nofollow?：nofollow属性を付けるか？
Hyperlink Mode/Truncation：URLの短縮表記をどうするか？

などですね。とりあえず問題なく動いてユーザーさんにも満足いただけました。

ちなみに、「このURLはリンクしたくない」という個々の例外の場合はどうすればいいんでしょうか。ちょっと気になりました。

記事内のURLを自動でリンクにしてくれるAuto-hyperlink URLsはWordPressカスタマイズ、サイト作成メモで公開された投稿です。

そして調べて辿り着いたのが「SyntaxHighlighter Evolved」プラグイン。定番中の定番って感じですね。使ってみると見た目がキレイなだけでなく、確かに便利でした。

公式プラグインですので、インストールはプラグインの検索画面で「SyntaxHighlighter Evolved」で調べれば見つけてダウンロードできると思います。インストールして有効化すると、「設定」画面に「SyntaxHighlighter」という項目が追加されます。

【設定】
設定画面は見れば大体わかると思います。自分がちょっと悩んだのは一番上の「SyntaxHighlighterのバージョン」でした。

プルダウンで「Version 2X」と「Version 3X」が選べます。だいたいこういうのは新しいバージョンを選ぶのが普通じゃないかと思って、自分も最初はVersion3にしたんですが、どうもこれまで見てきたWordPressサイトとかと違うんですよね。一番の違いは、コード上にマウスオーバーすると表示されるツールバーが出てこなくて、代わりに「SyntaxHighlighterについて」というクレジットが出てきてしまうことです。しかも結構カッチョ悪い感じでｗ

右端のクレジット表示がダメダメ…orz

クレジット表示は非表示にもできますが、自分はマウスホバーで表示されるツールバーが好きなので、バージョンを2Xに戻しました。

バージョン2だと、マウスホバー時に右上にツールバーが

ただなぜか自分の今のテーマだと、画面上部に大きな余白ができてしまうんですよね。対処法は不明です・・・

【使い方】
実際の使い方は簡単で、投稿画面中にショートコード形式でソースを囲うだけです。ショートコードの書き方は、コードの種類についてはこちらに、オプション設定などは設定画面でわかると思います。

自分はいまのところはほとんどphpかhtml、cssぐらいしかソースは書かないので、

［php］ ～PHPのソースを書く場合～ ［/php］
［html］ ～htmlのソースを書く場合～ ［/html］
［css］ ～cssのソースを書く場合～ ［/css］

といった使い方です。よく使うオプション指定としては、「○行目をハイライトにする」という

highlight=”○”

１行表示などでツールバーや行番号を非表示にする

light=”1″

などです。一度使うと手放せなくなる便利プラグインですね。

ソースコード表示に欠かせないSyntaxHighlighter EvolvedはWordPressカスタマイズ、サイト作成メモで公開された投稿です。

でも、WordPressでテーマのアップデートや交換などによってテーマファイルが一新された場合は、またトラッキングコードを入れ直さなければならなくなります。

ですからプラグインを介してGAのソースコードを入れておきます。

自分が選んだのは「Ultimate Google Analytics」です。
プラグインの検索からインストールすることができます。

インストールして有効化すると、「設定」メニュー内に「Ultimate GA」の項目が追加されるのでクリックします。

このUltimate GAのユニークなところは、GAのトラッキングコードのソースを全部入れる必要がなく、Account IDだけ入力すればいい、ということです。一番上の欄ですね。

通常GAのトラッキングコードを発行すると、

こういうJava Scriptのソースが出てきますが、Ultimate GAではAccount IDだけでいいので、

このUA以下の数値だけを入れればいいわけです。入力して「Update Options」をクリックすれば完了です。

しかもこのUltimate GAですが、どうやらWPにログイン中の閲覧の場合にはGAのソースを吐き出さないようになってるようです。

↑ログアウト時のソース

↑ログイン時のソース

ログインしている時は自分が閲覧しているから、GAに自分の訪問をカウントさせない、ということだと思います。いや～、これは導入してみて初めて気づいた機能ですが、超便利！

GAで自分のアクセスを除外する設定って、結構ややっこしくて、自分では前に試してみてうまくいかなかったんです。自分のせいかもしれませんが。

もちろん厳密にはログアウト時の自分のアクセスはカウントされるのでカンペキではないですが、自動でこんな処理をしてくれるのは非常に助かります。まさにUltimate！です。

アクセス解析GoogleアナリティクスをWPにすぐ導入できるUltimate Google AnalyticsプラグインはWordPressカスタマイズ、サイト作成メモで公開された投稿です。