KazuoOtsuka | Refine member Blog

EC-CUBEの話(2) マスターデータを利用したお問い合わせフォーム

2015年1月20日2015年1月20日 by KazuoOtsuka

こんな使い方！

お問い合わせフォームの項目で、項目内容の変更が頻繁にある場合など、いちいちソースを書き換えるのは面倒くさいです。
そんなときは、マスターデータに登録してしまいしょう。

例）セミナーの申し込みなどは、申し込み日が過ぎると次回の申し込みフォームに流用するこもあり、日程などの書き換えはマスターデータでできるようにしちゃう。

改修するファイル

1. マスターデータのテーブルにデータの追加
2. phpファイルの改修
3. テンプレートファイルの改修 PC版の入力ページ/確認ページ SMP版の入力ページ/確認ページ
4. メールテンプレートの改修
5. テストをして動作の確認をする

マスターデータにテーブルの新規追加

簡単なやり方な場合は、mtb_jobs の定義だけを拝借して、コピー。
今回は、contact_day というテーブル名で追加します。

この時点で、管理画面の
システム設定＞マスターデータ管理のプルダウン項目に contact_day というのが表示されます。
中をみても、データ自体は、まだ入力してないので、空です。
IDと値を入れていきましょう。

完成の図！

phpファイルの改修

/data/class/pages/contact_entry/LC_Page_Contact.php
まずは、マスターデータの読みこみを

$masterData = new SC_DB_MasterData_Ex(); 
$this->arrPref = $masterData->getMasterData('mtb_pref'); 
$this->arrContact_day = $masterData->getMasterData('mtb_contact_day’);//ここに追加する

$masterData = new SC_DB_MasterData_Ex(); 

$this->arrPref = $masterData->getMasterData('mtb_pref'); 

$this->arrContact_day = $masterData->getMasterData('mtb_contact_day’);//ここに追加する

$objFormParam->addParamに
入力フォームのチェックを追加

$objFormParam->addParam('お電話番号1', 'tel01', TEL_ITEM_LEN, 'n', array('EXIST_CHECK','NUM_CHECK', 'MAX_LENGTH_CHECK'));
 $objFormParam->addParam('お電話番号2', 'tel02', TEL_ITEM_LEN, 'n', array('EXIST_CHECK','NUM_CHECK', 'MAX_LENGTH_CHECK'));
 $objFormParam->addParam('お電話番号3', 'tel03', TEL_ITEM_LEN, 'n', array('EXIST_CHECK','NUM_CHECK', 'MAX_LENGTH_CHECK'));
 $objFormParam->addParam('参加会場', 'contact_day', INT_LEN, 'KVa', array('EXIST_CHECK'));//マスターデータ

$objFormParam->addParam('お電話番号1', 'tel01', TEL_ITEM_LEN, 'n', array('EXIST_CHECK','NUM_CHECK', 'MAX_LENGTH_CHECK'));

 $objFormParam->addParam('お電話番号2', 'tel02', TEL_ITEM_LEN, 'n', array('EXIST_CHECK','NUM_CHECK', 'MAX_LENGTH_CHECK'));

 $objFormParam->addParam('お電話番号3', 'tel03', TEL_ITEM_LEN, 'n', array('EXIST_CHECK','NUM_CHECK', 'MAX_LENGTH_CHECK'));

 $objFormParam->addParam('参加会場', 'contact_day', INT_LEN, 'KVa', array('EXIST_CHECK'));//マスターデータ

ひとまずPHPはこれでOK

テンプレートファイルの改修

入力画面

基本的に今回はPC版だけです。
/Smarty/defult/contact/index.tpl
に追加します。

今回は、セレクトボックスでもなく、ラジオボタンでもなく、一番苦手な、チェックボックスで表示します。
※カスタマイズするときによく使う技！デバックを出す方法

<!—{$arrContact_day|@var_dump}—>

1	<!—{$arrContact_day\|@var_dump}—>

これをテンプレートの一番上に記述しておきます。
そうすると、Debug文が表示されて現在のmtb_contact_day の値が表示されます。

マスターデータの項目を表示されるソース

<!--{assign var=key1 value="`$prefix`contact_day"}--> 
<!--{if $arrErr[$key1]}-->
 <div class="attention"><!--{$arrErr[$key1]}--></div> <!--{/if}--> 
<!--{html_checkboxes name=$key1 options=$arrContact_day selected=$arrForm[$key1].value separator='<br>' assign="checkboxes"}-->
 <!--{section name=checkbox loop=$checkboxes}--> 
<!--{$checkboxes[checkbox]}-->
 <!--{/section}-->

表示の図

確認画面

/Smarty/defult/contact/confirm.tpl

入力画面で入力した項目を今度は表示させます。

<!--{foreach from=$arrForm.contact_day.value item=key1}-->
 <!--{$arrCantact_day[$key1]}--> 
<input type="hidden" name="contact_day[]" value="<!--{$key1}-->" /><!--{$arrContact_day[$key1]|h}--><br> 
<!--{/foreach}-->

メールのTPLに表示

お問い合わせフォームのメールテンプレートに新しく追加した項目を表示

追加した項目名：
<!--{foreach from=$arrForm.contact_day.value item=key1}-->
<!--{$arrCantact_day[$key1]}--><!--{$arrContact_day[$key1]|h}-->
<!--{/foreach}-->

追加した項目名：

これで、メールテンプレートにも表示がされます。

まとめ

これで無事に設定は完了です。
更新頻度が高い場合は、ぜひマスターデータに情報を登録して、管理画面上から簡単に更新できるようにすることができるのもEC-CUBEの魅力です。
みなさんもぜひやってみてください。

EC-CUBEの話(1) Feedを使わずにWordPressの記事をブロックに表示

2015年1月16日2015年1月17日 by KazuoOtsuka

久しぶりにEC-CUBEの話を。
まず、弊社株式会社Refineは、インテグレートパートナー「ブロンズ」なのです。一応ねw

さて、今回は、プラグインを使わずに、さらにgoogle feed を使わずに、サイト内のwordpressのブログをブロックに表示する方法を。。。

EC-CUBE でプラグインを使わない理由。。。
何かと干渉しあって、予期せぬ動きが激しいから。

Google Feedを使わない理由。。。
自由度がきかないので。。。

というわけで、EC-CUBE の管理画面からBlocを新規で作成していただき、Wordpressのブログを表示するPHPをそのまま記載するというなんとも簡単なやり方です。
以下のソースは、弊社クライアントで実際に動かしてるサイトのソースの一部です。

<!-- TOP_wordpress_include_01 -->//別に書かなくていい。
<!--{php}-->
require_once('./wordpressのディレクトリ/wp-load.php');//これが重要。
<!--{/php}-->
<div id="infoarea" class="mr10">
	<div class="info_tit"><a href="wordpressのニュースのURL"><span class="white">新着ニュース</span></a></div>
	<div class="info_themewrp">		
<!--{php}-->
    $posts = get_posts('numberposts=3&category=1');// よく見るでしょ。 件数とブログカテゴリの取得
    global $post;
<!--{/php}-->
<!--{php}-->
    if($posts): foreach($posts as $post): setup_postdata($post); ?>
    <div class="info_theme">
    <?php if (has_post_thumbnail()) : ?><div class="info_img"><?php the_post_thumbnail(72, 72, true); ?></div><?php endif; ?>// サムネイルがあれば
    <div class="info_tit_text mb10"><?php echo date("Y.m.d", strtotime($post->post_date)); ?>//日付表示 <?php the_tags( '<span class="sc_name_tag"> ', '</span>' ); ?>//タグ表示</div>
	<div class="info_text"><a href="<?php the_permalink();?>"><?php the_title();<!--{/php}--></a></div>
	<!--{php}-->the_excerpt();<!--{/php}-->
</div>
<!--{php}--> endforeach; endif;<!--{/php}-->				
		
	</div>	
</div>

//別に書かなくていい。

require_once('./wordpressのディレクトリ/wp-load.php');//これが重要。

<div class="info_tit"><a href="wordpressのニュースのURL"><span class="white">新着ニュース</span></a></div>

$posts = get_posts('numberposts=3&category=1');// よく見るでしょ。件数とブログカテゴリの取得

global $post;

if($posts): foreach($posts as $post): setup_postdata($post); ?>

<?php if (has_post_thumbnail()) : ?><div class="info_img"><?php the_post_thumbnail(72, 72, true); ?></div><?php endif; ?>// サムネイルがあれば

the_excerpt();

</div>

endforeach; endif;

</div>

このような感じです。
全環境で動くかチェックしてないのでわからないのですが、弊社での正常動作の環境は

PHP5.3以上であること
EC-CUBE とWordpressが同じサーバ内にあること
DBがECCUBEとWordpressで場所にあること

という感じです。

応用すればもっといろいろ出来るとおもいますので、やってみてください。

よく使うコマンド一覧

2015年1月15日2015年1月17日 by KazuoOtsuka

デザイナーでもコーダーでもSSHでの操作はよく分からないからと言って、避けていると、無駄な時間を多く過ごすことになります。

最近は、VPSサーバやクラウドサーバなどで、SSHの利用できるサーバが多くあります。
ということで、よく使うコマンド一覧を。。。。

ディレクトリに移動する

$cd Dirname

1	$cd Dirname

移動した階層を戻る

$cd ../

$cd ../

移動したディレクトリの中を見る

$ls -lah

$ls -lah

-lah を入れるとファイル/フォルダ情報が見れる

ファイル/フォルダを移動する

$mv -v move_dirname/foldername/ 移動したいdirname/

1	$mv -v move_dirname/foldername/ 移動したいdirname/

-v オプションを付けると，ディレクトリの移動状況が逐次表示される。表示は「移動元->移動先」

ファイルの中身を確認する

$cat filename

1	$cat filename

ファイルを編集する nano版

$nano filename

1	$nano filename

コマンド上に、操作するショートカットがでるのでそれを利用

ファイルを編集する vi版

$vi filename

1	$vi filename

i を押して、insertモードにする
保存して終了したいときは

:wq!

:wq!

viエディタはむずかしいので基本的にはnanoを個人的には使ってます。

ディレクトリのバックアップをZipにする

$zip -r backupfoldername.zip ./backupfoldername/

1	$zip -r backupfoldername.zip ./backupfoldername/

これで、zipで保存されます。

フォルダとファイルを削除する

$rm -r filename or foldername

1	$rm -r filename or foldername

-r 再帰的に
-i 確認画面あり yes でエンター
-f 確認画面なし

例) rm -rf filename or foldername // 確認画面なし
例）rm -ri filename or foldername // 確認画面あり Yes でエンター

1 2	例) rm -rf filename or foldername // 確認画面なし例）rm -ri filename or foldername // 確認画面あり Yes でエンター

個人的には、確認画面を出すようにしてます。怖いのでw

WordPress All-In-One Event Calendar pluginのバージョンアップにおけるイベント一覧の取得方法

2015年1月9日2015年1月17日 by KazuoOtsuka

WordPressのAll-In-One Event Calendarは、なかなか便利なプラグインです。
しかしながら、ちょっとカスタマイズするには難しい。

ドキュメントも国内のは少ない。
しかもver2系になってから、
$ai1ec_calendar_helper のクラスの利用がなくなった。。。。

イベントの一覧を取得したいとき、以前のバーションでは

<?php 
	global $wpdb;
		date_default_timezone_set('Asia/Tokyo');
	$today =date('YmdHis');
	$events = $wpdb->get_results("
		SELECT $wpdb->posts.*,{$wpdb->prefix}ai1ec_events.start,{$wpdb->prefix}ai1ec_events.end
		FROM $wpdb->posts
		LEFT JOIN {$wpdb->prefix}ai1ec_events ON ($wpdb->posts.ID = {$wpdb->prefix}ai1ec_events.post_id)
		WHERE $wpdb->posts.post_type = 'ai1ec_event' AND $wpdb->posts.post_status = 'publish' AND {$wpdb->prefix}ai1ec_events.end > $today
		ORDER BY {$wpdb->prefix}ai1ec_events.start DESC 
		"); 
	if ($events) : foreach($events as $post) {
		$id = get_the_id();
		$event = Ai1ec_Events_Helper::get_event($id);
		$event_date = date("Y.m.d", $event->start);
?>
	<div class="font14" style="margin-bottom:5px;"><span class="red"><?php echo $event_date; ?></span><br><span class="white font12"><?php the_title(); ?></span></div>
<?php
	}//foreach
?>
<?php endif; ?>

<?php

global $wpdb;

date_default_timezone_set('Asia/Tokyo');

$today =date('YmdHis');

$events = $wpdb->get_results("

SELECT $wpdb->posts.*,{$wpdb->prefix}ai1ec_events.start,{$wpdb->prefix}ai1ec_events.end

FROM $wpdb->posts

LEFT JOIN {$wpdb->prefix}ai1ec_events ON ($wpdb->posts.ID = {$wpdb->prefix}ai1ec_events.post_id)

WHERE $wpdb->posts.post_type = 'ai1ec_event' AND $wpdb->posts.post_status = 'publish' AND {$wpdb->prefix}ai1ec_events.end > $today

ORDER BY {$wpdb->prefix}ai1ec_events.start DESC

");

if ($events) : foreach($events as $post) {

$id = get_the_id();

$event = Ai1ec_Events_Helper::get_event($id);

$event_date = date("Y.m.d", $event->start);

<?php

}//foreach

<?php endif; ?>

上記の記述で取得できましたが、ver2系では、$ai1ec_calendar_helper 自体が存在しないので、

<?php
	global $ai1ec_registry;
	$date_system = $ai1ec_registry->get( 'date.system' );
	$search = $ai1ec_registry->get('model.search');

	// gets localized time
	$local_date = $ai1ec_registry->get( 'date.time', $date_system->current_time(), 'sys.default' );

	//sets start time to today
	$start_time = clone $local_date;
	$start_time->set_time( 0, 0, 0 );
	
	//sets end time to a year from today 
	$end_time = clone $start_time;
	$end_time->adjust_month( 12 );
		
	$events_result = $search->get_events_between($start_time, $end_time, array(), true);
		
	if(!empty($events_result)) {
		$event_count = '0';
		echo '<ul>';
		foreach($events_result as $event) {
			if($event_count < '2') {
				$event_count ++;
				$event_long_date   = $event->get( 'start' );
				$event_date = $ai1ec_registry->get('view.event.time')->get_long_date($event_long_date);
				$event_title   = $event->get( 'post' )->post_title;
				$postid   = $event->get( 'post_id' );
				echo '<li>'.$event_date.'<br><a href="'.get_permalink($postid).'">'.$event_title.'</a></li>';
			}
		}
		echo '</ul>';
	}
?>

<?php

global $ai1ec_registry;

$date_system = $ai1ec_registry->get( 'date.system' );

$search = $ai1ec_registry->get('model.search');

// gets localized time

$local_date = $ai1ec_registry->get( 'date.time', $date_system->current_time(), 'sys.default' );

//sets start time to today

$start_time = clone $local_date;

$start_time->set_time( 0, 0, 0 );

//sets end time to a year from today

$end_time = clone $start_time;

$end_time->adjust_month( 12 );

$events_result = $search->get_events_between($start_time, $end_time, array(), true);

if(!empty($events_result)) {

$event_count = '0';

echo '<ul>';

foreach($events_result as $event) {

if($event_count < '2') {

$event_count ++;

$event_long_date = $event->get( 'start' );

$event_date = $ai1ec_registry->get('view.event.time')->get_long_date($event_long_date);

$event_title = $event->get( 'post' )->post_title;

$postid = $event->get( 'post_id' );

echo '<li>'.$event_date.'<br><a href="'.get_permalink($postid).'">'.$event_title.'</a></li>';

}

echo '</ul>';

}

この書き方をすると無事に一覧で表示させることができました。

WordPressのTwenty Eleven以降のトップページのカスタマイズ

2015年1月3日2015年1月17日 by KazuoOtsuka

WordPressのTwenty Eleven以降のテーマで、ブログを構築する際に、TOPページにブログ記事が全文出てしまい、とても長くなってしまいます。
そこで、一部だけを表示させる方法を伝授。（みんな知ってますよね。。。メモです。）

content.php の27行目あたり

		<?php
		$format = get_post_format();
		if ( is_search() || 'excerpt' == $generate_settings['post_content'] ) : // Only display Excerpts for Search ?>
		<div class="entry-summary" itemprop="text">
			<?php the_excerpt(); ?>
		</div><!-- .entry-summary -->

<?php

$format = get_post_format();

if ( is_search() || 'excerpt' == $generate_settings['post_content'] ) : // Only display Excerpts for Search ?>

<?php the_excerpt(); ?>

</div>

if ( is_search …. のところに、
is_home() || を追加

実際に追加した際のソースは以下▼▼▼

		if ( is_home() || is_search() || 'excerpt' == $generate_settings['post_content'] ) : // Only display Excerpts for Search ?>
		<div class="entry-summary" itemprop="text">
			<?php the_excerpt(); ?>
		</div><!-- .entry-summary -->

if ( is_home() || is_search() || 'excerpt' == $generate_settings['post_content'] ) : // Only display Excerpts for Search ?>

<?php the_excerpt(); ?>

</div>

これですっきり、短くなります。

月	火	水	木	金	土	日
« 12月
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30