我有一个具有以下代码块的贷款计算器插件。它设置变量 $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;
}