カレンダープラグインで　URL先を　JSで置き換えたメモ

結果

<script type="text/javascript">
$(document).ready(function() {
$(".monthly-calendar a").each(function() { //.eachは合致
var dreplace = null;//初期化
var dreplace = $(this).attr('href').replace(/%e7%8f%be%e5%a0%b4%e8%a6%8b%e5%ad%a6%e4%bc%9a/g,'予約カレンダー');
$(this).attr('href',dreplace);
});
});

</script>

カレンダーを入れる部分にショートコードを入れて

ページ最下部に

だと、カレンダーをクリックした先
また、同じページになってしまう。

その先をスライダーやコンテンツなどは一切読み込ませずに
新しいページで表示

カレンダー　＝　コンテンツ下
クリック先　＝　固定ページ

ブログなどのカレンダーTOPページのヘッダーに上記スクリプト

固定ページで同じショートコードでページ作成

<script type="text/javascript">
$(document).ready(function() {
$(".monthly-calendar a").each(function() { //.eachは合致
var dreplace = null;//初期化
var dreplace = $(this).attr('href').replace(/ここに元のページのURLを入れる%e7%8f%be%e5%a0%b4%e8%a6%8b%e5%ad%a6%e4%bc%9aここまで/g,'移管先URL=予約カレンダー');
$(this).attr('href',dreplace);
});
});

</script>

テンプレで
サイドバーに入れたバナーと
予約ボタンの
css　

.genba_kengaku{
	border: 1px solid #CCC;
	display: block;
	text-align: center;
}

.kengaku_title{
	font-weight: bold;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 5px;
}
button[type="submit"]{ font-size:18px;}

<a href="/現場見学会/" class="genba_kengaku" style="margin-bottom:0px; margin-top:12px;">
<img src="/img/side_open_house.jpg" width="214" height="129" alt="名古屋市昭和区 新築完成現場見学会"/><div class="kengaku_title">
完成見学会ご予約フォーム<br />
<span style="font-size:80%; font-weight:normal">名古屋市昭和区　3月4日まで</span></div>
</a>

参考

http://www.db.gs/article/402042301.html

http://qiita.com/ma_me/items/9d2a72df209ae9832a3f

http://semooh.jp/jquery/api/core/each/callback/

http://www.webantena.net/javascriptjquery/jquery-replace/

http://www.webantena.net/javascriptjquery/jquery-replace-multiple-words/