0

以下のコードブロックを持つローン計算プラグインがあります。変数 $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;
}
4

2 に答える 2