以下のコードブロックを持つローン計算プラグインがあります。変数 $calcHTML を設定し、それを返して画面に公開します。たくさんのコードのように見えますが、実際にはたくさんの html を変数に入れ、それを返すだけです。
別のプラグインのソーシャル ボタンを $calcHTML の途中に配置して、ソーシャル ボタンが電卓に出力されるようにしたいと考えています。
私のソーシャルボタンを出力するコードは次のとおりです。
ソーシャル プラグイン コード
if ( function_exists( 'rtsocial' ) ) { echo rtsocial(); }
出力が以下の $calcHTML 変数に配置されるように、上記の関数をどのように使用して組み合わせることができますか?
以下の電卓コード
add_shortcode('clc_car_loan_calculator', 'clc_car_loan_calculator');
function clc_car_loan_calculator($atts) {
$queryString = '';
if(isset($atts['currency'])) {empty($queryString)?$queryString .= '?':$queryString .= '&'; $queryString .= 'currency='.urlencode($atts['currency']);}
if(isset($atts['theme'])) {empty($queryString)?$queryString .= '?':$queryString .= '&'; $queryString .= 'theme='.urlencode($atts['theme']);}
$calcHTML = '<div class="clc-widget clc-fp-widget">
<form>
<table class="clc-input-table">
<tr>
<td>Vehicle Price</td>
<td>
<input type="text" id="clc-fp-car-loan-price" />
</td>
<td>Down Payment</td>
<td>
<input type="text" id="clc-fp-car-loan-down-payment" />
</td>
</tr>
<tr>
<td>Trade in Amount</td>
<td>
<input type="text" id="clc-fp-car-loan-trade" />
</td>
<td>Owed on Trade</td>
<td>
<input type="text" id="clc-fp-car-loan-trade-owed" />
</td>
</tr>
<tr>
<td>Interest Rate</td>
<td>
<input type="text" id="clc-fp-car-loan-interest-rate" />
</td>
<td>Sales Tax Rate</td>
<td>
<input type="text" id="clc-fp-car-loan-tax-rate" />
</td>
</tr>
<tr>
<td>Term (months)</td>
<td>
<input type="text" id="clc-fp-car-loan-term" />
</td>
<td>Start Date</td>
<td>
<input type="text" id="clc-fp-car-loan-start-date" />
</td>
</tr>
<tr>
<td colspan="4">
<input type="submit" id="clc-fp-calculate-car-loan-button" value="Calculate" onClick="return false;" />
</td>
</tr>
</table>
</form>
<table class="clc-fp-display-table">
<tr>
<td>
<h2>Loan Summary</h2>
<div id="clcFPCarLoanBreakdownData"></div>
<div class="clc-clear-line" style="height:20px;"></div>
<table class="clc-full-width">
<tr>
<td class="clc-breakdown-cell">
<div id="clcFPCarLoanBreakdownChart" style="width:180px; height:180px;"></div>
</td>
<td class="clc-balances-cell">
<div id="clcCarLoanPrincipleHeading" class="clc-heading"></div>
<div id="clcCarLoanPrincipleChart" style="width:100%; height:180px;"></div>
</td>
</tr>
</table>
<div class="clc-clear-line" style="height:30px;"></div>
<div id="clcFPCarLoanAmortizationData">
<ul>
<li>
<a href="#clcFPCarLoanYearlyAmortization">Yearly Amortization</a>
</li>
<li>
<a href="#clcFPCarLoanMonthlyAmortization">Monthly Amortization</a>
</li>
<li>
<a href="#clcFPCarLoanLoanDetails">Detailed Summary</a>
</li>
</ul>
<div id="clcFPCarLoanLoanDetails"></div>
<div id="clcFPCarLoanYearlyAmortization"></div>
<div id="clcFPCarLoanMonthlyAmortization"></div>
<div class="clc-clear-line"></div>
</div>
</td>
</tr>
</table>
<script src="'.plugins_url('/js/bootstrap-fp.js'.$queryString, __FILE__).'" id="clc-fp-car-loan" type="text/javascript"></script>
</div>';
return $calcHTML;
}