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カスタマイズ、サイト作成メモで公開された投稿です。

ソースはこちらです。

<?php
$get_page_id = get_page_by_path("スラッグ名");
$get_page_id = $get_page_id->ID;
$my_pages = get_posts(array(
	'post_type' => 'page',
	'posts_per_page' => '-1',
	'post_parent' => $get_page_id,
	'orderby' => 'menu_order',
	'order' => 'ASC'
));
?>
<ul>
<?php if($my_pages):
	foreach ($my_pages as $post):
		setup_postdata($post);
?>
	<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach;
wp_reset_postdata();
endif; ?>
</ul>

2行目のget_page_by_path()で、指定したスラッグの固定ページオブジェクトを変数$get_page_idに格納して、3行目でそのIDを再度$get_page_idに入れ直しています。

これはこちらの【WordPress】スラッグ名からIDを取得する方法 – Qiitaから使わせていただきました。

4行目からはget_postsの配列でオプションを指定して、$my_pagesに格納して、それを14行目のforeachで一つずつ取り出して表示、という処理をしています。

ポイントは5行目でpost_typeを「page」にして固定ページを指定しているところと、7行目の親ページIDを指定する「post_parent」で、IDではなく、スラッグから取得したIDを入れた変数$get_page_idにしているところですね。あとの表示数や並び順などはお好きなように指定してください。

WPをCMS的に使うと固定ページの階層化は多用すると思うので、重宝すると思います。

親ページのスラッグを指定して子ページ一覧を表示するはWordPressカスタマイズ、サイト作成メモで公開された投稿です。

このネタもWelcartの「開発フォーラム」に上がっています。

[解決済み] 納品書等に表示する項目

ただし、ご覧いただくとわかるように、order_print.phpを直接コメントアウトするよう書かれています。プラグインなどの本体ソースを書き換えるのは極力避けたいところですが、記事の日付は2011年の6月とかなり前です。

「もしかして・・・」とWelcart最新版のorder_print.phpを見てみたら、フィルターが付加されていました！

Welcart開発サイドがこういう要望に応えるために用意してくださったのでしょうか。感謝です！

ということで、本体をいじることなくフィルターフックで対応することができます。

内訳項目はラベル（項目名）と値とをそれぞれ出力するようになっており、それぞれに以下のフィルターが用意されています。

キャンペーン割引・ラベル：usces_filter_disnount_label
キャンペーン割引・値：usces_filter_disnount_vlue
代引き・ラベル：usces_filter_cod_label
代引き・値：usces_filter_cod_vlue
使用ポイント・ラベル：usces_filter_point_label
使用ポイント・値：usces_filter_point_vlue

非表示にしたい項目のラベルと値を、functions.phpでフックして空の値を返すようにすれば、PDF上で空欄にすることができます。

たとえば「使用ポイント」を非表示にしたい場合は、

add_filter( 'usces_filter_point_label', 'my_usces_filter_point_label' );
function my_usces_filter_point_label() {
  return null;
}
add_filter( 'usces_filter_point_vlue', 'my_usces_filter_point_vlue' );
function my_usces_filter_point_vlue() {
  return null;
}

のように、ラベルと値のフィルターにフックをして、「return null;」で空にしています。

空にしないで、ラベルの方だけフックして名称を変える、なんていう応用もできますね。

先の印鑑挿入と合わせて、独自の領収書類にカスタマイズしてみてください！

Welcartの領収書類から不要な項目を削除はWordPressカスタマイズ、サイト作成メモで公開された投稿です。

せめて社印や印鑑画像が入れられれば、と思っていたのですが、実は簡単に挿入できることがわかりました！

元ネタは何のことはない、本家Welcartの開発フォーラムにまんま紹介されていました(^^ゞ

[解決済み] 請求書 PDF　領収書 PDF　の印鑑

function my_filter_pdf_sign() {
	return get_template_directory() . '/images/*****.png';
}
add_filter( 'usces_filter_pdf_estimate_sign', 'my_filter_pdf_sign' );
add_filter( 'usces_filter_pdf_invoice_sign', 'my_filter_pdf_sign' );
add_filter( 'usces_filter_pdf_receipt_sign', 'my_filter_pdf_sign' );
add_filter( 'usces_filter_pdf_bill_sign', 'my_filter_pdf_sign' );

最初の関数で、画像のパスとファイル名を指定しています。ここは各自書き換えます。

次の4行のフィルターフックは、上から見積書、納品書、領収書、請求書のそれぞれのPDFに、画像をセットしています。Welcartの会員登録ページでは、ユーザーが領収書と請求書をダウンロードできますが、管理者はさらに管理画面から見積書、納品書も発行できるので、この4種に挿入する、ということですね。

あともうひとつフィルターフックが必要です。

function my_filter_pdf_sign_data() {
	return array(110, 40, 50, 50);
}
add_filter( 'usces_filter_pdf_sign_data', 'my_filter_pdf_sign_data' );

こちらは画像の位置とサイズを指定するフィルターフックです。関数の中の配列（array）の4つの数字が、左から画像の横位置、画像の縦位置、画像の幅、画像の高さ、となっています。

PDFですので単位はpxではなくインチなのか何なのか、よくわからなくて私は何度もリロードして調整したのですが(^^;、横位置の「110」の値はちょうど領収書右側のサイト名、社名、住所等の位置と同じですので、左揃えでいい場合は110のままでいいと思います。

画像サイズは正方形なら楽なのですが、長方形の場合は縦横の比率を計算して指定しないと画像が歪むのでご注意ください。

やはり印鑑が入るだけで印象も違ってきますね。ぜひ活用してください。

またその他のPDFに出力される項目のカスタマイズについては、やはりフィルターフックでの対応になります。PDF出力は「usc-e-shop」＞「includes」内の「order_print.php」が行っていますので、このファイル内のフィルターを見れば他にもいろいろカスタマイズできると思います。

Welcartの領収書、請求書に印鑑画像を入れるはWordPressカスタマイズ、サイト作成メモで公開された投稿です。

たまたま以下のページにたどり着き、フツーに使えることを知りました（英文）。

Using Font Awesome With Foundation

この記事では「今はFontAwesomeの4.03までしか使えないけど、次のFoundationのアップデートで4.1も使えるようにするよ！」的なことが書いてありますが、先ほどFoundationPressの5.1.1で確認したら、FontAwesome4.3までが使えるようになってました。

使い方は上記ページにあるとおり、普通にhtmlタグでアイコンのタグを入れるだけです。

<i class="fa fa-chevron-circle-right"></i>

アイコンフォントは便利で多用していますが（このブログでは使ってないんですけど(^^;）、FoundationPressにセットされていた、というのはうれしい驚きでした＾＾

もし「・・・そんなんずいぶん前からやん」「・・・当たり前やん」という話でしたらすいません(^^ゞ

FoundationPressでFontAwesomeが使えるようになってた！はWordPressカスタマイズ、サイト作成メモで公開された投稿です。

今回のカスタマイズは、自動送信メールの差出人名を変更する方法です。Welcartが送信するメールの送信者名は、デフォルトではサイト名が入りますので、これを任意の文字列に変えてみます。

そもそも変更の理由なんですが、サイト名はSEOを意識して、ショップ名や会社名の前にキーワードやキャッチを盛り込んでいる場合があります。

「南フランス・ブルゴーニュのビンテージワインを送料無料でお届け おフランス屋」みたいな場合（これがSEO的にいいかどうかはビミョーとしても(笑)）、注文後のサンキューメールや受注メールの送信者名までがこう長々となるのはやはり考え物ですよね。差出人はシンプルに「おフランス屋」でいいのではないかと。

ということで具体的な変更方法ですが、フィルターフックでカスタマイズしてfunctions.phpに記述を追加します。

送信メールの設定は、Welcartプラグイン本体内の「functions」フォルダ内の「function.php」に記載されています。各種メールごとに

'from_name' => get_option('blogname'),

という形で配列に格納しています。その配列に対してフィルターが用意されているので、そのフィルターをfunctions.phpでフックして書き直せばいい、ということになります。

ちなみにメールの送信準備をするための関数は、

• usces_ajax_send_mail()：管理画面から手動送信する各種メール
• usces_send_ordermail()：自動返信のサンキューメール
• usces_send_regmembermail($user)：入会完了後連絡メール
• usces_send_delmembermail($user)：退会完了連絡メール
• usces_lostmail($url)：パスワード再設定時の連絡メール

だと思います。これらの関数内で、’from_name’ => get_option(‘blogname’) で送信者名をサイト名にして配列に格納していますので、その後に出てくるフィルターをフック、str_replace関数でサイト名を置換して書き換えます。

ソースコードは以下のようになります。

// 管理画面から手動送信する各種メール
add_filter( 'usces_ajax_send_mail_para_to_customer', 'my_usces_ajax_send_mail_para_to_customer', 10, 3 );
function my_usces_ajax_send_mail_para_to_customer( $confirm_para ) {
  return str_replace( 'サイト名', '変更したい差出人名', $confirm_para );
}

// 自動返信のサンキューメール
add_filter( 'usces_send_ordermail_para_to_customer', 'my_usces_send_ordermail_para_to_customer', 10, 3 );
function my_usces_send_ordermail_para_to_customer( $confirm_para, $entry, $data ) {
  return str_replace( 'サイト名', '変更したい差出人名', $confirm_para );
}

// 入会完了後連絡メール
add_filter( 'usces_filter_send_regmembermail_para1', 'my_usces_filter_send_regmembermail_para1', 10, 3 );
function my_usces_filter_send_regmembermail_para1( $para1 ) {
  return str_replace( 'サイト名', '変更したい差出人名', $para1 );
}

// 退会完了連絡メール
add_filter( 'usces_filter_send_delmembermail_para1', 'my_usces_filter_send_delmembermail_para1', 10, 3 );
function my_usces_filter_send_delmembermail_para1( $para1 ) {
  return str_replace( 'サイト名', '変更したい差出人名', $para1 );
}

// パスワード再設定時の連絡メール
add_filter( 'usces_filter_send_lostmail_para1', 'my_usces_filter_send_lostmail_para1', 10, 3 );
function my_usces_filter_send_lostmail_para1( $para1 ) {
  return str_replace( 'サイト名', '変更したい差出人名', $para1 );
}

フィルター名と配列名を間違えないよう気をつけてください。元の配列には他に送信先のメールアドレスや名前、返信先等も含まれていますので、必要があればこれらも同様に書き換えることはできるかと思います。

Welcartのメールの送信者名を変更するはWordPressカスタマイズ、サイト作成メモで公開された投稿です。

原因は、compassのバージョンを上げたことでした・・・

それまではcompassのバージョン0.12系をずっと使ってた（というかバージョンアップのやり方を知らなかったｗ）のですが、バージョンアップのやり方を知ったので何も考えずにトライ。

「お～、最新になった！」と喜んでいたのですが、FoundationPressで作成中のサイトのscssを修正してコンパイル＆アップロードしたら、ほぼcssが効いてない「素」のような状態に((( ；ﾟДﾟ)))

FoundationやCSSフレームワークはcssが肥大化しがちですが、compassアップロード後のcssはサイズが半分以下になっていたんですね。

「お、これはcompassバージョンアップで画期的な圧縮機能でも付いたんだろうか」などとワクワクしてたんですが、何のことはない、コンパイルできなくなったscss部分がゴッソリ抜け落ちていただけでしたｗ

とにかくこれではFoundationPressでのサイト作りができませんから、おっかなびっくりでcompassをバージョンダウン。ついでにsassも前のバージョンに戻しました。

やり方はこちら「CompassをヴァージョンアップしたらCodekit2でコンパイルできなくなった…｜Heasteaのブログ」様を参考にさせていただきました。

バージョンダウンのやり方は、コマンドプロンプトで

gem uninstall compass
gem uninstall sass
gem install sass --version "3.2.10"
gem install compass --version "0.12.2"

です。一度アンインストールして、古いバージョンのものをバージョン番号を指定して再インストール、ということですね。順番はこの順番どおりにした方がいいそうです。

compassの1.0系は0.1系とかなりいろいろと違うようです。なので別にsassはバージョンダウンする必要はなかったかもしれませんが、「君子危うきに近寄らず（でいいのかこの場合？ｗ）」ということで一緒に戻しておきました。

いずれFoundation側でcompass1.0系に対応してくれることが望ましいですが、とりあえずcompassでFoundationをコンパイルしたらcssがおかしい、という方は、compassのバージョンを疑ってみてください。

compass最新バージョンではFoundationPressのscssが一部コンパイルされないはWordPressカスタマイズ、サイト作成メモで公開された投稿です。